.about-page{background:#eeeae2}.about-loader{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;color:#fff;background:#171513;transition:transform .85s cubic-bezier(.76,0,.24,1)}.about-loader span{display:grid;width:76px;height:76px;place-items:center;border:2px solid var(--red);border-radius:50%;font:52px var(--serif)}.about-loader.is-hidden{transform:translateY(-101%)}.about-header{position:absolute}.about-header .desktop-nav .current:after{transform:scaleX(1)}.about-home{display:none;font-size:10px;letter-spacing:.1em}.about-hero{position:relative;display:flex;min-height:100svh;align-items:flex-end;padding:190px 7.5vw 90px;color:#fff;background:#171513;overflow:hidden}.about-hero:before{position:absolute;right:16%;top:-18%;width:44vw;height:44vw;border:1px solid #393532;border-radius:50%;content:""}.about-hero__number{position:absolute;right:-2vw;top:5%;color:#211e1c;font:clamp(280px,45vw,670px)/.8 var(--serif);letter-spacing:-.12em;user-select:none}.about-hero__number span{color:#1e1b19}.about-hero__copy{position:relative;z-index:2;width:100%}.about-eyebrow{margin:0 0 28px;color:#85807a;font-size:9px;letter-spacing:.23em}.about-hero h1{margin:0;font:clamp(78px,11vw,165px)/.82 var(--serif);letter-spacing:-.04em}.about-hero h1 em{color:var(--red);font-weight:400}.about-lead{max-width:530px;margin:55px 0 0 42%;padding-left:26px;color:#aaa49e;font-size:14px;line-height:1.85;border-left:1px solid var(--red)}.about-scroll{position:absolute;right:7.5vw;bottom:60px;display:flex;align-items:center;gap:22px;color:#837e78;font-size:9px;letter-spacing:.14em}.about-scroll:after{position:absolute;right:8px;top:28px;width:1px;height:55px;background:#5a5550;content:""}.about-label{display:flex;align-items:center;gap:14px}.about-label span{display:grid;width:28px;height:28px;place-items:center;color:var(--red);border:1px solid var(--red);border-radius:50%;font-size:8px}.about-label p{margin:0;font-size:9px;letter-spacing:.2em}.about-label--light{color:#fff}.about-label--light span{color:#fff;border-color:#6e6862}.about-story{display:grid;grid-template-columns:1fr 3.3fr;gap:8vw;padding:150px 7.5vw}.about-story__content h2{margin:0;font:clamp(55px,7.5vw,115px)/.93 var(--serif)}.about-story__content h2 em,.approach h2 em{color:var(--red);font-weight:400}.about-story__text{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:75px}.about-story__text p{margin:0;color:#625d57;font-size:14px;line-height:1.95}.about-collage{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:auto auto;gap:5vw;padding:0 7.5vw 160px}.about-collage figure{margin:0;overflow:hidden}.about-collage img{width:100%;height:100%;object-fit:cover}.about-collage__large{grid-row:1/3;aspect-ratio:1.25/1}.about-collage__quote{align-self:end;padding:20px 0 45px;border-bottom:1px solid rgba(18,17,16,.25)}.about-collage__quote span{color:var(--red);font:70px/.7 var(--serif)}.about-collage__quote p{margin:15px 0 0;font:clamp(24px,2.7vw,40px)/1.3 var(--serif)}.about-collage__small{width:70%;aspect-ratio:4/5;justify-self:end}.approach{padding:140px 7.5vw;color:#fff;background:#161412}.approach>h2{margin:80px 0 110px;font:clamp(58px,8vw,125px)/.9 var(--serif)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.value{padding-top:22px;border-top:1px solid #403c38}.value>span{color:var(--red);font-size:9px}.value h3{margin:50px 0 20px;font:32px var(--serif)}.value p{margin:0;color:#938d87;font-size:12px;line-height:1.8}.about-timeline{padding:150px 7.5vw}.timeline-intro{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw;margin:70px 0 100px}.timeline-intro h2{margin:0;font:clamp(70px,10vw,150px)/.82 var(--serif)}.timeline-intro p{margin:0;color:#645f59;font-size:13px;line-height:1.9}.timeline-list{margin:0;padding:0;list-style:none}.timeline-list li{display:grid;grid-template-columns:1fr 3fr;padding:35px 0;border-top:1px solid rgba(18,17,16,.2)}.timeline-list li:last-child{border-bottom:1px solid rgba(18,17,16,.2)}.timeline-list time{font:30px var(--serif)}.timeline-list h3{margin:0 0 10px;font:34px var(--serif)}.timeline-list p{margin:0;color:#76706a;font-size:11px}.visit{display:grid;grid-template-columns:1fr 1fr;min-height:780px;color:#fff;background:#0e0d0c}.visit-art{overflow:hidden}.visit-art img{width:100%;height:100%;object-fit:cover}.visit-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.visit-copy>p{margin:0 0 45px;color:#77716b;font-size:9px;letter-spacing:.2em}.visit h2{margin:0;font:clamp(75px,9vw,140px)/.86 var(--serif)}.visit h2 span{color:var(--red)}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:70px 0 45px;padding-top:28px;border-top:1px solid #393633}.visit-details small{color:#706a65;font-size:8px;letter-spacing:.12em}.visit-details p{color:#aaa49e;font-size:11px;line-height:1.7}.visit-copy>a{display:flex;max-width:320px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #69635e;font-size:10px;letter-spacing:.08em}.about-footer{background:#090909}
@media(max-width:900px){.about-header .desktop-nav{display:none}.about-home{display:block}.about-hero{padding:160px 22px 85px}.about-hero:before{right:-30%;top:18%;width:90vw;height:90vw}.about-hero__number{right:-10%;top:18%;font-size:85vw}.about-hero h1{font-size:clamp(75px,19vw,125px)}.about-lead{max-width:82%;margin:45px 0 0 15%}.about-scroll{display:none}.about-story{display:block;padding:100px 22px}.about-story__content{margin-top:60px}.about-story__text{grid-template-columns:1fr;gap:30px;margin-top:55px}.about-collage{grid-template-columns:1fr;padding:0 22px 100px}.about-collage__large{grid-row:auto;aspect-ratio:4/5}.about-collage__quote{margin:30px 0}.about-collage__small{width:65%}.approach{padding:100px 22px}.approach>h2{margin:60px 0 80px}.values{grid-template-columns:1fr;gap:60px}.value h3{margin-top:30px}.about-timeline{padding:100px 22px}.timeline-intro{grid-template-columns:1fr;gap:45px;margin:60px 0 70px}.timeline-list li{grid-template-columns:80px 1fr}.visit{grid-template-columns:1fr}.visit-art{height:70vh}.visit-copy{padding:90px 22px}.visit h2{font-size:85px}}
@media(max-width:520px){.about-hero h1{font-size:72px}.about-lead{max-width:100%;margin-left:0}.about-story__content h2{font-size:53px}.approach>h2{font-size:58px}.timeline-intro h2{font-size:80px}.timeline-list li{grid-template-columns:65px 1fr}.timeline-list h3{font-size:27px}.visit h2{font-size:72px}.visit-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.about-loader{display:none}}