/* Three-phone hero: preserve the supplied photo and keep every device in view. */
.minimal-site .sales-hero .rotation-stage{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:4%;padding-inline:6%}
.minimal-site .sales-hero .rotation-stage .turn-headline{max-width:560px}
.minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{width:100%;height:auto;max-width:760px;max-height:100%;aspect-ratio:1280/956;mix-blend-mode:normal;overflow:visible;clip-path:none;align-self:center;justify-self:center}
.minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual>img{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;transform-origin:center;mix-blend-mode:normal}
.minimal-site .sales-hero .rotation-stage[data-product-size] .preorder-depth:after{background:radial-gradient(ellipse 35% 38% at 25% 52%,#fafbf7 35%,#fafbf7f2 65%,#fafbf700 100%),radial-gradient(ellipse 27% 36% at 74% 52%,#fafbf7 60%,#fafbf7eb 78%,#fafbf700 100%)}
/* Borderless overview. Preserve the film size, framing, controls and lifecycle. */
.minimal-site #control.sales-intro .snap-media{border:0;border-radius:0;box-shadow:none;background:transparent}
@media(max-width:1000px) and (min-width:701px){
 .minimal-site .sales-hero .rotation-stage{column-gap:3%;padding-inline:5%}
 .minimal-site .sales-hero .rotation-stage #hero-title{font-size:clamp(34px,4.3vw,45px)}
 .minimal-site .sales-hero .minimal-hero-sub{font-size:15px;line-height:1.55}
}
@media(max-width:700px), (max-width:950px) and (max-height:500px) and (hover:none) and (pointer:coarse){
 .minimal-site .sales-hero .rotation-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding-inline:5%}
 .minimal-site .sales-hero .rotation-stage .turn-headline{max-width:370px}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{width:100%;height:100%;min-height:0;max-width:540px;max-height:none;aspect-ratio:auto;align-self:stretch;overflow:hidden}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual>img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}
 .minimal-site .sales-hero .minimal-hero-sub{max-width:350px}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .preorder-depth:after{background:linear-gradient(180deg,#fafbf7 0%,#fafbf7 25%,#fafbf7ed 39%,#fafbf799 54%,#fafbf7cc 76%,#fafbf7 100%),radial-gradient(ellipse 68% 65% at 50% 58%,#fafbf7 40%,#fafbf7ed 65%,#fafbf700 100%)}
}
@media(max-width:700px) and (max-height:680px){.minimal-site .sales-hero .rotation-stage{gap:12px}}
@media(max-width:700px) and (orientation:landscape) and (max-height:500px), (max-width:950px) and (orientation:landscape) and (max-height:500px) and (hover:none) and (pointer:coarse){
 .minimal-site .sales-hero .rotation-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px 4%;padding:16px 5%}
 .minimal-site .sales-hero .rotation-stage .turn-headline{grid-column:1;grid-row:1;align-self:end}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{grid-column:2;grid-row:1/3;align-self:stretch}
 .minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:2}
}

@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .minimal-site .sales-hero .rotation-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:30px 6% 36px}
 .minimal-site .sales-hero .rotation-stage .turn-headline{grid-column:1;grid-row:1;align-self:start;justify-self:center;text-align:center;max-width:610px;width:100%}
 .minimal-site .sales-hero .rotation-stage #hero-title{font-size:42px;text-align:center}
 .minimal-site .sales-hero .minimal-hero-sub{font-size:16px;line-height:1.5;max-width:580px;margin:16px auto 0;text-align:center}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{grid-column:1;grid-row:2;width:100%;height:100%;aspect-ratio:auto;max-width:680px;min-height:0;align-self:stretch}
 .minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:3;justify-self:center;align-self:center;margin:0}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .preorder-depth:after{background:linear-gradient(180deg,#fafbf7 0%,#fafbf7 22%,#fafbf7ee 31%,#fafbf700 47%),radial-gradient(ellipse 50% 38% at 50% 60%,#fafbf7 60%,#fafbf7ed 78%,#fafbf700 100%)}
}

/* Restore the surrounding screen collage, using the existing unique assets. */
@media(min-width:951px) and (orientation:landscape), (min-width:1001px){
 .minimal-site .sales-hero .depth-screen:nth-child(2){--x:98%;--y:58%;--w:clamp(95px,10vw,150px)}
 .minimal-site .sales-hero .depth-screen:nth-child(4){--x:94%;--y:9%}
 .minimal-site .sales-hero .depth-screen:nth-child(6){--x:96%;--y:88%}
 .minimal-site .sales-hero .depth-screen:nth-child(8){--x:74%;--y:9%}
 .minimal-site .sales-hero .depth-screen:nth-child(10){--x:55%;--y:75%}
 .minimal-site .sales-hero .depth-screen:nth-child(14){--x:56%;--y:8%}
 .minimal-site .sales-hero .depth-screen:nth-child(15){--x:78%;--y:97%}
 .minimal-site .sales-hero .depth-screen:nth-child(16){--x:60%;--y:96%}
}