/* Stage 3: dedicated mobile compositions, preserving the approved desktop. */
.hero-picture{display:contents}.hero-mobile-word{display:none}
.model-picture{position:absolute;inset:0;z-index:-2}.model-picture .model{z-index:auto}
html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}
dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain;scroll-padding:24px}
dialog input,dialog textarea{scroll-margin-block:32px}
@media(max-width:700px){
 .hero{min-height:800px;height:100svh}
 .hero-picture img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
 .hero-depth{display:none}
 .hero-mobile-word{display:block;position:absolute;top:12%;left:0;width:100%;text-align:center;font:400 clamp(92px,25vw,160px)/1 var(--font-display);color:#f5e7d8d4;letter-spacing:-.025em}
 .hero-content{bottom:80px}.hero-statement{font-size:clamp(34px,9vw,44px)}
 .hero-content>.primary{margin-top:15px}.hero-presentation{margin-top:14px}
 .final-contact{min-height:840px;height:100svh;padding-bottom:32px}
 .final-contact .model{object-position:center;object-fit:cover}
 .final-contact::after{background:linear-gradient(0deg,#101820 0%,#10182055 27%,transparent 50%)}
 .final-copy h2{font-size:clamp(42px,11.5vw,54px);line-height:1.02}
 .final-copy>p{font-size:14px;line-height:1.5;margin-top:14px}
 .contact-mobile-cta{margin-top:17px}
 .request-dialog,.catalog-dialog,.plan-dialog{width:calc(100% - 24px);padding:24px 20px}
 .selected-card{gap:14px}.selected-card img{max-width:90px;max-height:110px;object-fit:contain}
 .selected-card h3{font-size:25px}.selected-card p{font-size:12px}
 .dialog-close{min-width:44px;min-height:44px}
 .black-atlas-lead-contact__options label{min-height:36px}
 .architecture-stage{height:640px}
}
@media(max-width:390px){.header{padding-left:16px;padding-right:16px}.wordmark{font-size:22px}.agency span{font-size:12px}.agency small{font-size:7px}.header-actions{gap:10px}.contact-link{font-size:10px}}
@media(min-width:701px) and (max-height:800px){.final-contact{min-height:900px}.final-copy{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}