/* ATU flagship finish: deliberate contrast, one red, direct response. */
:root{--atu-red:#E10600;--copper:#E10600;--copper-hi:#E10600;--bone:#fff;--charcoal:#050505;--ink:#050505;--atu-copper:#E10600;--atu-bg:#050505;--atu-paper:#fff;color-scheme:light}
html{scroll-behavior:auto}
body{accent-color:#E10600}
body.atu-standalone-page,#atu-app{--atu-copper:#E10600;--atu-red:#E10600;--atu-bg:#050505;--atu-paper:#fff;--atu-soft:#c6c6c6;--atu-line:#ffffff38}
:is(.atu-nav,.post-hero-nav){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.atu-nav{background:#050505!important;border-color:#fff3!important}
.post-hero-nav{background:#fff!important}
:is(.atu-nav,.post-hero-nav) a{transition:color .12s,background-color .12s!important}
.atu-brand>[data-atu-brand3d]{width:46px;height:40px}
.atu-brand .atu-wordmark{font-weight:700;line-height:.91;letter-spacing:-.05em}
.logo-lockup>[data-atu-brand3d]{width:48px;height:42px}
.atu-opening-brand{position:absolute;z-index:30;left:5.4vw;top:clamp(25px,5svh,55px);display:block;width:75px;height:64px;opacity:calc(1 - min(1,var(--orbit-p,0)*9));pointer-events:none}
.atu-opening-brand>[data-atu-brand3d]{width:100%;height:100%}
#atu-app :is(.atu-heading-accent,.atu-red,.atu-text-accent){color:#E10600}
#atu-app :is(.l28-page,.l28-page-top,.l28-overview,.l28-ideas){background:#050505;color:#fff}
#atu-app :is(.l28-stage,.l28-portal){background:#050505!important;border-color:#ffffff50!important;box-shadow:none!important}
#atu-app :is(.l28-stage,.l28-portal)::before,#atu-app :is(.l28-stage,.l28-portal)::after{filter:none!important;box-shadow:none!important;background-image:none!important}
#atu-app :is(.l28-study-thumb,.l28-preview,.l48-thumb){filter:none!important;background:#080808!important;box-shadow:none!important}
#atu-app .l28-cut-cover{background:#E10600!important;color:#fff!important;box-shadow:8px 0 0 #303030!important}
#atu-app .l28-cut{box-shadow:12px 18px 0 #000!important}
#atu-app .l28-word-columns button{background:#fff!important;color:#050505!important;box-shadow:7px 9px 0 #000!important;border-color:#fff!important}
#atu-app .l28-word-columns button[aria-pressed=true]{background:#E10600!important;color:#fff!important}
#atu-app .l28-rhythm>div{background:#fff!important;color:#050505!important;box-shadow:0 8px 0 #000!important}
#atu-app .l28-puzzle>span{background:#fff!important;color:#050505!important;box-shadow:10px 14px 0 #000!important}
#atu-app .l28-puzzle>span:nth-child(2){background:#E10600!important;color:#fff!important}
#atu-app .l28-graph>button{background:#050505!important;color:#fff!important;border-color:#fff8!important;box-shadow:6px 8px 0 #000!important}
#atu-app .l28-graph>button.is-active{background:#E10600!important}
#atu-app .l28-portal-stack>i{background:#050505!important;box-shadow:12px 16px 0 #000!important;border-color:#fff8!important}
#atu-app .l28-transition-scene>i{background:#050505!important;color:#fff!important;box-shadow:0 0 0 1px #fff!important}
#atu-app :is(.l28-glow,.l28-light-glow,.l28-ambient,.l48-glow){display:none!important}
#atu-app :is(.l28-stage,.l28-overview,.l28-ideas) :is(button,a,input){transition-duration:.14s!important}
#atu-app :is(.l28-stage,.l28-overview) :is([aria-pressed=true],.is-active){border-color:#E10600!important}
#atu-app :is(.l28-index,.l28-overview) button:focus-visible,#atu-app .l28-stage :focus-visible{outline:3px solid #fff;outline-offset:4px}
#atu-app .l28-stage :is(p,small){color:inherit}
#atu-app .atu-editorial{background:#050505;color:#fff}
#atu-app .atu-editorial h1{font-weight:700;letter-spacing:-.065em;line-height:.94}
#atu-app .atu-editorial p{max-width:48ch}
#atu-app .atu-section-label{color:inherit}
#atu-app button:disabled{cursor:not-allowed}
:is(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent}
@media(max-width:759px){.atu-opening-brand{top:22px;left:5vw;width:55px;height:48px}.atu-brand>[data-atu-brand3d]{width:40px;height:36px}.logo-lockup>[data-atu-brand3d]{width:40px;height:36px}#atu-app .l28-stage{box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.atu-opening-brand{transition:none}}
/* Lab specimens share the same graphic contrast; depth comes from geometry. */
#atu-app .l46-specimen{background:#050505!important;border:1px solid #fff5!important;transition:transform .12s,border-color .12s!important}
#atu-app .l46-specimen[aria-pressed=true]{background:#050505!important;border-color:#fff!important;box-shadow:inset 0 -4px #E10600!important}
#atu-app .l46-mini{background:#050505!important}
#atu-app .l46-mini-light{display:none!important}
#atu-app .l46-mini-a{fill:#fff!important;filter:drop-shadow(5px 7px 0 #E10600)!important}
#atu-app .l46-mini-cut,#atu-app .l46-mini-time i,#atu-app .l46-mini-layers i{box-shadow:8px 10px 0 #000!important}
#atu-app .l46-mini :is(i,span):nth-child(3){border-color:#fff!important}
#atu-app .l46-specimen-meta small,#atu-app .l46-specimen-meta i{color:#fff!important}
#atu-app .l46-specimen[aria-pressed=true] .l46-specimen-meta i{color:#E10600!important}
#atu-app .l46-hint{color:#fff!important}
#atu-app .l46-mini :is(i,span)[data-visited=true]{color:#fff!important}
#atu-app .l54-exact-light{position:absolute;inset:0;width:100%;height:100%;background:#050505!important;overflow:hidden}
#atu-app .l54-exact-light canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#atu-app .l54-exact-light img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.svc .brand{display:flex;align-items:center;gap:10px;width:166px;text-decoration:none}
.svc .brand [data-atu-brand3d]{width:45px;height:42px}
.svc .brand .atu-brand-wordmark{font:700 16px/.95 Arial,sans-serif;letter-spacing:-.05em;text-transform:none;white-space:nowrap;color:inherit}
.svc .brand [data-atu-brand3d]>img{width:100%;height:100%}
@media(max-width:759px){.svc .brand{width:128px;gap:6px}.svc .brand [data-atu-brand3d]{width:36px;height:34px}.svc .brand .atu-brand-wordmark{font-size:14px}.svc .header-inner{gap:8px}}
#atu-app :is(.f49-hero,.c49-opening){background:#050505!important;color:#fff}
/* Keep mobile language targets easy to hit without growing the header. */
@media(min-width:360px) and (max-width:1000px){
 html #atu-app .atu-nav,html #page-hero .post-hero-nav{grid-template-columns:minmax(0,1fr) 112px 58px!important;column-gap:6px!important}
 html #atu-app .atu-nav>.atu-language-picker,html #page-hero .post-hero-nav>.atu-language-picker{width:112px!important;min-width:112px!important;max-width:112px!important;height:44px!important}
 html #atu-app .atu-nav>.atu-language-picker button,html #page-hero .post-hero-nav>.atu-language-picker button{width:34px!important;min-width:34px!important;min-height:40px!important;height:40px!important;font-size:10px!important}
 html #atu-app .atu-nav>.atu-menu-toggle,html #page-hero .post-hero-nav>.atu-menu-toggle{width:58px!important;min-height:44px!important;height:44px!important}
}

/* Case presentation belongs to ATU; client artwork keeps its own palette. */
#atu-app .w46-case-opening{--world-bg:#050505!important;--world-fg:#fff!important;--world-soft:#fff!important;--world-line:#ffffff55!important;--world-accent:#E10600!important;background:#050505!important;color:#fff!important}
#atu-app .w46-case-opening .w46-primary{background:#fff!important;color:#050505!important;border-color:#fff!important}
#atu-app .w46-case-opening .w46-primary svg{color:#E10600!important}

@media(max-width:359px){.svc .site-header{padding-inline:16px!important}.svc .header-inner{gap:8px!important}.svc .menu-toggle{width:58px!important;min-width:58px!important;padding-inline:7px!important;flex:0 0 58px!important}}

/* Native maker gateways use a dark ink context distinct from white pages. */
body:is(.threshold,.signature-lab){--bg:#050505;--ink:#fff;--muted:#fff;--paper:#fff;--red:#E10600;background:#050505;color:#fff}
:is(.threshold,.signature-lab) h1,:is(.threshold,.signature-lab) h1 :is(em,span){color:#fff!important}
:is(.threshold,.signature-lab) :is(.eyebrow,.page-foot,.portal-label,.portal-sequence,.portal-hint,.sample-body p){color:#fff!important}
:is(.threshold,.signature-lab) .mast>.atu-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
:is(.threshold,.signature-lab) .mast [data-atu-brand3d]{width:44px;height:40px}
:is(.threshold,.signature-lab) .atu-brand-wordmark{font:700 16px/.94 Arial,sans-serif;letter-spacing:-.05em}
.threshold .portal-scene{background:#050505;border:1px solid #fff6}
.threshold .portal-scene::before{display:none}
.threshold .portal-seam{background:#E10600;box-shadow:none}
.threshold .portal-mark{filter:none}

#atu-app :is(.l28-options,.l28-word-options) button{color:#fff!important;border-color:#ffffff80!important}
#atu-app :is(.l28-options,.l28-word-options) button[aria-pressed=true]{background:#E10600!important;color:#fff!important;border-color:#E10600!important}