/* ATU / October 2026. A presentation layer on the approved website. */
:root{--a29-paper:#f1f1f1;--a29-ink:#090909;--a29-red:#e10600;--svc-white:var(--a29-paper);--atu-paper:var(--a29-paper);--bone:var(--a29-paper)}
body.svc{background:var(--a29-paper)}
body.atu-standalone-page,#atu-app{--atu-paper:var(--a29-paper)}
#page-hero{background:var(--a29-paper)!important}
.svc :is(.site-header,.service-switch,.site-footer,.edition-card,.proposal-card){background:var(--a29-paper)}
.svc main{max-width:none}
#atu-home :is(.atu-approach,.atu-certainty),#atu-flagships-page :is(.f49-clarity,.f49-close),#atu-app .atu-case-context{background:var(--a29-paper)}
html #atu-app #atu-home :is(#atu-experience,#atu-maker,#atu-certainty),html #atu-app :is(#atu-work-page,#atu-work,#atu-showcase,#atu-experiments.atu-lab-invitation),html #atu-app .l28-intro{background:var(--a29-paper)!important}
#atu-collaboration-page{--c49-paper:var(--a29-paper);background:var(--a29-paper)}
#atu-app #atu-collaboration-page .c49-opening{max-width:none;background:var(--a29-ink)!important;padding-inline:max(5vw,calc((100vw - 1440px)/2));color:#f1f1f1}
#atu-collaboration-page .c49-opening-label>span:last-child,#atu-collaboration-page .c49-opening-intro small{color:#b7b7b7}

/* A continuous red axis joins the index to the original architecture. */
.svc-evolution main{position:relative}
.svc-evolution .evolution-hero{position:relative;z-index:1;background:var(--a29-paper);padding-bottom:100px}
.svc-evolution .evolution-index a:before{border-color:var(--a29-paper)}
.svc-evolution .evolution-connection{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
.svc-evolution .evolution-connection path{fill:none;stroke:var(--a29-red);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:miter}
.svc-evolution .spine-visual{background:var(--a29-paper)}
.svc-evolution .spine-visual img{mix-blend-mode:multiply}
.svc-evolution .stack-row:not(:nth-child(2)){background:var(--a29-paper)}

/* Build: the architecture is the hero, with readable copy on its quiet side. */
.svc-build .build-hero{position:relative;background:var(--a29-ink);overflow:hidden;isolation:isolate}
.svc-build .hero-grid{position:relative;display:block;width:100%;max-width:none;margin:0;min-height:760px;padding:clamp(70px,7vw,110px) 5vw 90px;overflow:hidden}
.svc-build .hero-copy{position:relative;z-index:2;width:51%;max-width:780px}
.svc-build .hero h1{font-size:clamp(62px,6.2vw,100px);max-width:10.5ch;line-height:.98}
.svc-build .hero .lead{max-width:27ch;font-size:clamp(18px,1.4vw,22px);line-height:1.4}
.svc-build .hero-art.a29-build-art{position:absolute;inset:0 0 0 auto;width:65%;min-height:0;height:100%;margin:0;z-index:0;overflow:hidden}
.a29-build-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:63% 50%}
.a29-build-art:after{content:''!important;display:block!important;position:absolute;inset:0;background:transparent;pointer-events:none}
.a29-art-caption{position:absolute;bottom:26px;right:5vw;font:500 10px/1.4 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#dadada;border-top:1px solid #ffffff40;padding-top:13px;text-align:right}
.svc-build .hero-actions{margin-top:32px}
.svc-build .hero-actions .button{background:var(--a29-paper);color:var(--a29-ink);min-width:210px}

/* Care shares the same material family, with its own aperture composition. */
.svc-care .care-hero{min-height:750px;background:var(--a29-ink);color:var(--a29-paper);isolation:isolate}
.svc-care .care-hero-copy{padding:90px 5vw 95px;max-width:none;width:61%}
.svc-care .care-hero-copy h1{font-size:clamp(62px,6.6vw,106px);line-height:.98;max-width:12ch}
.svc-care .care-hero-copy .lead{max-width:25ch}
.svc-care .care-hero-copy .button{background:var(--a29-paper);color:var(--a29-ink);border-color:var(--a29-paper)}
.svc-care .care-visual{inset:0 0 0 auto;width:72%;height:100%;background:var(--a29-ink)}
.svc-care .care-visual img{object-fit:cover;object-position:63% center;filter:none}
.svc-care .care-visual:after{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;transform:none;box-shadow:none;background:transparent}
.svc-care .service-image-rail{display:none}

/* Studio is an editorial architecture image, not a claim about office premises. */
#atu-home .s35-studio-poster.p47-studio-poster.a29-studio-art{aspect-ratio:.94;background:var(--a29-ink);border:0;overflow:hidden;color:var(--a29-paper)}
#atu-home .a29-studio-art>img{position:absolute;inset:0;display:block;width:100%;height:100%!important;max-height:none;object-fit:cover;object-position:43% 50%}
.a29-studio-art>figcaption{position:absolute;inset:auto 24px 21px;display:flex;justify-content:space-between;gap:15px;color:#f1f1f1;font:500 9px/1.4 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;padding-top:16px;border-top:1px solid #ffffff50}
#atu-home .s35-studio-copy .s35-studio-lead{max-width:32ch}

/* Designed last chapters: sculptural planes, one seam and a clear action. */
.svc .closing,#atu-collaboration-page .c49-closing,#atu-flagships-page .f49-close{position:relative;isolation:isolate;overflow:hidden;background:var(--a29-ink)!important;color:var(--a29-paper)!important;padding:clamp(64px,7vw,112px) 5vw;border-top:1px solid #ffffff2b}
.svc .closing:before,#atu-collaboration-page .c49-closing:before,#atu-flagships-page .f49-close:before{content:'';position:absolute;z-index:-1;inset:-1px 0 0 45%;background:#161616;clip-path:polygon(32% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.svc .closing:after,#atu-collaboration-page .c49-closing:after,#atu-flagships-page .f49-close:after{content:'';position:absolute;z-index:-1;right:29%;top:-20%;width:2px;height:160%;background:var(--a29-red);transform:rotate(20deg);pointer-events:none}
.svc .closing{grid-template-columns:1.3fr .7fr;gap:7vw;min-height:470px;align-items:center}
.svc .closing h2{font-size:clamp(48px,5.9vw,94px);line-height:.98;letter-spacing:-.055em;max-width:12ch;text-wrap:balance}
.svc .closing p{max-width:32ch;font-size:18px;color:#c4c4c4}
.svc .closing .a29-closing-kicker{margin:0 0 32px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#e10600;max-width:none}
.svc .closing .button,#atu-collaboration-page .c49-closing .c49-primary-link,#atu-flagships-page .f49-close .f49-action{background:var(--a29-paper)!important;border:1px solid var(--a29-paper)!important;color:var(--a29-ink)!important;min-height:76px;min-width:250px;max-width:100%;padding:24px 26px;box-shadow:none}
.svc .closing .button>span:last-child,#atu-collaboration-page .c49-closing .c49-primary-link>span:last-child{color:var(--a29-red);font-size:30px}
.svc .closing .button:hover,#atu-collaboration-page .c49-closing .c49-primary-link:hover,#atu-flagships-page .f49-close .f49-action:hover{background:#e10600!important;border-color:#e10600!important;color:white!important;transform:translateY(-3px)}
.svc .closing .button:hover>span:last-child{color:white}
#atu-app #atu-collaboration-page .c49-closing h2,#atu-app #atu-collaboration-page .c49-closing h2 em{color:var(--a29-paper)!important}
#atu-app #atu-flagships-page .f49-close h2,#atu-app #atu-flagships-page .f49-close h2 :is(em,span){color:var(--a29-paper)!important}
#atu-app #atu-flagships-page .f49-close .f49-action,#atu-app #atu-flagships-page .f49-close .f49-action span{color:var(--a29-ink)!important}
#atu-app #atu-flagships-page .f49-close .f49-action svg{color:var(--a29-red)!important}
#atu-app #atu-flagships-page .f49-close .f49-action:hover,#atu-app #atu-flagships-page .f49-close .f49-action:hover :is(span,svg),#atu-app #atu-collaboration-page .c49-closing .c49-primary-link:hover,#atu-app #atu-collaboration-page .c49-closing .c49-primary-link:hover>span{color:#fff!important}
.svc .closing .button:focus-visible,#atu-app .c49-closing .c49-primary-link:focus-visible,#atu-app .f49-close .f49-action:focus-visible{outline:2px solid var(--a29-red);outline-offset:5px}
#atu-collaboration-page .c49-closing>.c49-eyebrow{color:var(--a29-red)}
#atu-collaboration-page .c49-closing-bottom{border-color:#ffffff35}
#atu-collaboration-page .c49-closing-bottom>p{color:#c4c4c4}
#atu-flagships-page .f49-close :is(p,.f49-contact-link){color:#c4c4c4}
.svc .site-footer{background:var(--a29-ink);color:var(--a29-paper);border-top:1px solid #ffffff2b}
.svc .site-footer p{border-color:#ffffff2b;color:#a5a5a5}
.svc .site-footer .brand{color:var(--a29-paper)}
#atu-app .atu-footer{background:var(--a29-ink);color:var(--a29-paper);border-color:#ffffff2b}

@media(min-width:1800px){.svc-build .hero-grid{min-height:900px}.svc-care .care-hero{min-height:850px}}
@media(max-width:1100px){.svc-build .hero-grid{min-height:700px}.svc-build .hero-copy{width:58%}.svc-build .hero h1{font-size:clamp(58px,7vw,80px)}.svc-care .care-hero-copy{width:70%}.svc-care .care-hero-copy h1{font-size:clamp(58px,7.3vw,90px)}}
@media(max-width:700px){
 .svc-evolution .evolution-hero{padding-bottom:88px}
 .svc-evolution .stack-row:not(:nth-child(2)){background:#f1f1f1ef}
 .svc-build .hero-grid{display:flex;flex-direction:column;padding:50px 22px 0;min-height:0;gap:34px}
 .svc-build .hero-copy{width:100%;max-width:none}
 .svc-build .hero h1{font-size:clamp(49px,12.4vw,77px);max-width:12ch;line-height:1}
 .svc-build .hero .lead{font-size:18px;max-width:28ch;margin-top:25px}
 .svc-build .hero-actions{margin-top:26px}
 .svc-build .hero-art.a29-build-art{position:relative;inset:auto;width:calc(100% + 44px);height:420px;min-height:0;margin:0 -22px}
 .a29-build-art img{object-position:61% 50%;object-fit:cover}
 .a29-build-art:after{background:transparent}
 .a29-art-caption{right:22px;bottom:22px;font-size:8px}
 .svc-care .care-hero{min-height:0;display:flex;flex-direction:column}
 .svc-care .care-hero-copy{width:100%;padding:51px 22px 0}
 .svc-care .care-hero-copy h1{font-size:clamp(51px,12.5vw,76px);max-width:12ch}
 .svc-care .care-hero-copy .lead{font-size:18px;max-width:26ch}
 .svc-care .care-visual{position:relative;inset:auto;width:100%;height:420px;margin-top:30px}
 .svc-care .care-visual img{object-position:62% 50%;height:100%}
 .svc-care .care-visual:after{background:transparent}
 #atu-home .s35-studio-poster.p47-studio-poster.a29-studio-art{aspect-ratio:1.06}
 .a29-studio-art>figcaption{inset:auto 18px 18px;font-size:8px}
 .svc .closing,#atu-collaboration-page .c49-closing,#atu-flagships-page .f49-close{padding:58px 22px;min-height:0}
 .svc .closing{display:block}
 .svc .closing h2{font-size:clamp(46px,12vw,72px)}
 .svc .closing p{font-size:17px;max-width:29ch}
 .svc .closing .a29-closing-kicker{font-size:9px;margin-bottom:28px}
 .svc .closing .button,#atu-collaboration-page .c49-closing .c49-primary-link,#atu-flagships-page .f49-close .f49-action{width:100%;min-width:0;min-height:68px;margin-top:31px;padding:20px 22px}
 .svc .closing:before,#atu-collaboration-page .c49-closing:before,#atu-flagships-page .f49-close:before{left:30%}
 .svc .closing:after,#atu-collaboration-page .c49-closing:after,#atu-flagships-page .f49-close:after{right:21%;opacity:.8}
}
@media(prefers-reduced-motion:reduce){.svc .closing .button:hover{transform:none}}