/* Separate Juliet V1 review preview; preserve the complete original cover on desktop. */
.dora-welcome-hero{position:relative;padding:0;background:#c2d9cf;overflow:hidden;}
.dora-welcome-layout{position:relative;width:100%;max-width:none;aspect-ratio:1672/941;margin:0;}
.dora-welcome-portrait{position:absolute;inset:0;margin:0;width:100%;height:100%;pointer-events:none;}
.dora-welcome-portrait img{display:block;width:100%;height:100%;object-fit:contain;}
.dora-welcome-copy{position:absolute;z-index:1;top:50%;left:max(32px,calc((100% - 1200px)/2));transform:translateY(-50%);width:43%;max-width:640px;}
.dora-welcome-copy h1{font-size:48px;line-height:1.25;max-width:100%;text-wrap:balance;}
.dora-welcome-copy .lead{font-size:18px;line-height:28px;max-width:100%;text-wrap:pretty;color:#344b3d;}
@media(min-width:761px) and (max-width:1199px){
 .dora-welcome-copy{left:32px;width:43%;}
 .dora-welcome-copy h1{font-size:36px;line-height:40px;margin:24px 0;}
 .dora-welcome-copy .lead{font-size:16px;line-height:24px;}
}
@media(max-width:760px){
 .dora-welcome-layout{aspect-ratio:auto;display:flex;flex-direction:column;}
 .dora-welcome-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;padding:32px 24px 24px;}
 .dora-welcome-copy h1{font-size:30px;line-height:36px;margin:24px 0;}
 .dora-welcome-copy .lead{font-size:16px;line-height:24px;}
 .dora-welcome-portrait{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1003/941;overflow:hidden;}
 .dora-welcome-portrait img{width:166.7009%;max-width:none;height:auto;margin-left:-66.7009%;object-fit:initial;}
}
@media(min-width:1121px){.mobile-cta{left:auto;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));}}

.pilot-main .dora-welcome-layout{width:100%;max-width:none;padding:0;}
@media(min-width:1200px){.dora-welcome-copy{left:max(32px,calc((100% - 1280px)/2));width:calc(47% - max(32px,calc((100% - 1280px)/2)));}}

/* Juliet's tablet begins farther left than Dora's: keep live text before 43%. */
@media(min-width:1200px){.dora-welcome-copy{width:calc(43% - max(32px,calc((100% - 1280px)/2)));}}
@media(min-width:761px) and (max-width:1199px){.dora-welcome-copy{width:calc(43% - 32px);}}