.about-chapter{position:relative;isolation:isolate;overflow:clip;background:var(--bg);color:var(--text);scroll-margin-top:var(--site-header-height)}
.about-content{position:relative;width:min(1180px,calc(100% - 64px));margin:0 auto;padding:130px 0}
.about-chapter h1,.about-chapter h2{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.04;text-wrap:wrap}
.about-chapter h2{font-size:clamp(44px,6.2vw,88px);margin-bottom:38px;width:100%;max-width:none}
.about-chapter h3{font-family:Manrope,Inter,sans-serif;letter-spacing:-.03em}
.about-chapter p{line-height:1.75}
.about-chapter .lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:none}
.about-chapter .eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--muted);margin-bottom:26px}
.about-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:80px;align-items:center;min-height:calc(100svh - var(--site-header-height));padding-block:90px 110px}
.about-intro-copy{min-width:0;container-type:inline-size}
.about-intro-copy h1{font-size:clamp(44px,14cqi,88px);margin:0 0 36px}
.about-intro-copy .lead{margin:0}
.about-introduction .about-portrait{position:relative;margin:0;min-height:0;aspect-ratio:1;width:100%;max-width:560px;align-self:center;background:#000;border-radius:6px;overflow:hidden}
.about-introduction .about-portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);transform:none;transition:none}
.about-introduction .about-portrait:hover img{filter:grayscale(1);transform:none}
.about-introduction.is-about-animated .about-portrait{clip-path:inset(var(--portrait-crop,0%) 0 var(--portrait-crop,0%) 0 round 6px);transform:translateY(var(--portrait-y,0px));will-change:transform,clip-path}
.about-introduction.is-about-animated .about-intro-copy{transform:translateY(var(--intro-y,0px))}

