/* About: typography-led narrative; shared navigation and footer remain sitewide. */
#site > #hero,#site > #what-we-do,#site > #story,#site > #excellence,#site > #values,#site > #process{display:block!important}
#site > #hero{display:grid!important;align-content:center}
#site > #excellence{display:grid!important}
.at-section{--at-ink:#f2f0ed;--at-muted:#969593;position:relative;box-sizing:border-box;background:#0a0a0a;color:var(--at-ink);padding:clamp(80px,9vw,140px) clamp(24px,4vw,64px);font-family:'Zalando Sans',sans-serif;overflow:clip}
.at-section h1,.at-section h2,.at-section h3,.at-section p{margin:0}
.at-section em{font-weight:inherit;font-style:normal;color:#9d9b98}
.at-kicker,.at-small,.at-scroll{font-family:'Zalando Sans',sans-serif;font-size:10px;line-height:1.6;letter-spacing:.18em;text-transform:uppercase;color:var(--at-muted)}
.at-kicker{font-size:14px;letter-spacing:.2em}
.at-intro{min-height:100svh;display:flex!important;flex-direction:column;align-items:stretch;justify-content:center;padding-top:clamp(100px,12vh,140px);padding-bottom:clamp(56px,8vh,100px);text-align:left}
.at-intro__media{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(10px,1.4vw,22px);width:100%;height:clamp(300px,49svh,570px)}
.at-intro__photo{min-width:0;height:100%;overflow:hidden;pointer-events:none;background:#171a1c;box-shadow:0 25px 70px rgba(0,0,0,.38)}
.at-intro__photo img{display:block;width:100%;height:120%;object-fit:cover;filter:brightness(.78) saturate(.82);will-change:transform}
.at-intro__photo--wide img{object-position:50% 55%}
.at-intro__photo--narrow img{object-position:center 39%}
.at-intro__inner{width:100%;flex:1;display:flex;flex-direction:column;margin:clamp(28px,4vh,42px) 0 0}
.at-title{max-width:1000px;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:400;letter-spacing:-.05em;line-height:1.04;text-wrap:balance;margin:0 0 20px!important}
.at-intro__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:auto;padding-top:clamp(24px,3vh,40px)}
.at-intro__description{font-size:clamp(13px,1.05vw,16px);line-height:1.65;color:#aaa8a5}
.at-scroll{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;text-decoration:none;white-space:nowrap}
.at-scroll svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.at-heading{font-size:clamp(2.25rem,3.5vw,4.4rem);line-height:1.04;letter-spacing:-.055em;font-weight:450;text-wrap:balance}
.at-section-head{display:grid;grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr);gap:clamp(28px,5vw,100px);align-items:start}
.at-section-head .at-kicker{padding-top:12px}
.at-copy{font-size:clamp(14px,1.05vw,17px);color:#aaa8a5;line-height:1.7;max-width:52ch}
.at-services__intro{margin:28px 0 56px auto!important;max-width:51ch}
.at-services__list{margin-top:50px}
.at-service{display:grid;grid-template-columns:40px minmax(0,1.5fr) minmax(0,1fr) 30px;gap:24px;align-items:center;color:inherit;text-decoration:none;padding:32px 0;position:relative;border-top:1px solid #ffffff24}
.at-service:last-child{border-bottom:1px solid #ffffff24}
.at-service h3{font-size:clamp(1.5rem,2.7vw,3.25rem);line-height:1.12;font-weight:450;letter-spacing:-.035em}
.at-service p{font-size:clamp(12px,.95vw,15px);line-height:1.65;color:var(--at-muted);max-width:30ch}
.at-service__arrow{grid-column:4;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;transition:transform .3s}
.at-service__arrow svg{display:block;width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.at-service:hover .at-service__arrow{transform:translate(4px,-4px)}}
.at-service:hover h3{color:#c6c3bd}
.at-service:focus-visible,.at-scroll:focus-visible{outline:2px solid #eee;outline-offset:6px}
.at-ambition{background:#101010;display:grid!important;grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr);gap:40px clamp(28px,5vw,100px)}
#site > #story{display:grid!important}
.at-ambition > .at-kicker{padding-top:10px}
.at-manifesto{font-size:clamp(2.25rem,3.5vw,4.4rem);line-height:1.08;letter-spacing:-.055em;font-weight:400;max-width:30ch;margin:0!important}
.at-ambition__foot{grid-column:2;display:flex;justify-content:space-between;gap:50px;border-top:1px solid #ffffff24;padding-top:30px}
.at-ambition__foot .at-copy{max-width:43ch}
.ab-values{background:#101010}
.ab-values__stage{width:min(1200px,100%);margin:auto}
.ab-values .at-heading{margin-top:30px}
.ab-values__sequence{position:relative;margin-top:70px}
.ab-values__line-track{position:relative;height:1px;background:#ffffff24;margin-bottom:45px}
.ab-values__line{position:absolute;inset:0;background:#ddd9d3;transform-origin:left}
.ab-values__dots{position:absolute;inset:0}
.ab-values__dot{position:absolute;top:0;width:7px;height:7px;background:#e4e0da;border-radius:50%;transform:translate(-50%,-50%)}
.ab-values__dot:nth-child(1){left:4px}.ab-values__dot:nth-child(2){left:34%}.ab-values__dot:nth-child(3){left:68%}
.ab-values__points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ab-values__point h3{font-size:clamp(1.35rem,2.2vw,2.6rem);font-weight:450;letter-spacing:-.035em;margin-bottom:18px}
.ab-values__point p{color:#aaa8a5;font-size:clamp(13px,1vw,16px);line-height:1.65}
.at-process__steps{margin-top:80px}
.at-step{display:grid;grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr);gap:clamp(28px,5vw,100px);padding:48px 0;border-top:1px solid #ffffff24;align-items:start}
.at-step h3{font-size:clamp(1.8rem,3.5vw,4.4rem);font-weight:450;letter-spacing:-.035em;line-height:1.06}
.at-step p{font-size:clamp(14px,1.05vw,17px);color:#aaa8a5;line-height:1.7;max-width:39ch;margin-top:25px}
.at-process__closing{text-align:center;font-size:clamp(22px,2.7vw,40px);line-height:1.35;letter-spacing:-.025em;padding-top:90px;color:#858480}
.at-process__closing span{color:#eeece7}
.at-word-clip{display:inline-block;vertical-align:top;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em}
.at-word{display:inline-block;transform-origin:50% 100%}
@media(min-width:761px) and (min-height:650px){#site > #values,.ab-values{display:flex!important;min-height:100svh;align-items:center;padding-block:100px}}
@media(max-width:760px){
 .at-intro{padding-top:90px;padding-bottom:56px;min-height:92svh}
 .at-intro__media{height:clamp(240px,42svh,390px)}
 .at-intro__bottom{gap:12px}
 .at-scroll{gap:6px;font-size:9px}
 .at-scroll svg{width:17px;height:17px}
 .at-title{font-size:clamp(30px,8.4vw,46px);line-height:1.02;letter-spacing:-.05em}
 .at-section-head{grid-template-columns:1fr;gap:26px}
 .at-heading{font-size:clamp(24px,6.3vw,32px);line-height:1.18}
 .at-copy,.at-step p,.ab-values__point p{font-size:15px}
 .at-ambition{grid-template-columns:1fr;gap:30px}
 .at-ambition__foot{grid-column:1}
 .at-services__intro{margin:30px 0 45px!important}
 .at-service{grid-template-columns:25px minmax(0,1fr) 22px;gap:14px;padding-block:30px}
 .at-service h3{font-size:clamp(23px,6.2vw,32px)}
 .at-service p{grid-column:2;grid-row:2;max-width:30ch}
 .at-service__arrow{grid-column:3;grid-row:1;width:22px;height:22px}
 .at-manifesto{font-size:clamp(24px,6.3vw,32px);line-height:1.18;margin-block:0!important}
 .at-ambition__foot{flex-direction:column;gap:24px}
 .ab-values__sequence{padding-left:25px;margin-top:45px}
 .ab-values__line-track{position:absolute;left:0;top:0;bottom:0;width:1px;height:auto;margin:0}
 .ab-values__line{transform-origin:top}
 .ab-values__points{grid-template-columns:1fr;gap:40px}
 .ab-values__dot:nth-child(n){left:0}.ab-values__dot:nth-child(1){top:4px}.ab-values__dot:nth-child(2){top:34%}.ab-values__dot:nth-child(3){top:68%}
 .ab-values__point h3{margin-bottom:12px}
 .at-step{grid-template-columns:32px 1fr;gap:20px;padding-block:36px}
 .at-step h3{font-size:clamp(28px,7vw,38px)}
 .at-process__steps{margin-top:45px}
 .at-process__closing{padding-top:45px;font-size:24px}
}

/* Smaller editorial type, corner light trails, and photographic interludes. */
.at-step h3{font-size:clamp(26px,2.7vw,45px)}
.at-service h3{font-size:clamp(23px,2.3vw,38px)}
.at-intro{isolation:isolate}
.at-intro__inner,.at-scroll{z-index:2;position:relative}
.at-lightfields{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}

#site > #excellence{display:block!important}
.at-photo-break{padding:0 4vw 70px;background:#101010;overflow:hidden}
.at-photo-break__frame{height:clamp(320px,62vw,760px);max-height:85svh;overflow:hidden}
.at-photo-break__frame img{width:100%;height:120%;object-fit:cover;display:block;position:relative;top:-10%}
.at-photo-break__caption{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#969593;margin-top:18px!important;text-align:right}
.ab-values__intro{margin-top:24px!important;max-width:48ch;font-size:14px}
.ab-values__point h3{font-size:clamp(21px,1.8vw,29px)}
.ab-values__point p{font-size:13px}
.ab-values__sequence{display:flex;flex-direction:column-reverse;gap:38px;margin-top:50px}
.ab-values__line-track{margin:0;flex-shrink:0}
.at-step{grid-template-columns:55px minmax(0,1fr) minmax(240px,36%);gap:clamp(24px,4vw,64px);align-items:center;padding:42px 0}
.at-step p{font-size:14px;margin-top:18px;max-width:34ch}
.at-step__media{overflow:hidden;aspect-ratio:4/3;width:100%;justify-self:end}
.at-step__media img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){
 .at-title{font-size:clamp(30px,8.4vw,46px)}
 .at-heading{font-size:clamp(24px,6.3vw,32px)}
 .at-manifesto{font-size:clamp(24px,6.3vw,32px)}
 .at-intro__media{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}

 .at-photo-break{padding:0 20px 50px}
 .at-photo-break__frame{height:52svh;min-height:300px}
 .ab-values__sequence{display:block;margin-top:40px}
 .ab-values__point p{font-size:14px}
 .at-step{grid-template-columns:24px minmax(0,1fr);gap:20px}
 .at-step__media{grid-column:2;max-width:440px;aspect-ratio:3/2}
 .at-step h3{font-size:29px}
 .at-step p{font-size:14px}
}

/* One continuous atmosphere behind the opening and first chapter. */
.at-opening{position:relative;isolation:isolate;overflow:clip;background:#0a0a0a}
.at-opening > .at-section{background:transparent;z-index:1}
.at-opening .at-intro{isolation:auto}
.at-opening .at-lightfields{inset:0;z-index:0;mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}

.ab-values__stage{width:100%;max-width:none}
.ab-values .at-section-head .at-heading{margin:0}
.ab-values__heading .ab-values__intro{margin-top:24px!important;max-width:48ch}

/* Continuous, non-interactive index-style energy field across the opening. */
#aboutEnergyField{display:block;width:100%;height:100%;pointer-events:none}
.at-opening .at-lightfields{opacity:1;mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}

/* Founder biography follows the same editorial grid as the preceding chapters. */
#site > #founder{display:block!important}
.at-founder{background:#101010;border-top:1px solid #ffffff12}
.at-founder__role{margin-top:16px!important;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#969593}
.at-founder__bio{margin-top:36px;max-width:62ch}
.at-founder__bio p{font-size:clamp(14px,1.05vw,17px);line-height:1.8;color:#aaa8a5}
.at-founder__bio p+p{margin-top:22px}
@media(max-width:760px){.at-founder__bio p{font-size:15px}.at-founder__bio{margin-top:28px}}

/* Match the type rhythm used on the home and vehicle-wrap pages. */
.at-title{width:100%;max-width:none;text-wrap:wrap;font-size:clamp(2.8rem,4vw,4.6rem);font-weight:500;line-height:1.04;letter-spacing:-.04em}
.at-heading,.at-manifesto{font-size:clamp(2.4rem,4.2vw,4.2rem);font-weight:500;line-height:1.08;letter-spacing:-.04em}
.at-kicker{font-size:14px;font-weight:400;letter-spacing:.2em;line-height:1.6;color:rgba(255,255,255,.58)}
.at-intro__description,.at-copy,.at-service p,.ab-values__point p,.at-step p,.at-founder__bio p{font-size:clamp(14px,1vw,17px);line-height:1.7}
.at-service h3,.at-step h3{font-weight:500;letter-spacing:-.04em}
.ab-values__point h3{font-size:clamp(1.35rem,2.2vw,2.6rem);font-weight:500;letter-spacing:-.035em}
.at-service{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 30px}
.at-service__arrow{grid-column:3}
.at-step{grid-template-columns:minmax(0,1fr) minmax(240px,36%)}
.ab-values__point h3{margin-top:0}
@media(max-width:760px){
 .at-title{font-size:clamp(32px,8vw,48px)}
 .at-heading,.at-manifesto{font-size:clamp(32px,7.5vw,46px)}
 .at-service{grid-template-columns:minmax(0,1fr) 22px}
 .at-service p{grid-column:1;grid-row:2}
 .at-service__arrow{grid-column:2;grid-row:1}
 .at-step{grid-template-columns:1fr}
 .at-step__media{grid-column:1}
}