.about-story{position:relative;background:var(--black);color:var(--white);isolation:isolate;scroll-margin-top:0}
.about-scene{position:relative;overflow:hidden;padding:3rem var(--gutter) 2rem;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}
.about-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 40%,#383e4250 100%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ffffff05 calc(25% - 1px) 25%);z-index:-1}
.about-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.about-top .eyebrow{margin:0;font-size:.6rem;letter-spacing:.18em;color:var(--muted)}.about-top .eyebrow span{margin-inline:.75rem}.about-location{font-size:.55rem;letter-spacing:.16em;color:var(--muted)}
.about-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:4rem;margin-block:3.5rem 3rem;max-width:85rem}
.about-heading h2{font-family:var(--display);font-size:clamp(3.2rem,5.5vw,6rem);line-height:1.02;font-weight:400;letter-spacing:-.04em;margin:0;max-width:47rem}
.about-heading>p{font-size:.95rem;line-height:1.8;color:var(--muted);margin:0 0 .4rem;max-width:26rem}
.about-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--anthracite) var(--black);margin-right:calc(-1 * var(--gutter));outline-offset:-3px}.about-window:focus-visible{outline:1px solid var(--white)}
.about-track{display:flex;gap:4vw;margin:0;padding:0 var(--gutter) 1.5rem 0;list-style:none;width:max-content}
.about-chapter{position:relative;flex:0 0 auto;width:clamp(40rem,71vw,73rem);min-height:21rem;border-top:1px solid #ffffff40;padding-top:2rem;scroll-snap-align:start;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.about-chapter-main{display:flex;gap:clamp(1.5rem,3vw,3.5rem);align-items:start;flex:1}
.about-number{font-family:var(--display);font-size:clamp(5rem,9vw,10rem);line-height:.85;letter-spacing:-.07em;color:var(--anthracite);font-variant-numeric:tabular-nums}
.about-chapter-copy{max-width:30rem}.about-chapter h3{font-family:var(--display);font-size:clamp(2rem,3.2vw,3.5rem);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 1.5rem;max-width:26rem}
.about-chapter p{font-size:.95rem;line-height:1.8;color:var(--muted);margin:0;max-width:30rem}
.about-building{flex-shrink:0;width:clamp(8rem,14vw,15rem);height:auto;stroke:var(--muted);stroke-width:.8;opacity:.26;transform:translateY(calc(var(--about-progress,0) * -30px))}.about-chapter:nth-child(2) .about-building{transform:scaleX(-1) translateY(calc(var(--about-progress,0) * -30px))}
.about-bottom{display:flex;align-items:center;gap:3rem;padding-top:1.5rem}.about-scroll{font-size:.55rem;letter-spacing:.16em;white-space:nowrap;display:flex;gap:1rem;align-items:center;color:var(--muted)}.about-scroll>span{font-size:1.15rem;color:var(--white)}
.about-progress{height:1px;background:#ffffff25;flex:1;max-width:28rem}.about-progress>span{display:block;background:var(--white);height:100%;transform:scaleX(var(--about-progress,0));transform-origin:left}
.about-contact{margin-left:auto;display:flex;align-items:center;gap:2rem;min-height:44px;border-bottom:1px solid #ffffff50;font-size:.75rem}
.about-story.is-pinned .about-scene{position:sticky;top:0;height:100svh;min-height:0}.about-story.is-pinned .about-window{overflow:hidden;scroll-snap-type:none}.about-story.is-pinned .about-track{transform:translate3d(var(--about-shift,0px),0,0);will-change:transform}.about-story.is-pinned .about-chapter{min-height:0}
@media(max-width:63.99rem){.about-scene{padding-top:2.5rem}.about-heading{grid-template-columns:1fr;gap:1.5rem;margin-block:3rem}.about-heading h2{max-width:42rem}.about-heading>p{max-width:34rem}.about-chapter{width:80vw;min-width:0;align-items:start;min-height:24rem}.about-chapter-main{gap:1.5rem}.about-building{display:none}.about-number{font-size:5rem}.about-bottom{gap:1.5rem}.about-scroll{font-size:.5rem}.about-progress{max-width:8rem}.about-location{display:none}}
@media(max-width:39.99rem){.about-scene{padding-top:2rem}.about-heading h2{font-size:3.3rem}.about-heading>p{font-size:.9rem}.about-heading{margin-bottom:2.5rem}.about-chapter{width:82vw;padding-top:1.5rem;min-height:27rem}.about-chapter-main{display:block}.about-number{display:block;margin-bottom:1.5rem;font-size:4.5rem}.about-chapter h3{font-size:2.4rem}.about-chapter p{font-size:.9rem}.about-track{gap:8vw}.about-bottom{flex-wrap:wrap;gap:1rem}.about-progress{max-width:none;min-width:2rem}.about-contact{margin-left:0;flex-basis:100%;justify-content:space-between}.about-scroll{font-size:.47rem}}
@media(min-width:64rem) and (max-height:47rem){.about-story.is-pinned .about-scene{padding-block:1.8rem 1rem}.about-story.is-pinned .about-heading{margin-block:1.5rem}.about-story.is-pinned .about-heading h2{font-size:4vw}.about-story.is-pinned .about-chapter h3{font-size:2.8vw}.about-story.is-pinned .about-chapter p{font-size:.85rem}.about-story.is-pinned .about-number{font-size:7vw}}
@media(prefers-reduced-motion:reduce){.about-building{transform:none!important}}
.about-chapter{width:87vw;gap:clamp(2rem,4vw,5rem);align-items:center;padding-top:1.5rem;min-height:26rem}
.about-photo{position:relative;flex:0 0 48%;margin:0;height:clamp(18rem,40vh,31rem);overflow:hidden;background:var(--anthracite)}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:filter .6s;transform:scale(1.025)}
.about-photo:hover img{filter:saturate(.9)}
.about-photo figcaption{position:absolute;inset:auto 0 0;padding:2rem 1rem .8rem;background:linear-gradient(transparent,#101112d9);display:flex;justify-content:space-between;align-items:end;gap:1rem;font-size:.55rem;line-height:1.5;letter-spacing:.07em;color:var(--white)}
.about-photo figcaption>span:last-child{font-size:.48rem}
.about-chapter-main{display:block}.about-number{display:block;font-size:3rem;margin-bottom:1rem;letter-spacing:-.04em;color:var(--muted)}
.about-chapter-copy{max-width:34rem}.about-chapter h3{font-size:clamp(2rem,3vw,3.5rem)}
.about-belief{background:var(--anthracite);color:var(--white);padding-block:clamp(4rem,9vw,9rem)}
.about-belief .eyebrow{color:var(--muted);margin-bottom:2.5rem}
.about-belief h2{font-family:var(--display);font-size:clamp(3rem,6.8vw,7.5rem);max-width:70rem;line-height:1.03;letter-spacing:-.04em;margin-bottom:3rem}
.about-belief-bottom{display:flex;align-items:end;justify-content:space-between;gap:3rem;border-top:1px solid #ffffff30;padding-top:2rem}
.about-belief-bottom p{font-size:1rem;line-height:1.85;color:#e1e3e5;max-width:36rem;margin:0}.about-belief-bottom .text-link{border-color:#ffffff70;color:var(--white);white-space:nowrap}
@media(max-width:63.99rem){.about-chapter{width:82vw;flex-direction:column;align-items:stretch;gap:1.8rem;min-height:0}.about-photo{flex-basis:auto;height:24rem}.about-track{align-items:start}.about-chapter-main{padding-bottom:2rem}.about-chapter h3{font-size:2.8rem}.about-number{font-size:2.5rem}.about-belief-bottom{align-items:start;flex-direction:column;gap:2rem}}
@media(max-width:39.99rem){.about-photo{height:19rem}.about-photo figcaption{flex-direction:column;align-items:start;gap:.25rem}.about-chapter h3{font-size:2.4rem}.about-chapter p{font-size:.9rem}.about-belief h2{font-size:3.2rem}}
@media(min-width:64rem) and (max-height:47rem){.about-photo{height:35vh;min-height:12rem}.about-story.is-pinned .about-chapter h3{font-size:2.6vw}.about-chapter p{font-size:.85rem}.about-number{font-size:2rem;margin-bottom:.75rem}}
@media(prefers-reduced-motion:reduce){.about-photo img{transition:none;transform:none}}