.about-studio-heading{width:100%;text-align:center;margin-bottom:88px}
.about-studio-heading h2{font-size:clamp(54px,8.5vw,120px);line-height:1;max-width:none;margin:0 0 40px}
.about-studio-heading .lead{max-width:960px;margin:0 auto;font-size:clamp(18px,1.8vw,24px)}
.about-editorial-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:minmax(250px,1fr) minmax(250px,1fr);gap:26px;align-items:stretch}
.about-story-card,.about-studio .quote-band{border:0;border-radius:8px;padding:42px;box-shadow:none;min-width:0}
.about-story-idea{grid-column:1;grid-row:1;background:#f0f0eb;color:#080808;display:flex;align-items:center}
.about-story-idea p{font-size:clamp(18px,1.7vw,22px);color:#242420;margin:0}
.about-story-experience{grid-column:2;grid-row:1/3;background:#080808;color:#fff;display:flex;flex-direction:column;justify-content:center}
.about-story-experience h2{font-size:clamp(29px,3.1vw,42px);line-height:1.12;margin-bottom:32px;color:#fff}
.about-story-experience p{font-size:16px;color:#b9b9b0;margin-bottom:22px}
.about-story-experience p:last-child{margin-bottom:0}
.about-studio .about-story-quote{grid-column:1;grid-row:2;background:#ededE7;color:#080808;margin:0;display:flex;flex-direction:column;justify-content:center}
.about-studio .about-story-quote p{font-family:Manrope,Inter,sans-serif;font-size:clamp(25px,2.5vw,34px);line-height:1.35;font-weight:700;font-style:normal;color:#080808;margin-bottom:24px}
.about-studio .about-story-quote cite{font-size:13px;color:#5b5b52}

.about-centered-heading{text-align:center;margin-bottom:64px}
.about-centered-heading h2{margin-bottom:0}
.about-skills-chapter .skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;width:100%;margin:0}
.about-skills-chapter .skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:270px;padding:36px 28px;border:0;border-radius:8px;background:#fff;color:#080808}
.about-skills-chapter .skill-card h3{font-size:25px;line-height:1.2;color:#080808;margin-bottom:22px;width:100%}
.about-skills-chapter .skill-card p{font-size:15px;line-height:1.7;color:#42423c;margin:0;width:100%;max-width:none}
.about-skills-chapter.is-about-animated .skill-card{background:rgb(var(--skill-shade,255 255 255));opacity:var(--skill-opacity,1);transform:translateY(var(--skill-y,0px)) scale(var(--skill-scale,1));will-change:transform,opacity}
.about-skills-chapter.is-about-animated .skill-card h3,.about-skills-chapter.is-about-animated .skill-card p{opacity:var(--skill-copy,1);transform:translateY(var(--skill-copy-y,0px))}

.about-reading .about-content>h2{margin-bottom:54px}
.about-reading .about-content>p{font-size:clamp(17px,1.5vw,20px);width:100%;max-width:none;color:var(--muted);margin-bottom:30px}
.about-reading .about-content>p:last-child{margin-bottom:0}
.about-ideas .about-content{text-align:center;padding-block:112px}
.about-ideas .about-content>h2{font-size:clamp(44px,5.8vw,80px);max-width:1100px;margin:0 auto 44px;text-wrap:balance}
.about-ideas .about-content>p{max-width:940px;margin:0 auto 24px;font-size:clamp(17px,1.4vw,19px);line-height:1.75;text-wrap:pretty}
.about-why h2{font-size:clamp(52px,7.8vw,108px)}
.about-why .about-content>p:nth-of-type(2){font:700 clamp(30px,4.2vw,58px)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.04em;color:#fff;margin:64px 0;text-align:center;text-wrap:balance}
.about-freedom h2{font-size:clamp(52px,7.4vw,104px)}
.about-ending-stage{position:relative;min-height:650px;display:flex;align-items:center}
.about-ending .about-content>p{font:800 clamp(52px,7.2vw,104px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.055em;color:#fff;text-align:center;text-wrap:balance;margin:0;width:100%}
.about-ending.is-about-animated{height:170svh}
.about-ending.is-about-animated .about-ending-stage{position:sticky;top:var(--site-header-height);height:calc(100svh - var(--site-header-height));min-height:500px}

.about-chapter.is-about-animated .about-reveal{opacity:var(--about-reveal,1);transform:translate3d(var(--about-x,0px),var(--about-y,0px),0);will-change:transform,opacity}
.about-chapter.is-about-animated .about-word{display:inline-block;opacity:var(--about-word-light,1);transform:translateY(var(--about-word-y,0px))}

@media(max-width:1000px){
 .about-intro-grid{gap:48px}.about-story-card,.about-studio .quote-band{padding:32px}
 .about-story-experience h2{font-size:32px}.about-skills-chapter .skill-card{padding:30px 24px}.about-skills-chapter .skill-card h3{font-size:22px}
}
@media(max-width:760px){
 .about-content{width:calc(100% - 40px);padding:80px 0}
 .about-chapter h2{font-size:42px;line-height:1.08;margin-bottom:32px}
 .about-intro-grid{grid-template-columns:1fr;gap:36px;padding:60px 0 80px;min-height:0}
 .about-intro-copy h1{font-size:clamp(44px,13.5cqi,62px);line-height:1.04;margin-bottom:28px}
 .about-intro-copy .lead{font-size:16px}
 .about-introduction .about-portrait{max-width:480px;justify-self:center}
 .about-studio-heading{margin-bottom:42px}.about-studio-heading h2{font-size:clamp(42px,11.5vw,72px);margin-bottom:28px}
 .about-studio-heading .lead{font-size:16px}
 .about-editorial-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}
 .about-story-card,.about-studio .quote-band{grid-column:auto;grid-row:auto;padding:30px;min-height:0}
 .about-story-idea p{font-size:18px}.about-story-experience h2{font-size:30px;margin-bottom:28px}.about-story-experience p{font-size:15px}
 .about-studio .about-story-quote p{font-size:26px}.about-studio .about-story-quote{min-height:260px}
 .about-centered-heading{margin-bottom:40px}
 .about-skills-chapter .skill-grid{grid-template-columns:1fr;gap:18px}
 .about-skills-chapter .skill-card{min-height:220px;padding:34px 28px}.about-skills-chapter .skill-card h3{font-size:24px}
 .about-reading .about-content>h2{margin-bottom:38px}.about-reading .about-content>p{font-size:16px;line-height:1.75;margin-bottom:26px}
 .about-ideas .about-content{padding-block:76px}
 .about-ideas .about-content>h2{font-size:clamp(36px,8vw,54px);margin-bottom:32px}
 .about-ideas .about-content>p{font-size:16px;margin-bottom:24px}
 .about-why .about-content>p:nth-of-type(2){font-size:32px;margin:42px 0}
 .about-ending .about-content>p{font-size:44px;line-height:1.12}
 .about-ending.is-about-animated{height:160svh}.about-ending.is-about-animated .about-ending-stage{min-height:560px}
}
@media(min-width:761px) and (max-width:1000px){.about-skills-chapter .skill-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){
 .about-chapter.is-about-animated .about-reveal,.about-chapter.is-about-animated .about-word,.about-skills-chapter.is-about-animated .skill-card,.about-skills-chapter.is-about-animated .skill-card h3,.about-skills-chapter.is-about-animated .skill-card p{opacity:1!important;transform:none!important;will-change:auto}
 .about-introduction.is-about-animated .about-portrait,.about-introduction.is-about-animated .about-intro-copy{transform:none;clip-path:none;will-change:auto}
 .about-skills-chapter.is-about-animated .skill-card{background:#fff}
 .about-ending.is-about-animated{height:auto}.about-ending.is-about-animated .about-ending-stage{position:relative;top:0;height:auto;min-height:0}
}