/* Mobile opening only. Desktop composition and all later sections stay untouched. */
@media (max-width:700px), (max-width:950px) and (max-height:500px) and (hover:none) and (pointer:coarse) {
 .minimal-site .sales-hero.rotation-page{height:calc(100svh - var(--s4-nav));min-height:0}
 .minimal-site .sales-hero .rotation-stage{height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:24px 6% max(24px,env(safe-area-inset-bottom,0px));align-content:stretch;justify-items:center}
 .minimal-site .sales-hero .rotation-stage .turn-headline{grid-column:1;grid-row:1;width:100%;max-width:360px;margin:0;align-self:start;text-align:center}
 .minimal-site .sales-hero .rotation-stage #hero-title{font-size:clamp(27px,8vw,35px);line-height:1.08;text-align:center;letter-spacing:-.045em}
 .minimal-site .sales-hero .rotation-stage #hero-role-line{margin-top:4px;min-height:1.08em}
 .minimal-site .sales-hero .minimal-hero-sub{max-width:340px;margin:14px auto 0;font-size:clamp(12.5px,3.45vw,14px);line-height:1.5;text-wrap:balance;color:#667569}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{grid-column:1;grid-row:2;position:relative;align-self:stretch;justify-self:center;width:100%;height:100%;min-height:0;max-width:430px;max-height:none;aspect-ratio:auto;overflow:hidden;clip-path:none}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual>img{position:absolute;left:50%;top:50%;width:160%;height:120%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%);transform-origin:center}
 .minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:3;align-self:center;margin:0;z-index:3}
 .minimal-site .sales-hero .closing-order #final-preorder{min-width:200px;min-height:52px;font-size:16px;padding:14px 30px}
 .minimal-site .sales-hero .preorder-depth{inset:0;opacity:1;mask-image:none}
 .minimal-site .sales-hero .depth-screen{display:none;--w:clamp(84px,24vw,122px);--alpha:.34;box-shadow:0 7px 18px #203b3009}
 .minimal-site .sales-hero .depth-screen:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(6),:nth-child(7),:nth-child(14)){display:block}
 .minimal-site .sales-hero .depth-screen:nth-child(1){left:0;top:45%}
 .minimal-site .sales-hero .depth-screen:nth-child(2){left:100%;top:49%}
 .minimal-site .sales-hero .depth-screen:nth-child(3){left:7%;top:79%}
 .minimal-site .sales-hero .depth-screen:nth-child(6){left:94%;top:82%}
 .minimal-site .sales-hero .depth-screen:nth-child(7){left:2%;top:18%}
 .minimal-site .sales-hero .depth-screen:nth-child(14){left:98%;top:17%}
 .minimal-site .sales-hero .preorder-depth:after{background:linear-gradient(180deg,#fafbf7 0%,#fafbf7 24%,#fafbf7eb 35%,#fafbf733 50%,#fafbf74d 68%,#fafbf7ed 87%,#fafbf7 100%),radial-gradient(ellipse 40% 65% at 50% 55%,#fafbf7 35%,#fafbf7ed 65%,#fafbf700 100%)}
}
@media (max-width:700px) and (max-height:680px) {
 .minimal-site .sales-hero .rotation-stage{padding-block:16px;row-gap:12px}
 .minimal-site .sales-hero .rotation-stage #hero-title{font-size:clamp(26px,7.4vw,31px)}
 .minimal-site .sales-hero .minimal-hero-sub{margin-top:10px;font-size:12.5px;line-height:1.45}
}
@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,1.1fr) minmax(0,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 #hero-title{font-size:clamp(22px,4vw,28px)}
 .minimal-site .sales-hero .minimal-hero-sub{margin-top:10px;font-size:12px}
 .minimal-site .sales-hero .rotation-stage[data-product-size] .rotation-visual{grid-column:2;grid-row:1/3}
 .minimal-site .sales-hero .rotation-stage .closing-order{grid-column:1;grid-row:2}
 .minimal-site .sales-hero .closing-order #final-preorder{min-height:46px;min-width:170px;padding:12px 24px;font-size:14px}
 .minimal-site .sales-hero .preorder-depth:after{background:linear-gradient(90deg,#fafbf7 0%,#fafbf7f2 47%,#fafbf755 75%,#fafbf7bf 100%)}
}
