/* Editorial studio direction. Native scroll, concrete interaction, no 3D. */
.about-hero{padding-top:150px;gap:34px 8%;padding-bottom:0}
.about-hero__title{grid-column:1/-1;max-width:none}
.about-hero h1{font-size:clamp(64px,8.5vw,114px);line-height:1.04;letter-spacing:-.065em}
.about-hero h1 .muted{color:#84b9ff}
.about-hero__intro{grid-column:2;grid-row:2;max-width:400px}
.about-hero__intro>p{font-size:15px;line-height:1.8}
.about-hero__baseline{grid-column:1;grid-row:2;display:grid;gap:8px;align-self:center;margin:0;padding:22px 0;border:0}
.about-hero__baseline::before{width:48px}
.about-hero__baseline>span{font-size:11px}
.studio-rail{grid-column:1/-1;overflow:hidden;min-height:112px;margin:24px calc(-1 * var(--about-gutter)) 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);border-top:1px solid #a6c6e124;padding:20px 0 26px}
.studio-rail__track{display:flex;width:max-content;animation:studio-type-flow 22s linear infinite;animation-play-state:paused}
.studio-rail.is-live .studio-rail__track{animation-play-state:running}
.studio-rail__set{display:flex;align-items:center;gap:48px;padding-right:48px;flex:none}
.studio-rail__set>span{font-size:clamp(32px,4.5vw,60px);font-weight:500;line-height:1.2;letter-spacing:-.055em;color:#6e829a;white-space:nowrap}
.studio-rail__set>span:nth-child(2){color:#dbeaff}
@keyframes studio-type-flow{to{transform:translateX(-50%)}}

.about-approach.wrap{width:100%;max-width:none;padding:84px max(var(--about-gutter),calc((100vw - 1140px)/2));background:#edf1f6;color:#13243b;column-gap:9%}
.about-approach .eyebrow{color:#42678e}
.about-approach h2{font-size:clamp(36px,4.3vw,58px)}
.about-approach h2 .muted,.about-approach p{color:#52667e}
.about-approach__copy{padding:0}
.about-approach__copy .lead{font-size:clamp(20px,2.15vw,29px);line-height:1.5;letter-spacing:-.025em;color:#162c49}
.about-principles{gap:40px;margin-top:30px}
.about-principle{border-color:#829db14a;position:relative}
.about-principle p{font-size:13px}
.principle-mark{background:#0647e3;transition:width .55s}
.about-principle:hover .principle-mark{width:72px}
.about-story{margin-top:22px}
.about-person{margin-top:10px;margin-bottom:36px;background:linear-gradient(110deg,#111f33,#080e17);border-radius:16px;padding:48px}

/* A changing editorial surface rather than four identical icon cards. */
.about-team{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%;align-items:start;padding-block:96px}
.about-team__intro{display:block;position:sticky;top:124px}
.about-team__intro h2{font-size:clamp(34px,3.8vw,50px);margin:0 0 28px}
.about-team__intro>p:last-child{font-size:13px;line-height:1.85;max-width:34ch}
.about-disciplines{display:block;margin:0;border-bottom:1px solid #a1bad329}
.about-discipline{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 22px;padding:25px 18px;border-top:1px solid #a1bad329;transition:background .5s,padding .5s}
.about-discipline::after{display:none}
.about-discipline.is-selected{background:linear-gradient(100deg,#132c4cbb,#0b162588);padding-block:30px}
.about-discipline:hover{background:#10243b80}
.discipline-icon{grid-column:1;grid-row:1/3;width:46px;height:46px;border-radius:12px;margin:5px 0 0;background:transparent;border-color:#7da5d530}
.discipline-icon svg{width:32px;height:32px}
.about-discipline h3{grid-column:2;margin:0}
.studio-discipline-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;background:none;text-align:left;gap:16px;cursor:pointer;font-size:clamp(25px,3vw,39px);font-weight:400;letter-spacing:-.045em;line-height:1.25;color:#d4dce7}
.studio-discipline-trigger i{position:relative;display:block;flex:none;width:22px;height:22px;border:1px solid #7292b64d;border-radius:50%;transition:background .4s,transform .4s}
.studio-discipline-trigger i::before,.studio-discipline-trigger i::after{content:'';position:absolute;left:5px;right:5px;top:9px;height:1px;background:#b9d6f7}
.studio-discipline-trigger i::after{transform:rotate(90deg);transition:transform .35s}
.is-selected .studio-discipline-trigger{color:#8ebeff}
.is-selected .studio-discipline-trigger i{background:#1d4979}
.is-selected .studio-discipline-trigger i::after{transform:rotate(0)}
.studio-discipline-detail{grid-column:2;display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),opacity .45s}
.studio-discipline-detail>p{min-height:0;overflow:hidden;font-size:13px;line-height:1.85;margin:10px 0 0;max-width:45ch}
.studio-disciplines-ready .about-discipline:not(.is-selected) .studio-discipline-detail{grid-template-rows:0fr;opacity:0}
.studio-disciplines-ready .about-discipline:not(.is-selected) .studio-discipline-detail>p{margin:0}
.studio-discipline-trigger:focus-visible{outline:2px solid #8bc3ec;outline-offset:6px}

/* Native sticky sheets show the project being built as visitors scroll. */
.about-process{background:#0a121e;color:#edf1f6;overflow:visible;padding-bottom:28px}
.about-process .eyebrow{color:#8dacc8}
.about-process__heading{grid-template-columns:1.25fr .75fr;margin-bottom:54px}
.about-process__heading h2{font-size:clamp(35px,4.1vw,55px)}
.about-process__heading>p:last-child{color:#9eacbd}
.about-steps{border:0;padding-bottom:12px}
.about-step{position:sticky;top:112px;z-index:1;min-height:250px;padding:40px 42px;margin:0 0 28px;border:1px solid #b9c9d7;border-radius:12px;background:#edf1f6;color:#14253a;box-shadow:0 -12px 40px #00000015;column-gap:8%}
.about-step:nth-child(2){top:134px;z-index:2;background:#e5edf6}
.about-step:nth-child(3){top:156px;z-index:3;background:#dce8f7}
.about-step:nth-child(4){top:178px;z-index:4;background:#d1e3fa}
.about-step h3{font-size:clamp(38px,4.4vw,60px)!important;letter-spacing:-.06em}
.about-step p{font-size:14px;max-width:42ch}
.about-step__phase{font-size:10px}
.about-step__result{font-size:12px}
.about-step::before{left:0;top:36px;bottom:36px;width:3px}
.about-step::after{display:none}
/* A transformed ancestor would break sticky containment. */
.about-motion-ready .about-step,.about-motion-ready .about-step.is-in{transform:none}
.about-working{padding-block:96px}
.about-working h2{font-size:clamp(34px,3.7vw,50px)}
.about-questions{padding-top:6px}
.about-contact.wrap{width:100%;max-width:none;padding:72px max(var(--about-gutter),calc((100vw - 1140px)/2));background:#0647e3;border:0;gap:8%;grid-template-columns:1.4fr .6fr}
.about-contact .eyebrow,.about-contact p{color:#cfddff}
.about-contact h2{font-size:clamp(38px,4.8vw,64px);max-width:760px;letter-spacing:-.055em}
.about-contact__link{background:#f4f7ff;color:#123b80;border-color:#fff;border-radius:6px;min-height:60px;padding:18px 24px;white-space:nowrap}
.about-contact__link:hover,.about-contact__link:focus-visible{background:#dce9ff;color:#0647e3;box-shadow:0 14px 35px #002b9c44}

@media(max-width:900px){
 .about-hero{padding-top:126px}.about-hero h1{font-size:clamp(56px,9vw,84px)}
 .about-team{gap:6%;grid-template-columns:.8fr 1.2fr}.about-team__intro{top:96px}
 .studio-discipline-trigger{font-size:30px}.about-discipline{grid-template-columns:38px minmax(0,1fr);gap:0 16px;padding-inline:12px}.discipline-icon{width:38px;height:38px}.discipline-icon svg{width:28px;height:28px}
 .about-step{padding:34px;top:90px;min-height:240px}.about-step:nth-child(2){top:108px}.about-step:nth-child(3){top:126px}.about-step:nth-child(4){top:144px}
 .about-contact.wrap{grid-template-columns:1fr;gap:30px}.about-contact__link{justify-self:start}
}
@media(max-width:600px){
 .about-hero{display:block;padding-top:112px}.about-hero h1{font-size:clamp(36px,10.5vw,62px);line-height:1.12}
 .about-hero__intro{margin:28px 0 22px;max-width:36ch}.about-hero__intro>p{font-size:14px}
 .about-hero__baseline{display:flex;gap:8px 18px;padding:18px 0 8px}.about-hero__baseline>span{font-size:9px}
 .studio-rail{margin-top:26px;padding:18px 0 22px;min-height:82px}.studio-rail__set{gap:26px;padding-right:26px}.studio-rail__set>span{font-size:34px}
 .about-approach.wrap{padding-block:50px;gap:28px}.about-approach h2{font-size:34px}.about-approach__copy .lead{font-size:22px}
 .about-principles{margin-top:4px;gap:0}.about-principle p{font-size:13px}
 .about-story{margin-top:0}.about-person{padding:28px 24px;border-radius:12px;margin-bottom:0}
 .about-team{display:block;padding-block:54px}.about-team__intro{position:static}.about-team__intro h2{font-size:34px;margin-bottom:22px}.about-team__intro>p:last-child{max-width:38ch}.about-disciplines{margin-top:32px}
 .about-discipline{padding:20px 10px;gap:0 14px}.about-discipline.is-selected{padding-block:24px}.studio-discipline-trigger{font-size:29px;min-height:44px}.studio-discipline-detail>p{font-size:13px}
 .about-process__heading{display:block;margin-bottom:30px}.about-process__heading h2{font-size:34px;margin-bottom:24px}.about-process__heading>p:last-child{max-width:34ch}
 .about-step,.about-step:nth-child(n){position:relative;top:auto;min-height:0;padding:28px 24px;margin-bottom:18px;border-radius:10px}.about-step h3{font-size:38px!important}.about-step p{font-size:13px}
 .about-working{padding-block:54px}.about-working h2{font-size:34px}
 .about-contact.wrap{padding-block:48px;gap:26px}.about-contact h2{font-size:37px;max-width:18ch}.about-contact__link{width:100%;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .studio-rail__track{animation-duration:38s}
 .about-discipline,.studio-discipline-detail,.studio-discipline-trigger i,.studio-discipline-trigger i::after{transition-duration:.2s}
}