.about-page{--about-pad:clamp(24px,6vw,104px);--about-line:#17202526;background:#f5f5f2;color:#172025;overflow:clip}
.about-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;padding:150px var(--about-pad) 80px;position:relative;max-width:1800px;margin:auto}
.about-intro .breadcrumbs{grid-column:1/-1;margin-bottom:42px;font-size:12px}
.about-intro .eyebrow{grid-column:1/-1;margin-bottom:24px;letter-spacing:.18em;font-size:11px}
.about-intro h1{grid-column:1/-1;position:relative;z-index:1;max-width:1100px;font-size:clamp(48px,7.8vw,120px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 45px;text-wrap:balance}
.about-lead{align-self:end;max-width:520px;padding-bottom:30px;font-size:clamp(17px,1.45vw,21px);line-height:1.65}
.about-lead p{margin:0 0 28px}
.about-opening{margin:0;position:relative;align-self:start}
.about-opening img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.about-opening figcaption{font-size:11px;letter-spacing:.08em;padding:16px 0;border-bottom:1px solid var(--about-line)}
.about-explore{display:inline-flex;gap:36px;align-items:center;text-decoration:none;color:inherit;font-size:13px;border-bottom:1px solid;padding:12px 0}
.about-story{max-width:1800px;margin:auto;scroll-margin-top:110px}
.about-chapter{position:relative;padding:clamp(64px,8vw,128px) var(--about-pad);border-top:1px solid var(--about-line)}
.about-chapter figure{margin:0;background:#e3e4df;overflow:hidden}
.about-chapter img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.about-copy{max-width:610px;min-width:0;align-self:center}
.about-number{display:block;margin-bottom:25px;font-size:11px;letter-spacing:.16em;color:#63716d}
.about-copy h2{font-weight:500;font-size:clamp(30px,3.6vw,56px);letter-spacing:-.045em;line-height:1.1;margin:0 0 28px;text-wrap:balance}
.about-copy p{font-size:clamp(16px,1.25vw,19px);line-height:1.8;margin:0 0 20px;max-width:62ch}
.about-split.has-photo{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(35px,7vw,110px)}
.about-split.has-photo figure{border-radius:12px}
.about-split.has-photo:nth-child(even){grid-template-columns:1fr 1.25fr}
.about-split.has-photo:nth-child(even) figure{order:2}
.about-chapter[data-chapter="team"]{padding-top:55px;padding-bottom:70px}
.about-chapter[data-chapter="team"] .about-copy{max-width:1150px;display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}
.about-chapter[data-chapter="team"] .about-number{grid-column:1/-1}
.about-chapter[data-chapter="team"] h2{grid-row:2/4}
.about-chapter[data-chapter="workshop"]{background:#e9eae5}
.about-chapter[data-chapter="craft"] figure{max-width:650px;aspect-ratio:1}
.about-chapter[data-chapter="craft"] img{height:100%;aspect-ratio:auto}
.about-image.has-photo>figure{margin-bottom:40px}
.about-image.has-photo>figure img{aspect-ratio:16/9}
.about-text .about-copy{max-width:1000px}
.about-process-intro{background:#142025;color:#f6f6ef;padding-bottom:50px;border:0}
.about-process-intro .about-copy{max-width:1100px}
.about-process-intro .about-copy h2{font-size:clamp(42px,6vw,90px);max-width:900px}
.about-process-intro .about-copy p{max-width:640px;color:#c8d0cb}
.about-process-intro .about-number,.about-journey .about-number{color:#b4c4ba}
.about-journey{background:#142025;color:#f6f6ef;padding:0 var(--about-pad) 60px}
.about-journey-stage{display:none}
.about-journey .about-chapter{padding:50px 0;border-color:#ffffff26}
.about-journey .about-split.has-photo{grid-template-columns:1.3fr 1fr;gap:5vw}
.about-journey .about-split.has-photo:nth-child(even) figure{order:0}
.about-journey .about-copy h2{font-size:clamp(28px,3vw,44px)}
.about-journey .about-copy p{color:#d0d6d2}
.about-journey .about-number{display:none}
.about-journey .about-chapter img{aspect-ratio:16/10}
.about-journey.is-enhanced{display:grid;grid-template-columns:1.6fr 1fr;column-gap:6vw;align-items:start}
.about-journey.is-enhanced .about-journey-stage{display:block;position:sticky;top:120px;height:calc(100svh - 165px);min-height:340px;max-height:850px;align-self:start}
.about-journey.is-enhanced .about-chapter{display:flex;align-items:center;min-height:70svh;padding:60px 0;box-sizing:border-box}
.about-journey.is-enhanced .about-chapter>figure{display:none}
.about-journey.is-enhanced .about-copy{padding:0;max-width:100%}
.about-journey-photo{position:absolute;inset:0 0 70px;margin:0;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .65s ease,transform .9s ease;overflow:hidden;border-radius:12px;background:#0e171b}
.about-journey-photo.is-current{opacity:1;transform:none;z-index:1}
.about-journey-photo img{width:100%;height:100%;display:block;object-fit:contain}
.about-journey-status{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff40;padding-top:18px;font-size:11px;letter-spacing:.1em}
.about-journey-status:before{content:"";position:absolute;top:-1px;left:0;width:var(--step-progress,0%);height:2px;background:#e5e8c8;transition:width .65s}
.about-cta{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(80px,10vw,160px);background:#e9eae5;border:0}
.about-cta .about-copy{max-width:1050px}
.about-cta h2{font-size:clamp(42px,6vw,90px);max-width:1000px}
.about-link{display:inline-flex;align-items:center;gap:45px;font-weight:500;border-bottom:1px solid currentColor;padding:12px 0;color:inherit;text-decoration:none;margin-top:12px}
.about-link span,.about-explore span{transition:transform .25s}
.about-link:hover span{transform:translate(4px,-4px)}
.about-explore:hover span{transform:translateY(4px)}
.about-page a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){body:not([data-animations="off"]) .about-chapter:not(.about-journey .about-chapter)>figure{animation:about-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 75%}@keyframes about-arrive{from{opacity:.65;transform:translateY(35px)}to{opacity:1;transform:none}}}}
@media(max-width:850px){.about-intro{display:block;padding-top:115px;padding-bottom:50px}.about-intro .breadcrumbs{margin-bottom:32px}.about-intro h1{font-size:clamp(46px,10vw,78px);margin-bottom:30px}.about-lead{max-width:650px;padding-bottom:30px}.about-opening{margin-right:calc(-1 * var(--about-pad))}.about-opening img{aspect-ratio:4/3}.about-opening figcaption{margin-right:var(--about-pad)}.about-split.has-photo,.about-split.has-photo:nth-child(even),.about-journey .about-split.has-photo{display:flex;flex-direction:column;gap:30px}.about-split.has-photo:nth-child(even) figure{order:0}.about-chapter[data-chapter="team"] .about-copy{display:block}.about-chapter[data-chapter="craft"] figure{aspect-ratio:4/3;max-width:none;width:100%}.about-copy{max-width:100%}.about-journey{padding-bottom:20px}.about-journey .about-chapter{padding:40px 0}.about-copy h2{overflow-wrap:break-word}.about-journey .about-image .about-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Spatial choreography: real photographs, native scrolling and CSS perspective. */
@media(min-width:851px){
.about-cinematic .about-runway{height:175svh;background:#10181c}
.about-cinematic .about-intro{height:100svh;box-sizing:border-box;position:sticky;top:0;display:block;max-width:none;padding:135px var(--about-pad) 40px;background:radial-gradient(ellipse at 70% 60%,#29383c,#10181c 70%);color:#fff;perspective:1600px;isolation:isolate;overflow:hidden}
.about-cinematic .about-intro:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000)}
.about-cinematic .about-intro .breadcrumbs{margin-bottom:24px;opacity:.6}
.about-cinematic .about-intro .eyebrow{font-size:10px;letter-spacing:.25em;color:#cdd4cf;margin-bottom:28px}
.about-cinematic .about-intro h1{font-size:clamp(58px,6.5vw,112px);max-width:57%;line-height:1.02;position:relative;z-index:4;margin-bottom:26px;transform:translateY(calc(var(--intro-p,0) * -65px));opacity:calc(1 - var(--intro-p,0) * .75)}
.about-cinematic .about-lead{position:relative;z-index:4;width:37%;font-size:clamp(15px,1.2vw,19px);line-height:1.65;transform:translateY(calc(var(--intro-p,0) * -35px));opacity:calc(1 - var(--intro-p,0) * .8)}
.about-cinematic .about-lead p{margin-bottom:12px}
.about-cinematic .about-opening{position:absolute;z-index:2;right:5%;top:32%;width:43%;transform-origin:center;transform:translateX(calc(var(--intro-p,0) * -12vw)) translateY(calc(var(--intro-p,0) * -6vh)) rotateY(calc(-16deg + var(--intro-p,0) * 16deg)) rotateZ(calc(3deg - var(--intro-p,0) * 3deg)) scale(calc(.94 + var(--intro-p,0) * .32));box-shadow:0 30px 100px #0009}
.about-cinematic .about-opening img{aspect-ratio:4/3;border-radius:12px}
.about-cinematic .about-opening figcaption{background:#152126e6;padding:15px 20px;color:#d4dcd9;border:0;font-size:10px}
.about-orbit{position:absolute;z-index:1;width:21%;margin:0;pointer-events:none;box-shadow:0 20px 70px #0008;overflow:hidden;border-radius:12px;opacity:calc(.75 - var(--intro-p,0) * .5)}
.about-orbit img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.about-orbit-0{right:-4%;top:15%;transform:translateY(calc(var(--intro-p,0) * -130px)) rotateY(-24deg) rotateZ(10deg)}
.about-orbit-1{right:36%;bottom:-7%;transform:translateY(calc(var(--intro-p,0) * 130px)) rotateY(18deg) rotateZ(-9deg)}
.about-cinematic .about-chapter{perspective:1500px}
.about-cinematic .about-story>.about-chapter>figure{animation:none!important;transform-origin:center;transform:translateY(calc((1 - var(--reveal,1)) * 90px)) rotateY(calc((1 - var(--reveal,1)) * -14deg)) rotateX(calc((1 - var(--reveal,1)) * 7deg)) scale(calc(.9 + var(--reveal,1) * .1));opacity:calc(.25 + var(--reveal,1) * .75)}
.about-cinematic .about-story>.about-chapter .about-copy{transform:translateY(calc((1 - var(--reveal,1)) * 45px));opacity:calc(.35 + var(--reveal,1) * .65)}
.about-cinematic .about-chapter[data-chapter="workshop"]{min-height:90svh;box-sizing:border-box;background:#1a2529;color:#f7f7f2}
.about-cinematic .about-chapter[data-chapter="workshop"] .about-number{color:#b4c4ba}
.about-cinematic .about-chapter[data-chapter="craft"]{padding-top:150px;padding-bottom:150px}
.about-cinematic .about-process-intro{padding-top:140px;padding-bottom:100px}
.about-cinematic .about-journey-stage{perspective:1800px}
.about-cinematic .about-journey-photo{transform:translate3d(8%,35px,-160px) rotateY(-18deg) rotateZ(3deg);transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 70px #0004}
.about-cinematic .about-journey-photo.is-current{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}
.about-cinematic .about-journey.is-enhanced .about-chapter{min-height:90svh}
}
@media(min-width:851px) and (max-height:760px){.about-cinematic .about-intro{padding-top:110px}.about-cinematic .about-intro h1{font-size:clamp(48px,5.6vw,80px)}.about-cinematic .about-intro .breadcrumbs{margin-bottom:12px}.about-cinematic .about-intro .eyebrow{margin-bottom:16px}.about-cinematic .about-lead{font-size:15px}}
@media(max-width:850px) and (prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){body:not([data-animations="off"]) .about-copy{animation:about-mobile-in linear both;animation-timeline:view();animation-range:entry 0% entry 65%}@keyframes about-mobile-in{from{opacity:.5;transform:translateY(24px)}to{opacity:1;transform:none}}}}

/* A continuous graphite / stone palette and tighter editorial rhythm. */
.about-page{background:#232a2e;color:#f0f0e9;--about-line:#ffffff24}
.about-intro{background:#171e22;color:#f0f0e9;padding-top:115px;padding-bottom:50px}
.about-intro .breadcrumbs{margin-bottom:24px}
.about-number{color:#bdc8c1}
.about-chapter{padding-top:clamp(42px,5vw,78px);padding-bottom:clamp(42px,5vw,78px)}
.about-copy p{color:#d1d8d4;font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.about-copy h2{margin-bottom:20px}
.about-split.has-photo{gap:clamp(28px,4vw,64px);grid-template-columns:1.2fr 1fr}
.about-split.has-photo:nth-child(even){grid-template-columns:1fr 1.2fr}
.about-chapter[data-chapter="team"]{background:#303a3c;padding-top:42px;padding-bottom:42px}
.about-chapter[data-chapter="team"] .about-copy{gap:0 5vw}
.about-chapter[data-chapter="office"]{background:#232a2e}
.about-chapter[data-chapter="workshop"]{background:#414b4d}
.about-chapter[data-chapter="craft"]{background:#adb5ae;color:#172025}
.about-chapter[data-chapter="craft"] .about-copy p{color:#27332e}
.about-chapter[data-chapter="craft"] .about-number{color:#36443d}
.about-chapter[data-chapter="craft"] figure{aspect-ratio:4/3}
.about-process-intro{background:#111a1e;padding-top:70px;padding-bottom:45px}
.about-process-intro .about-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:0 5vw;max-width:none}
.about-process-intro .about-number{grid-column:1/-1;margin-bottom:15px}
.about-process-intro h2{grid-row:2/4;font-size:clamp(36px,4.8vw,70px)!important;margin-bottom:0}
.about-journey{background:#111a1e;padding-bottom:35px}
.about-cta{background:#303a3c;color:#f0f0e9;padding-top:65px;padding-bottom:65px}
.about-cta h2{font-size:clamp(36px,5vw,72px)}
.about-word{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.about-word>span{display:inline-block;transform:translate3d(0,110%,0) rotate(4deg);opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .6s ease;transition-delay:var(--word-delay,0ms)}
.type-visible .about-word>span{transform:translate3d(0,0,0) rotate(0);opacity:1}
@media(min-width:851px){
.about-cinematic .about-runway{height:140svh}
.about-cinematic .about-intro{padding-top:110px}
.about-cinematic .about-intro h1{opacity:calc(1 - var(--intro-p,0))}
.about-cinematic .about-lead{opacity:calc(1 - var(--intro-p,0))}
.about-cinematic .about-chapter[data-chapter="workshop"]{min-height:0;background:#414b4d}
.about-cinematic .about-chapter[data-chapter="craft"]{padding-top:65px;padding-bottom:65px}
.about-cinematic .about-process-intro{padding-top:65px;padding-bottom:40px}
.about-cinematic .about-journey.is-enhanced .about-chapter{min-height:65svh;padding:35px 0}
.about-cinematic .about-journey-photo{inset:8% 0 90px}
.about-cinematic .about-journey-stage{height:min(80svh,720px)}
.about-cinematic .about-story>.about-chapter .about-copy{opacity:1}
}
@media(max-width:850px){.about-process-intro .about-copy{display:block}.about-process-intro h2{margin-bottom:24px}.about-chapter[data-chapter="team"]{padding-top:36px;padding-bottom:36px}.about-split.has-photo,.about-split.has-photo:nth-child(even){gap:24px}.about-opening{margin-right:0}.about-copy h2{font-size:clamp(30px,7vw,48px)}}
@media(prefers-reduced-motion:reduce){.about-word>span{opacity:1;transform:none;transition:none}}

/* Light and shade: warm whites around the workshop story. */
.about-page{background:#f3f3ee;color:#202b2f;--about-line:#25333824}
.about-story>.about-chapter[data-chapter="team"]{background:#f3f3ee;color:#202b2f}
.about-story>.about-chapter[data-chapter="office"]{background:#e6ece9;color:#202b2f}
.about-story>.about-chapter[data-chapter="craft"]{background:#f8f7f2;color:#202b2f}
.about-story>.about-chapter[data-chapter="team"] .about-copy p,.about-story>.about-chapter[data-chapter="office"] .about-copy p,.about-story>.about-chapter[data-chapter="craft"] .about-copy p{color:#43504f}
.about-story>.about-chapter[data-chapter="team"] .about-number,.about-story>.about-chapter[data-chapter="office"] .about-number,.about-story>.about-chapter[data-chapter="craft"] .about-number{color:#53645e}
.about-cta{background:#e6ece9;color:#202b2f}
.about-cta .about-copy p{color:#43504f}.about-cta .about-number{color:#53645e}
.about-hover{perspective:1100px}
.about-hover-surface{position:relative;width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1);transition:transform .45s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.about-hover-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff45,transparent 58%);opacity:0;transition:opacity .4s;mix-blend-mode:screen}
.about-hover.is-hovered .about-hover-surface{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.035)}
.about-hover.is-hovered .about-hover-surface:after{opacity:1}
.about-hover-surface img{height:100%;object-fit:cover}
.about-link,.about-explore{transition:color .25s,gap .3s}
.about-link:hover,.about-explore:hover{gap:55px}
@media(prefers-reduced-motion:reduce){.about-hover-surface{transform:none!important}.about-hover-surface:after{display:none}}

/* Native scroll choreography also on mobile, without CSS scroll-timeline support. */
@media(max-width:850px){
 .about-page{--about-pad:clamp(20px,5vw,40px)}
 .about-intro{padding-top:46px}
 .about-intro h1{font-size:clamp(36px,9.2vw,72px);overflow-wrap:break-word}
 .about-word,.about-word>span{max-width:100%;overflow-wrap:break-word}
 .about-mobile-motion .about-opening{transform:perspective(1000px) rotateX(0);border-radius:12px;overflow:hidden}
 .about-mobile-motion .about-story>.about-chapter>figure{animation:none!important;transform:translateY(calc((1 - var(--reveal,1)) * 32px)) scale(calc(.96 + var(--reveal,1) * .04));opacity:calc(.55 + var(--reveal,1) * .45)}
 .about-mobile-motion .about-copy{animation:none!important;transform:translateY(calc((1 - var(--reveal,1)) * 16px))}
 .about-journey.is-enhanced{display:block;position:relative;padding-bottom:24px}
 .about-journey.is-enhanced .about-journey-stage{position:sticky;top:88px;height:36svh;min-height:210px;max-height:350px;z-index:5;background:#111a1e;box-shadow:0 -16px 0 #111a1e,0 16px 0 #111a1e}
 .about-journey.is-enhanced .about-journey-photo{inset:0 0 48px;border-radius:10px;transform:translateY(12px) scale(.97);transition:opacity .45s ease,transform .6s ease}
 .about-journey.is-enhanced .about-journey-photo.is-current{transform:none}
 .about-journey.is-enhanced .about-journey-status{min-height:36px;padding-top:10px;gap:12px;font-size:10px;letter-spacing:.02em}
 .about-journey-status>span:first-child{min-width:0;max-width:80%;line-height:1.3}
 .about-journey-status>span:last-child{white-space:nowrap}
 .about-journey.is-enhanced .about-journey-chapters{padding-top:22px}
 .about-journey.is-enhanced .about-chapter{min-height:55svh;padding:44px 0 36px;align-items:center;border:0}
 .about-journey.is-enhanced .about-copy{transform:none}
 .about-journey.is-enhanced .about-copy h2{font-size:clamp(28px,7vw,40px)}
 .about-journey.is-enhanced .about-copy p{font-size:16px;line-height:1.6}
}

/* The workshop film stays still so its native controls remain easy to use. */
.about-chapter.about-film{background:#172328;color:#f0f0e9}
.about-film-player{width:100%;margin-bottom:clamp(30px,4vw,60px)}
.about-film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0e161a;border-radius:12px}
.about-film-player video:focus-visible{outline:2px solid #e5e8c8;outline-offset:6px}
.about-film-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;line-height:1.6;border-bottom:1px solid #ffffff26;margin:0;padding:16px 0;color:#c8d0cb}
.about-film-caption span{letter-spacing:0;font-size:12px}
.about-chapter.about-film .about-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;transform:none!important;opacity:1}
.about-film .about-number{grid-column:1/-1;color:#b4c4ba}
.about-film .about-copy h2{grid-row:2/4}
.about-film .about-copy p{color:#d1d8d4}
.about-chapter[data-chapter="team"].has-photo .about-copy{display:block;max-width:610px}
.about-story>.about-chapter[data-chapter="team"].has-photo{padding-top:clamp(42px,5vw,78px);padding-bottom:clamp(42px,5vw,78px)}
@media(max-width:850px){.about-chapter.about-film .about-copy{display:block}.about-film-caption{flex-direction:column;gap:3px}.about-film-player{margin-bottom:30px}}