@font-face{font-family:StudioSans;src:url('assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
body[data-page=about]{font-family:StudioSans,Arial,sans-serif;--studio-space:clamp(90px,11vw,170px);--studio-muted:#73766f;background:#fcfcfa;color:#171917}
body[data-page=about] main{overflow:clip;scroll-margin-top:110px}
:where(body[data-page=about]) :is(h1,h2,h3,p){margin:0}
.studio-intro{padding:clamp(80px,9vw,150px) var(--gutter) var(--studio-space);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 2vw;align-items:start}
.studio-intro h1{grid-column:1/12;font-size:clamp(34px,4.1vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.035em}
.studio-intro-grid{display:contents}.studio-profile{grid-column:5/8;grid-row:2;padding-top:65px;align-self:center}.studio-profile p{font-size:clamp(17px,1.3vw,21px);line-height:1.55;letter-spacing:-.015em}
.studio-main-photo{grid-column:9/13;grid-row:2;margin:0;width:100%;max-width:500px;justify-self:end}.studio-main-photo .about-photo{height:auto;max-height:none;aspect-ratio:4/5;overflow:hidden}.studio-main-photo img{object-position:center}
.studio-secondary-photo{grid-column:1/4;grid-row:2;margin:100px 0 0;width:100%;max-width:320px}.studio-secondary-photo>div{aspect-ratio:3/4;overflow:hidden}.studio-secondary-photo img{object-position:50% 45%}
.studio-section{padding:0 var(--gutter) var(--studio-space)}.studio-section-label{margin-bottom:45px;display:flex;align-items:baseline;gap:20px}.studio-section-label>span{font-size:11px;color:var(--studio-muted)}.studio-section-label h2{font-size:12px;line-height:1.5;font-weight:450;text-transform:uppercase}.studio-section-label p{margin-left:auto;font-size:12px;color:var(--studio-muted)}
.studio-expertise{max-width:1600px;margin:auto}.studio-expertise .studio-section-content{display:grid;grid-template-columns:1fr 1.4fr;gap:0 9vw;align-items:start}.studio-skill{display:contents}.studio-skill h3{grid-column:1;grid-row:var(--skill-slot);font-weight:450;border-top:1px solid #d6d8d2}
.skill-toggle{display:grid;grid-template-columns:25px minmax(0,1fr) 20px;gap:15px;align-items:center;width:100%;padding:24px 0;border:0;background:transparent;text-align:left;font-size:clamp(22px,2.4vw,36px);font-weight:450;line-height:1.25;letter-spacing:-.025em;cursor:pointer;color:#92968c;transition:color .5s}.skill-toggle:hover,.is-open .skill-toggle{color:#171917}.skill-index{font-size:11px;letter-spacing:0}.skill-icon{width:16px;height:16px;position:relative}.skill-icon:before,.skill-icon:after{content:'';position:absolute;left:0;top:7px;width:16px;height:1px;background:currentColor}.skill-icon:after{transform:rotate(90deg);transition:transform .6s}.is-open .skill-icon:after{transform:rotate(0)}
.skill-panel{grid-column:2;grid-row:1/5;height:0;overflow:hidden}.is-open .skill-panel{height:auto}.skill-panel-inner{padding:25px 0 45px;border-top:1px solid #171917}.skill-panel p{font-size:clamp(23px,2.7vw,40px);line-height:1.4;letter-spacing:-.025em;max-width:27ch}.studio-skill:not(.is-open) .skill-panel-inner{visibility:hidden}
.studio-experience{background:#171917;color:#fcfcfa;padding-top:70px;margin-bottom:var(--studio-space);--studio-muted:#a6a9a0}.studio-experience .studio-section-label{margin-bottom:65px}.studio-experience .studio-section-label h2{font-size:clamp(30px,4vw,65px);text-transform:none;letter-spacing:-.035em}
.studio-job{position:relative;display:grid;grid-template-columns:1fr 1.5fr 2fr;gap:6vw;padding:35px 0 50px;--rule-scale:1}.studio-job:before,.studio-story:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#44483f;transform:scaleX(var(--rule-scale));transform-origin:left}.studio-job-time{font-size:13px;line-height:1.6;color:#a6a9a0;max-width:18ch}.studio-job h3{font-size:clamp(30px,3.5vw,55px);font-weight:450;line-height:1.15;letter-spacing:-.035em}.studio-role{font-size:12px;line-height:1.5;margin-top:18px!important}.studio-job>div:last-child p{font-size:16px;line-height:1.65;color:#cdd0c7;max-width:48ch;margin-bottom:17px}.studio-job>div:last-child>div:last-child p{margin-bottom:0}
.studio-outcomes{display:grid;grid-template-columns:1fr 2.7fr;gap:8vw}.studio-outcomes .studio-section-label{align-self:start;position:sticky;top:110px}.studio-outcomes .studio-section-content{display:grid;grid-template-columns:1fr 1fr;gap:65px 5vw}.studio-story{position:relative;padding-top:25px;--rule-scale:1}.studio-story:before{background:#d6d8d2}.studio-story h3{font-size:clamp(25px,2.4vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.studio-story-title{margin:15px 0 30px!important;min-height:3em;font-size:13px;line-height:1.5;color:var(--studio-muted)}.studio-story>p{font-size:16px;line-height:1.65;max-width:45ch}.studio-other{grid-column:1/-1;font-size:13px;line-height:1.5;color:var(--studio-muted)}
.studio-awards{background:#e9ebe5;padding:50px var(--gutter) 75px}.studio-award-feature{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:center;max-width:1300px;margin:auto}.studio-award-number{border:1px solid #0267ff;border-radius:50%;width:clamp(180px,22vw,340px);aspect-ratio:1;display:grid;place-items:center;color:#0267ff;font-size:clamp(110px,14vw,220px);font-weight:350;line-height:1;letter-spacing:-.065em}.studio-award-description h3{font-size:clamp(40px,6vw,92px);font-weight:450;line-height:1.12;letter-spacing:-.045em;margin-bottom:30px}.studio-award-place{font-size:14px;color:#0267ff;margin-bottom:20px!important}.studio-award-description>p:last-child{font-size:15px;line-height:1.6;max-width:34ch}
@media(max-width:1000px){.studio-profile{grid-column:4/8;padding-top:25px}.studio-secondary-photo{grid-column:1/4;margin-top:55px}.studio-main-photo{grid-column:9/13}.studio-expertise .studio-section-content{gap:0 5vw}.studio-job{gap:4vw;grid-template-columns:.8fr 1.2fr 2fr}.studio-job>div:last-child p{font-size:14px}}
@media(max-width:600px){body[data-page=about]{--studio-space:85px}.studio-intro{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding-top:60px}.studio-intro h1{grid-column:1/-1;font-size:8vw;line-height:1.18;letter-spacing:-.025em}.studio-intro h1 br{display:none}.studio-secondary-photo{grid-column:1/3;grid-row:2;margin-top:65px}.studio-main-photo{grid-column:3/5;grid-row:2}.studio-profile{grid-column:2/5;grid-row:3;padding-top:0}.studio-profile p{font-size:15px;line-height:1.6}.studio-section-label{gap:15px;margin-bottom:30px}.studio-section-label h2{font-size:12px}.studio-section-label p{margin:0!important}.studio-expertise .studio-section-content{grid-template-columns:1fr;gap:0}.studio-skill h3{grid-column:1;grid-row:auto}.skill-toggle{font-size:25px}.skill-panel{grid-column:1;grid-row:5}.skill-panel-inner{margin-top:25px;padding:25px 0 0}.skill-panel p{font-size:24px;line-height:1.4;max-width:none}.studio-experience .studio-section-label{flex-wrap:wrap;margin-bottom:45px}.studio-experience .studio-section-label h2{font-size:34px}.studio-experience .studio-section-label p{width:100%;padding-left:27px}.studio-job{grid-template-columns:1fr;gap:18px;padding-bottom:35px}.studio-job-time{max-width:none}.studio-job h3{font-size:35px}.studio-role{margin-top:10px!important}.studio-job>div:last-child p{font-size:15px}.studio-outcomes{grid-template-columns:1fr;gap:0}.studio-outcomes .studio-section-label{position:static}.studio-outcomes .studio-section-content{grid-template-columns:1fr;gap:40px}.studio-story-title{min-height:0;margin-bottom:20px!important}.studio-awards{padding-top:35px;padding-bottom:45px}.studio-award-feature{grid-template-columns:1fr;gap:40px}.studio-award-number{width:180px;font-size:115px;justify-self:end}.studio-award-description h3{font-size:12vw;margin-bottom:22px}}
/* Expertise: independent disclosure cards. */
.studio-expertise{max-width:none}
.studio-expertise .studio-section-label{margin-bottom:45px}
.studio-expertise .studio-section-label h2{font-size:clamp(24px,3vw,44px);text-transform:none;letter-spacing:-.03em;font-weight:450}
.studio-expertise .studio-section-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;max-width:1250px;margin-left:auto}
.studio-skill{display:block;background:#eef0e9;padding:28px 35px;min-width:0}
.studio-skill h3{border:0;font-weight:450}
.skill-toggle{grid-template-columns:minmax(0,1fr) 20px;padding:0;font-size:clamp(23px,2.3vw,35px);color:#171917;gap:20px}
.skill-toggle:hover{color:#0267ff}
.skill-panel{height:0;overflow:hidden}.is-open .skill-panel{height:auto}
.skill-panel-inner{padding:25px 0 0;border:0}
.skill-panel p{font-size:17px;line-height:1.65;letter-spacing:-.01em;max-width:48ch}
.studio-outcomes{padding-bottom:var(--studio-space)}
.project-recognition{display:flex;align-items:center;gap:13px;margin-top:20px;color:#0267ff;font-size:13px;line-height:1.5}
.project-recognition svg{width:26px;height:34px;flex-shrink:0}
.project-recognition small{display:block;font-size:11px;color:var(--studio-muted);margin-top:2px}
@media(max-width:600px){.studio-expertise .studio-section-label h2{font-size:28px}.studio-expertise .studio-section-content{grid-template-columns:1fr;gap:12px}.studio-skill{padding:24px}.skill-toggle{font-size:24px}.skill-panel-inner{margin:0;padding-top:20px}.skill-panel p{font-size:15px;line-height:1.65}.studio-experience .studio-section-label p{padding-left:0}}
/* A typographic scene: one shared explanation, no expanding cards. */
.expertise-scene{padding-top:25px}
.expertise-scene .studio-section-label{margin-bottom:60px}
.expertise-scene .studio-section-label h2{font-size:12px;letter-spacing:0;text-transform:uppercase}
.expertise-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8vw;align-items:center;min-height:490px}
.expertise-words{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.expertise-word{display:block;border:0;padding:0 16px 8px 0;background:none;color:#b9bdb3;font:450 clamp(48px,6.3vw,115px)/1.08 StudioSans,Arial,sans-serif;letter-spacing:-.055em;text-align:left;cursor:pointer;overflow:hidden;transition:color .65s,transform .8s cubic-bezier(.22,1,.36,1);max-width:100%}
.expertise-word span{display:block}
.expertise-word.is-active{color:#171917;transform:translateX(12px)}
.expertise-word:focus-visible{outline:1px solid #0267ff;outline-offset:6px}
.expertise-details{display:grid;align-self:center;max-width:510px;margin-right:3vw}
.expertise-detail{grid-area:1/1;visibility:hidden;pointer-events:none}
.expertise-detail.is-active{visibility:visible;pointer-events:auto}
.expertise-detail h3{font-size:13px;font-weight:500;color:#0267ff;line-height:1.5;margin-bottom:26px}
.expertise-description{font-size:clamp(19px,1.65vw,27px);line-height:1.55;letter-spacing:-.025em}
.expertise-example{margin-top:45px;padding-left:22px;border-left:1px solid #cdd2c6}
.expertise-example .expertise-project{font-size:13px;font-weight:550;margin-bottom:12px}
.expertise-example>p:last-child{font-size:14px;color:#73766f;line-height:1.65;max-width:42ch}
@media(min-width:1800px){.expertise-stage{gap:6vw;grid-template-columns:1.3fr 1fr}.expertise-details{justify-self:center;margin-right:0}}
@media(max-width:1000px){.expertise-stage{grid-template-columns:1.35fr 1fr;gap:5vw;min-height:400px}.expertise-word{font-size:6.3vw}.expertise-details{margin-right:0}.expertise-description{font-size:19px}.expertise-example{margin-top:28px}}
@media(max-width:600px){.expertise-scene .studio-section-label{margin-bottom:35px}.expertise-stage{grid-template-columns:1fr;gap:40px;min-height:0}.expertise-words{gap:9px}.expertise-word{font-size:11.4vw;padding-bottom:5px;letter-spacing:-.05em}.expertise-word.is-active{transform:translateX(7px)}.expertise-details{margin-left:12%;max-width:none}.expertise-detail h3{margin-bottom:18px;font-size:12px}.expertise-description{font-size:18px}.expertise-example{margin-top:25px;padding-left:17px}.expertise-example>p:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.expertise-word{transition:none}}