.about-page{--about-white:#f7f7f7;background:var(--about-white)}

body.about-active .site-header.scrolled{position:fixed;inset:0 0 auto;min-height:72px;padding-top:20px;padding-bottom:12px;grid-template-columns:minmax(160px,1fr) 92px 100px 138px;gap:clamp(16px,4vw,66px);background:rgba(247,247,247,.92);backdrop-filter:blur(10px)}
body.about-active .site-header.scrolled .desktop-nav{display:none}
body.about-active .site-header.scrolled .menu-button{display:flex;align-items:center;gap:10px;grid-column:2;width:max-content;color:var(--ink);font-size:14px;cursor:pointer}
body.about-active .site-header.scrolled .menu-button i{display:block;width:17px;height:17px;border:1px solid currentColor;border-radius:50%}
body.about-active .site-header.scrolled .place-time{grid-column:3}
body.about-active .site-header.scrolled .contact-button{grid-column:4}
body.about-active .site-header.scrolled~#app{padding-top:176px}

.about-hero{overflow:hidden}
.about-trail{height:clamp(120px,14vw,205px);position:relative;isolation:isolate;cursor:crosshair}
.about-trail>p{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);margin:0;font-size:12px;color:#aaa;opacity:0;transition:opacity .25s}
.about-trail:hover>p{opacity:1}
.about-trail-card{position:absolute;width:clamp(142px,10.5vw,202px);height:clamp(188px,14vw,270px);object-fit:cover;pointer-events:none;opacity:0;filter:blur(10px);transform:translate(-50%,-50%) rotate(var(--trail-r)) scale(.72);transition:opacity .2s,filter .32s,transform .52s cubic-bezier(.2,.75,.2,1);box-shadow:0 18px 35px rgba(0,0,0,.08)}
.about-trail-card.show{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotate(var(--trail-r)) scale(1)}
.about-trail-card.leave{opacity:0;filter:blur(13px);transform:translate(-50%,-50%) rotate(var(--trail-r)) scale(.93)}
.about-hero h1{font-size:clamp(48px,4vw,68px);font-weight:400;letter-spacing:-.052em;line-height:1.08;max-width:920px;margin:0;padding:0 var(--pad) clamp(54px,4.5vw,78px)}
.about-hero-image{height:min(46vw,760px);margin:0;overflow:hidden;clip-path:inset(100% 0 0);animation:about-image-in 1.25s .45s cubic-bezier(.77,0,.18,1) forwards}
.about-hero-image img{height:calc(100% + 100px);transform:translateY(var(--about-parallax,0));will-change:transform}
@keyframes about-image-in{to{clip-path:inset(0)}}

.about-standard{padding-top:clamp(80px,7vw,112px)}
.about-standard-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);gap:clamp(54px,7vw,108px);align-items:start;margin-bottom:clamp(72px,8vw,118px)}
.about-photo-copy{display:grid;grid-template-columns:minmax(180px,252px) 1fr;gap:12px;align-items:start}
.about-photo-stack{position:relative;aspect-ratio:.83;overflow:hidden;background:#ddd}
.about-stack-photo{position:absolute;inset:0;margin:0;opacity:0;animation:about-stack 12s infinite cubic-bezier(.77,0,.18,1)}
.about-stack-photo:nth-child(2){animation-delay:4s}.about-stack-photo:nth-child(3){animation-delay:8s}
@keyframes about-stack{0%{opacity:0;clip-path:inset(100% 0 0);transform:scale(1.04)}7%,29%{opacity:1;clip-path:inset(0);transform:scale(1)}33%,100%{opacity:0;clip-path:inset(0 0 100%);transform:scale(1)}}
.about-standard-label{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 5px;font-size:15px}.about-standard-label b{font-weight:650}
.about-standard-copy h2,.about-values-head h2,.about-team-head h2,.about-clients-head h2,.about-industries-head h2{font-size:clamp(39px,3.35vw,56px);font-weight:400;letter-spacing:-.047em;line-height:1.04;margin:0}
.about-standard-copy p{max-width:690px;margin:34px 0 0;font-size:17px;line-height:1.52}
.about-facts-title{font-size:18px;margin:0 0 22px}
.about-facts{border-top:1px solid var(--line)}
.about-facts article{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:40px;align-items:end;min-height:180px;padding:24px 0;border-bottom:1px solid var(--line)}
.about-facts strong{font-size:clamp(64px,6vw,94px);font-weight:400;letter-spacing:-.065em;line-height:.9}.about-facts .about-since{display:flex;align-items:baseline;gap:14px}.about-facts .about-since small{font-size:15px;font-weight:600;letter-spacing:0}
.about-facts h3{font-size:18px;margin:0 0 12px}.about-facts p{color:var(--muted);margin:0;max-width:550px}

.about-values{background:var(--about-white);color:var(--ink)}
.about-values-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:50px}
.about-values-head h2{max-width:700px}.about-values-head p{max-width:430px;margin:0 0 8px;font-size:17px}
.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.about-values-grid article{min-height:300px;padding:24px 20px;background:#efefef;display:flex;flex-direction:column;border:0}
.about-values-grid h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:0}.about-values-grid p{margin:auto 0 0;color:#4f4f4f;font-size:16px;line-height:1.45}

.about-team{background:#050505;color:#fff;padding-right:0}.about-team .eyebrow{color:#fff}
.about-team-stage{display:grid;grid-template-columns:minmax(400px,.78fr) minmax(0,1.52fr);gap:clamp(42px,4.2vw,78px);align-items:start}
.about-team-intro{position:sticky;top:108px;padding-right:clamp(24px,3vw,52px)}
.about-team-intro h2{font-size:clamp(42px,3.5vw,58px);font-weight:400;letter-spacing:-.05em;line-height:1.03;margin:0}
.about-team-intro>p:not(.eyebrow){max-width:560px;margin:30px 0 0;color:#e2e2e2;font-size:17px;line-height:1.48}
.about-team-button{display:flex;justify-content:space-between;align-items:center;width:min(100%,350px);margin-top:54px;padding:14px 16px;background:#fff;color:#050505;font-size:14px;transition:background .25s,color .25s}.about-team-button:hover{background:#dedede}
.about-team-rail{display:flex;gap:20px;overflow-x:auto;padding:0 var(--pad) 14px 0;scroll-snap-type:x proximity;scrollbar-width:none}.about-team-rail::-webkit-scrollbar{display:none}
.about-person{position:relative;display:block;flex:0 0 min(540px,42vw);min-width:0;scroll-snap-align:start;overflow:hidden}
.about-person>img{width:100%;aspect-ratio:.86;object-fit:cover;filter:none!important;transform:none!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.about-person:nth-child(1)>img{object-position:50% 32%}.about-person:nth-child(2)>img{object-position:50% 28%}
.about-person:hover>img{transform:scale(1.012)!important}
.about-person-hover{position:absolute;left:16px;right:16px;bottom:57px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:18px;padding:14px 15px;background:rgba(5,5,5,.78);color:#fff;backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}.about-person-hover b{font-size:16px;font-weight:600}.about-person-hover small{font-size:13px;color:#d2d2d2;text-align:right}.about-person:hover .about-person-hover,.about-person:focus-within .about-person-hover{opacity:1;transform:translateY(0)}
.about-person>div{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:start;padding:12px 0 0}.about-person h3{font-size:16px;font-weight:600;margin:0}.about-person p{font-size:14px;color:#b2b2b2;margin:0;text-align:right}

.about-clients{background:var(--about-white);color:var(--ink)}
.about-clients-head{max-width:720px;margin-bottom:52px}.about-clients-head p{max-width:530px;margin:22px 0 0;font-size:17px}
.about-client-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 58px}
.about-client-columns>div{display:flex;flex-direction:column}.about-client-columns span{font-size:16px;line-height:1.5}

.about-industries{background:var(--about-white)}.about-industries-head{max-width:740px;margin-bottom:54px}
.about-industry-list{border-top:1px solid var(--line)}
.about-industry-row{display:grid;grid-template-columns:clamp(120px,22vw,320px) minmax(300px,1fr) 240px;gap:0;padding:18px 0;border-bottom:1px solid var(--line);align-items:start;min-height:218px;overflow:hidden}
.about-industry-row h3{font-size:21px;font-weight:500;margin:4px 0}.about-industry-row>div{max-width:650px;padding-right:35px}.about-industry-row h4{font-size:clamp(30px,2.4vw,40px);font-weight:400;letter-spacing:-.04em;line-height:1.08;margin:0 0 16px}.about-industry-row p{font-size:17px;color:#555;margin:0 0 15px}.about-industry-row span{font-size:14px;border-bottom:1px solid;padding-bottom:3px}.about-industry-row figure{width:240px;height:173px;margin:0;overflow:hidden;clip-path:inset(0);transition:clip-path .55s cubic-bezier(.77,0,.18,1),transform .55s}.about-industry-row img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.about-industry-row:hover figure{transform:translateX(-7px);clip-path:inset(0 0 0 4%)}.about-industry-row:hover img{transform:scale(1.05)}

.about-vision-slide{position:relative;display:block;height:min(47vw,720px);margin:54px var(--pad) 78px;overflow:hidden;color:#fff}
.about-vision-slide figure{position:absolute;inset:0;margin:0}.about-vision-slide figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,rgba(0,0,0,.22))}.about-vision-slide img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.about-vision-slide:hover img{transform:scale(1.018)}
.about-vision-slide>div{position:absolute;z-index:1;right:7%;top:9%;width:min(32%,420px)}.about-vision-slide h2{font-size:clamp(35px,3.2vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0 0 30px}.about-vision-slide span{display:inline-block;padding:12px 16px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px)}

.about-awards{background:var(--about-white)}.about-awards-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.about-awards-title h2,.about-models>h2{font-size:clamp(42px,4.3vw,68px);font-weight:400;letter-spacing:-.052em;line-height:1.02;margin:0}.about-awards-title>p{margin:38px 0 0;font-size:18px}.about-awards-title>p strong{display:block;font-size:clamp(82px,10vw,160px);font-weight:400;line-height:.82;letter-spacing:-.08em}.about-awards-list{border-top:1px solid}.about-awards-list article{padding:19px 0;border-bottom:1px solid}.about-awards-list h3{font-size:19px;font-weight:600;margin:0 0 16px}.about-awards-list p{display:flex;justify-content:space-between;margin:7px 0}.about-awards-list b{font-weight:500}.about-awards-list .about-dundies-award{display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:start;padding:26px 22px;background:#0b0b0b;color:#fff;border:0}.about-dundies-award img{width:76px;height:auto;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.45))}.about-dundies-award small{display:block;margin-bottom:8px;color:#bbb;font-size:11px;letter-spacing:.12em}.about-dundies-award h3{font-size:25px}.about-dundies-award>strong{font-size:clamp(40px,4vw,68px);font-weight:400;line-height:1}.about-dundies-award p{color:#ccc}.about-dundies-award p b{color:#fff}

.about-models{background:var(--about-white);color:var(--ink)}.about-models>h2{max-width:1050px;margin-bottom:52px}.about-models sup{font-size:14px;vertical-align:top;letter-spacing:0}
.models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-model-card{min-height:660px;padding:34px;background:#111;color:#fff;border:1px solid #333;display:flex;flex-direction:column;justify-content:space-between}.project-model-card.light{background:#ededed;color:#050505;border-color:#ededed}.project-model-card small{font-size:13px;letter-spacing:.04em}.project-model-card h3{font-size:clamp(31px,3.2vw,50px);font-weight:400;line-height:1.03;letter-spacing:-.045em;max-width:690px;margin:38px 0 28px}.project-model-card p{max-width:660px;color:#aaa;font-size:17px}.project-model-card.light p{color:#555}.model-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-top:1px solid #444;padding-top:19px}.light .model-bottom{border-color:#ccc}.model-faces{display:flex}.model-faces img{width:48px;height:48px;border-radius:50%;border:2px solid currentColor;margin-left:-10px;filter:none}.model-faces img:first-child{margin-left:0}.model-bottom span{font-size:13px;color:#aaa}.light .model-bottom span{color:#555}.model-bottom a{font-size:14px;font-weight:650;border-bottom:1px solid;padding-bottom:3px}

.about-bcorp{background:#fff;color:#050505;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr) minmax(150px,.42fr);gap:clamp(42px,5.2vw,86px);align-items:start;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.about-bcorp-intro{display:flex;flex-direction:column;align-items:flex-start}.about-bcorp h2{font-size:clamp(62px,5.5vw,90px);font-weight:400;letter-spacing:-.062em;line-height:.9;margin:0}.about-bcorp-copy{padding-top:43px}.about-bcorp p{font-size:17px;line-height:1.52;max-width:620px;margin:0}.about-bcorp .about-bcorp-lead{font-size:clamp(30px,2.45vw,41px);line-height:1.08;letter-spacing:-.04em;margin-bottom:38px;max-width:570px}.about-bcorp-body{display:grid;grid-template-columns:1fr;gap:22px;max-width:600px}.about-bcorp-mark{margin:43px 0 0;justify-self:end;width:min(100%,188px);padding:10px;box-sizing:border-box;background:#fff}.about-bcorp-mark img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:none}.about-bcorp-link{width:min(100%,280px);display:flex;justify-content:space-between;gap:20px;margin-top:72px;padding:12px 0;border-top:1px solid #050505;border-bottom:1px solid #050505;font-size:15px}.about-bcorp-link span{transition:transform .25s}.about-bcorp-link:hover span{transform:translate(3px,-3px)}
body:has(.about-bcorp-mark:hover) .cursor{opacity:0}

.about-origin{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:clamp(52px,7vw,118px);align-items:start;background:#050505;color:#fff}.about-origin .eyebrow{color:#9d9d9d}.about-origin-copy{position:sticky;top:112px}.about-origin h2{max-width:700px;margin:0 0 44px;font-size:clamp(48px,5vw,82px);font-weight:400;letter-spacing:-.058em;line-height:.96}.about-origin-copy>p:not(.eyebrow){max-width:650px;margin:0 0 24px;color:#d6d6d6;font-size:17px;line-height:1.56}.about-origin-copy strong{color:#fff;font-weight:650}.about-origin-image{margin:0;overflow:hidden}.about-origin-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.about-origin-image:hover img{transform:scale(1.018)}.about-origin-image figcaption{display:flex;justify-content:space-between;gap:24px;padding-top:13px;color:#949494;font-size:12px;line-height:1.45}.about-origin-image figcaption a{flex:0 0 auto;color:#cfcfcf;border-bottom:1px solid #666}

@media(max-width:1499px){.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-values-grid article{min-height:300px}.about-client-columns{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){body.about-active .site-header.scrolled{grid-template-columns:1fr auto auto;min-height:72px}body.about-active .site-header.scrolled~#app{padding-top:74px}body.about-active .site-header.scrolled .place-time{grid-column:2}body.about-active .site-header.scrolled .menu-button{grid-column:3}body.about-active .site-header.scrolled .contact-button{display:none}.about-trail{height:90px}.about-trail>p{display:none}.about-hero-image{height:76vw}.about-standard-grid,.about-values-head,.about-awards-layout,.about-origin{grid-template-columns:1fr}.about-standard-grid{gap:65px}.about-values-head p{max-width:600px}.about-team-stage{grid-template-columns:1fr}.about-team-intro,.about-origin-copy{position:static;max-width:680px}.about-team-button{margin-top:34px}.about-person{flex-basis:min(480px,68vw)}.about-client-columns{grid-template-columns:repeat(2,1fr)}.about-industry-row{grid-template-columns:130px minmax(260px,1fr) 190px}.about-industry-row figure{width:190px;height:145px}.models-grid{grid-template-columns:1fr}.about-bcorp{grid-template-columns:1fr minmax(150px,190px);row-gap:64px}.about-bcorp-intro{grid-column:1}.about-bcorp-mark{grid-column:2;width:100%}.about-bcorp-copy{grid-column:1/3;grid-template-columns:1fr 1fr}.about-bcorp-link{grid-column:1/3;grid-row:auto;width:min(330px,100%)}}
@media(max-width:620px){body.about-active .site-header.scrolled{grid-template-columns:1fr auto}body.about-active .site-header.scrolled .place-time{display:none}body.about-active .site-header.scrolled .menu-button{grid-column:2}.about-trail{height:75px}.about-hero h1{font-size:46px}.about-hero-image{height:92vw}.about-photo-copy{grid-template-columns:1.25fr .75fr}.about-facts article{grid-template-columns:1fr;gap:25px;min-height:250px}.about-values-grid,.about-client-columns{grid-template-columns:1fr}.about-values-grid article{min-height:280px}.about-team{padding-right:0}.about-team-intro{padding-right:var(--pad)}.about-team-rail{gap:12px}.about-person{flex-basis:84vw}.about-person>img{aspect-ratio:.88}.about-person>div{display:block}.about-person p{text-align:left;margin-top:3px}.about-industry-row{grid-template-columns:1fr;min-height:0;padding:20px 0;gap:18px}.about-industry-row>div{padding:0}.about-industry-row figure{width:100%;height:60vw;grid-row:2}.about-industry-row h4{font-size:32px}.about-vision-slide{height:120vw;margin:35px 0 80px}.about-vision-slide figure:after{background:linear-gradient(0deg,rgba(0,0,0,.56),transparent 75%)}.about-vision-slide>div{left:22px;right:22px;top:auto;bottom:25px;width:auto}.about-vision-slide h2{font-size:36px}.project-model-card{min-height:620px;padding:24px}.model-bottom{grid-template-columns:1fr}.model-bottom a{width:max-content}.about-bcorp{grid-template-columns:1fr auto;gap:48px 24px}.about-bcorp-intro{grid-column:1/3}.about-bcorp h2{font-size:60px}.about-bcorp-mark{grid-column:2;grid-row:2;width:112px}.about-bcorp-mark figcaption{display:none}.about-bcorp-copy{grid-column:1/3;grid-row:3;grid-template-columns:1fr;gap:30px}.about-bcorp-link{grid-column:1/3;grid-row:4;margin-top:8px}}
@media(max-width:1000px){.about-bcorp{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:55px}.about-bcorp-intro{grid-column:auto}.about-bcorp-copy{grid-column:auto;display:block;padding-top:43px}.about-bcorp-mark{grid-column:2;grid-row:auto;justify-self:start;margin:0;width:150px}.about-bcorp-link{grid-column:auto;grid-row:auto;margin-top:52px}}
@media(max-width:620px){.about-bcorp{grid-template-columns:1fr;gap:36px}.about-bcorp-intro{grid-column:auto}.about-bcorp h2{font-size:58px}.about-bcorp-copy{grid-column:auto;grid-row:auto;display:block;padding-top:0}.about-bcorp .about-bcorp-lead{font-size:32px;margin-bottom:28px}.about-bcorp-mark{grid-column:1;grid-row:auto;justify-self:start;margin:10px 0 0;width:120px}.about-bcorp-link{grid-column:auto;grid-row:auto;margin-top:42px}.about-origin{gap:38px}.about-origin h2{font-size:46px;margin-bottom:32px}.about-origin-copy>p:not(.eyebrow){font-size:16px}.about-origin-image figcaption{display:block}.about-origin-image figcaption a{display:inline-block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.about-trail{display:none}.about-stack-photo,.about-hero-image{animation:none;clip-path:none;opacity:1}.about-stack-photo:not(:first-child){display:none}}

/* Full vertical Certified B Corporation mark: preserve the source ratio and never clip it. */
.about-bcorp-mark{width:min(100%,170px);padding:0;overflow:visible}
.about-bcorp-mark img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none}
@media(max-width:1000px){.about-bcorp-mark{width:142px}}
@media(max-width:620px){.about-bcorp-mark{width:118px;margin-top:8px}}
@media(max-width:620px){.about-person-hover{display:none}}
@media(max-width:620px){.about-awards-list .about-dundies-award{grid-template-columns:64px 1fr;padding:22px 18px;gap:16px}.about-dundies-award img{width:58px}.about-dundies-award>strong{grid-column:2}.about-awards-title>p{margin-top:25px}}
