.about-shell{max-width:1440px;margin:auto;padding:clamp(76px,8vw,118px) 34px;scroll-margin-top:86px}
.about-intro{background:#000;overflow:clip}
.about-intro-stage{position:relative;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"center center" "left right";gap:12px}
.about-intro-center{grid-area:center;position:relative;width:100%;height:min(78svh,780px);min-height:560px;margin:0;overflow:hidden;background:#151515}
.about-intro-center::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.35) 65%,rgba(0,0,0,.2));opacity:var(--intro-shade,1);pointer-events:none}
.about-intro-center img,.about-intro-sides img{width:100%;height:100%;object-fit:cover}
.about-intro-center>figcaption{position:absolute;z-index:1;left:20px;bottom:20px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:var(--cyan);opacity:0}
.about-intro-sides{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.about-intro-left{grid-area:left}.about-intro-right{grid-area:right}
.about-intro-sides figure{position:relative;min-height:220px;margin:0;overflow:hidden;background:#171717}
.about-intro-sides figure::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);pointer-events:none}
.about-intro-sides figcaption{position:absolute;z-index:1;left:15px;right:10px;bottom:13px;font-family:LemonMilk,Montserrat,sans-serif;font-size:clamp(13px,1.35vw,20px);line-height:1.12;text-transform:uppercase;text-shadow:0 2px 12px #000}
.about-intro-copy{position:absolute;z-index:4;left:clamp(20px,7vw,100px);right:clamp(20px,7vw,100px);top:0;height:min(78svh,780px);min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:auto}
.about-intro h1,.about-shell h2{font-family:LemonMilk,Montserrat,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.035em;line-height:1.05;margin:0}
.about-intro h1{font-size:clamp(48px,6.5vw,94px);max-width:1000px;text-shadow:0 3px 25px #000}
.about-intro-copy>p:not(.eyebrow){font-size:clamp(16px,1.5vw,20px);line-height:1.58;max-width:700px;margin:28px 0 0;text-shadow:0 2px 10px #000}
.about-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px}
.about-intro-hint{position:absolute;z-index:4;left:50%;top:calc(min(78svh,780px) - 48px);transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px #000;white-space:nowrap}
.about-intro-hint span{display:inline-block;margin-left:7px;color:var(--lime)}
.about-intro.motion-ready{height:200svh;overflow:visible}
.motion-ready .about-intro-stage{position:sticky;top:var(--about-header-height,84px);width:100%;max-width:none;height:calc(100svh - var(--about-header-height,84px));min-height:0;display:block;overflow:hidden;isolation:isolate}
.motion-ready .about-intro-center{position:absolute;z-index:2;grid-area:auto;left:50%;top:50%;width:100%;height:100%;min-height:0;transform:translate(-50%,-50%);will-change:width,height}
.motion-ready .about-intro-sides{position:absolute;z-index:1;top:3%;width:28%;height:94%;gap:clamp(6px,1vw,12px);will-change:transform,opacity}
.motion-ready .about-intro-left{left:1%;transform:translate3d(-115%,0,0);opacity:0}
.motion-ready .about-intro-right{right:1%;transform:translate3d(115%,0,0);opacity:0}
.motion-ready .about-intro-sides figure{min-height:0}
.motion-ready .about-intro-copy{left:clamp(20px,7vw,100px);right:clamp(20px,7vw,100px);height:100%;min-height:0;will-change:opacity}
.motion-ready .about-intro-hint{top:auto;bottom:24px;will-change:opacity}
.motion-ready .about-intro-center>figcaption{opacity:0;will-change:opacity}
.about-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);gap:clamp(40px,9vw,150px);align-items:start}
.about-story h2,.about-space h2,.about-values h2,.about-visit h2{font-size:clamp(36px,4.8vw,68px)}
.about-story-body{border-top:3px solid var(--lime);padding-top:26px}
.about-story-body p{font-size:17px;line-height:1.68;margin:0 0 21px}
.about-story-body .about-story-source{font-size:14px;color:#d2d2d2;margin-bottom:0}
.about-space{background:var(--black);color:var(--white);scroll-margin-top:86px}
.about-space-image{height:clamp(260px,38vw,520px);overflow:hidden;background:#222}
.about-space-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-space-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:clamp(40px,8vw,120px)}
.about-space .eyebrow{color:var(--cyan)}
.about-space-text p{font-size:17px;line-height:1.65;margin:0 0 22px}
.about-inline-link{display:inline-block;margin-top:6px;border-bottom:2px solid var(--lime);padding-bottom:5px;font-size:14px;font-weight:900}
.about-inline-link:hover{color:var(--lime)}
.about-values-heading{max-width:850px}
.about-values-heading>p:last-child{font-size:18px;line-height:1.55;max-width:650px;margin:26px 0 0}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px}
.about-value{border-top:1px solid #777;padding:23px 0 0}
.about-value-accent{display:block;width:46px;height:6px;background:var(--magenta);margin-bottom:30px}
.about-value:nth-child(2) .about-value-accent{background:var(--cyan)}
.about-value:nth-child(3) .about-value-accent{background:var(--lime)}
.about-value h3{font-family:LemonMilk,Montserrat,sans-serif;text-transform:uppercase;font-size:clamp(20px,2vw,29px);line-height:1.15;margin:0 0 16px}
.about-value p{font-size:15px;line-height:1.6;max-width:340px;margin:0}
.about-visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.78fr);gap:clamp(46px,8vw,120px);border-top:1px solid #555}
.about-visit-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin:26px 0 0}
.about-visit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:31px}
.about-outline-link{display:inline-flex;min-height:50px;align-items:center;border-bottom:2px solid var(--cyan);font-size:14px;font-weight:800}
.about-outline-link:hover{color:var(--cyan)}
.about-paths{align-self:center;border-top:1px solid #777}
.about-paths a{display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:end;padding:23px 0;border-bottom:1px solid #777}
.about-paths a span:first-child{grid-column:1/-1;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.13em}
.about-paths a strong{font-family:LemonMilk,Montserrat,sans-serif;text-transform:uppercase;font-size:clamp(19px,2vw,28px);line-height:1.2}
.about-paths a span:last-child{font-size:21px;color:var(--lime)}
.about-paths a:hover strong{color:var(--lime)}
@media(max-width:900px){.about-story,.about-space-content,.about-visit{grid-template-columns:1fr;gap:38px}.about-values-grid{gap:20px}}
@media(max-width:620px){.about-shell{padding:72px 20px}.about-intro-center,.about-intro-copy{height:calc(100svh - 76px);min-height:520px}.about-intro h1{font-size:clamp(37px,10vw,56px)}.about-intro-copy>p:not(.eyebrow){font-size:15px;margin-top:18px}.about-hero-actions{justify-content:center;gap:14px;margin-top:24px}.about-hero-actions .text-link{font-size:12px}.about-intro-hint{top:calc(100svh - 126px)}.motion-ready .about-intro-sides{width:24%;gap:5px}.motion-ready .about-intro-sides figcaption{left:6px;right:4px;bottom:6px;font-size:9px;overflow-wrap:anywhere}.motion-ready .about-intro-center>figcaption{font-size:9px;left:8px;bottom:8px}.about-story h2,.about-space h2,.about-values h2,.about-visit h2{font-size:clamp(34px,9vw,49px)}.about-story-body p,.about-space-text p{font-size:16px}.about-space-image{height:270px}.about-values-grid{grid-template-columns:1fr;gap:30px;margin-top:42px}.about-value-accent{margin-bottom:20px}.about-value p{max-width:400px}.about-visit{gap:38px}.about-paths a strong{font-size:21px}}
@media(max-width:360px){.about-intro h1{font-size:34px}.about-intro-copy .eyebrow{margin-bottom:12px}.about-intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.46;margin-top:14px}.about-hero-actions{gap:9px;margin-top:17px}.about-intro-copy .button{min-height:44px}}
@media(max-height:620px){.about-intro-hint{display:none}}
@media(prefers-reduced-motion:reduce){.about-paths a,.about-inline-link{transition:none}}