/* The same local brand font is available before the large renderer downloads. */
@font-face{font-family:'ATU Grotesk';src:url('../assets/0640890476fc1198.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
html.atu24-intro{--atu-font:'ATU Grotesk',Arial,sans-serif}
/* ATU sequence / initial planet stays outside the frame until the renderer owns
   its placement. No globe flash before the official A is first drawn. */
#impossible-top #atu-start-earth:not([style]){opacity:0!important}
html.atu-sequence-intro #orbit-sticky{background:var(--x24-background,#0b0b0b)!important}
/* The approved words, buttons and native skip remain in their existing places. */
html.atu-sequence-intro #orbit-opening{isolation:isolate}
html.atu-sequence-intro:not(.orbit-complete) #orbit-opening>.micro{max-width:51ch;line-height:1.65!important;display:block}
@media(max-width:759px){
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening>.micro{max-width:100%;font-size:8px!important;letter-spacing:.14em!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening #atu03-intro-offer{max-width:29ch}
}

/* Each corridor label belongs to exactly one language. */
html.atu-sequence-intro .x44-gate [data-x44-lang]{display:none!important}
html.atu-sequence-intro[lang="nl"] .x44-gate [data-x44-lang="nl"],html.atu-sequence-intro[lang="en"] .x44-gate [data-x44-lang="en"],html.atu-sequence-intro[lang="es"] .x44-gate [data-x44-lang="es"]{display:inline!important}
/* Short landscape keeps copy clear of the persistent brand/language controls. */
@media(max-height:600px){
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening{top:92px!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening>.micro{display:none!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening h1{margin-top:0!important;font-size:min(5.5vw,11svh)!important;line-height:.94!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening #atu03-intro-offer{margin-top:16px!important;font-size:13px!important;line-height:1.35!important;max-width:38ch}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening .atu-requested-scroll{margin-top:14px!important;padding:12px 22px!important;min-height:44px!important;font-size:12px!important}
}

/* Paint the approved offer before the late legacy style blocks arrive. */
#impossible-top #orbit-opening #atu03-intro-offer{display:block!important;visibility:visible!important;font:400 clamp(14px,1.2vw,18px)/1.5 var(--atu-font,Arial,sans-serif);letter-spacing:0;text-transform:none;color:#e6e6e6;max-width:32rem;margin:24px 0 0;text-wrap:balance}
@media(max-width:759px){#impossible-top #orbit-opening #atu03-intro-offer{font-size:14px;line-height:1.5;max-width:29ch;margin-top:20px}}
@media(max-height:600px){#impossible-top #orbit-opening #atu03-intro-offer{font-size:13px!important;line-height:1.35!important;margin-top:16px!important;max-width:38ch}}

/* The native mobile exit stays one readable line, including the longer Spanish label. */
html.atu-sequence-intro:not(.orbit-complete) #orbit-sticky .orbit-skip{white-space:nowrap;max-width:calc(100vw - 44px)!important;width:max-content;text-align:center;justify-content:center}

/* Short mobile landscape shares the original model across a right image stage.
   Give the existing copy its own left column before the first Canvas paint. */
@media(max-width:759px) and (max-height:600px) and (orientation:landscape){
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening{width:51vw!important;top:88px!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening h1{font-size:4.8vw!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening #atu03-intro-offer{max-width:29ch!important;font-size:12px!important;margin-top:12px!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening .atu-requested-scroll{font-size:11px!important;margin-top:12px!important;min-height:40px!important;padding:10px 16px!important}
}

/* Concept07: compact editorial copy above a monumental material close-up. */
@media(max-width:759px) and (orientation:portrait){
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening{top:clamp(76px,12svh,108px)!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening h1{margin:20px 0 0!important;line-height:.96!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening #atu03-intro-offer{font-size:14px!important;line-height:1.45!important;max-width:32ch!important;margin-top:18px!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening .atu-requested-scroll{margin-top:24px!important}
}

@media(max-width:759px) and (orientation:portrait){
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening h1{font-size:8.6vw!important}
 html.atu-sequence-intro:not(.orbit-complete) #orbit-opening .atu-requested-scroll{font-size:12px!important;padding:15px 20px!important;min-height:46px!important;margin-top:22px!important}
}