.about-cover{isolation:isolate;color:#fff;background:#272620;align-items:end;min-height:clamp(500px,76svh,790px);display:grid;position:relative;overflow:hidden}.about-cover>img{object-fit:cover;object-position:62% 47%;filter:grayscale(.85)brightness(.72)}.about-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0c0bcc 0%,#0c0c0b46 56%,#0c0c0b00 100%),linear-gradient(#0000 50%,#0c0c0b8f);position:absolute;inset:0}.about-cover-content{z-index:1;padding-block:55px 39px;position:relative}.about-cover h1{letter-spacing:-.095em;margin:24px 0 29px -.055em;font-size:clamp(88px,13vw,218px);line-height:.84}.about-cover-foot{justify-content:space-between;align-items:center;gap:15px;display:flex}.about-cover-foot p{font-size:clamp(16px,2.1vw,26px);line-height:1.3}.story-scroll{color:#fff;border:1px solid #ffffffa8;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,color .2s;display:grid}.story-scroll svg{transform:rotate(90deg)}.story-scroll:hover{color:var(--ink);background:#fff}.about-intro{grid-template-columns:minmax(125px,.34fr) 1fr;gap:28px;padding-block:clamp(64px,10vw,158px);scroll-margin-top:15px;display:grid}.about-intro .eyebrow{padding-top:9px}.about-intro h2{letter-spacing:-.085em;max-width:900px;font-size:clamp(45px,6.65vw,108px);line-height:.94}.club-story{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(42px,9vw,160px);margin-bottom:clamp(62px,10vw,142px);display:grid}.story-visual{margin:0;position:sticky;top:clamp(20px,9svh,100px)}.story-photo,.story-mobile-photo{background:var(--stone);position:relative;overflow:hidden}.story-photo{height:min(70svh,740px);min-height:390px}.story-photo img,.story-mobile-photo img{object-fit:cover}.story-photo img{opacity:0;transition:opacity .5s,transform .8s cubic-bezier(.2,.7,.3,1);transform:scale(1.035)}.story-photo img[data-active=true]{opacity:1;transform:scale(1)}.story-caption{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-block:14px;display:flex}.story-steps{gap:5px;display:flex}.story-steps span{background:var(--line);width:24px;height:2px;transition:background .2s;display:block}.story-steps span[data-active=true]{background:var(--ink)}.story-chapter{border-top:1px solid var(--line);align-items:center;min-height:77svh;padding-block:30px;display:flex}.story-chapter:last-child{border-bottom:1px solid var(--line)}.story-mobile-photo{display:none}.story-copy h2{letter-spacing:-.079em;max-width:560px;margin:16px 0 19px;font-size:clamp(36px,5vw,77px);line-height:.94}.story-copy>p:last-child{color:var(--muted);max-width:370px;font-size:clamp(15px,1.4vw,19px);line-height:1.6}.about-end{background:var(--ink);color:#fff;padding-block:clamp(54px,8.5vw,122px)}.about-end-inner{justify-content:space-between;align-items:flex-end;gap:26px;display:flex}.about-end h2{letter-spacing:-.095em;margin-top:16px;font-size:clamp(58px,10vw,157px);line-height:.86}.about-end .button{color:var(--ink);background:#fff;margin-bottom:4px}.about-end .button:hover{background:var(--stone)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.story-copy,.about-intro h2{animation:linear both story-enter;animation-timeline:view();animation-range:entry cover 28%}}}@keyframes story-enter{0%{opacity:.63;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:760px),(prefers-reduced-motion:reduce){.club-story{display:block}.story-visual{display:none}.story-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;min-height:auto;padding-block:22px;display:grid}.story-mobile-photo{aspect-ratio:4/4.3;display:block}.story-copy{align-self:center}}@media (max-width:600px){.about-cover{min-height:clamp(500px,74svh,690px)}.about-cover>img{object-position:55% 50%}.about-cover-content{padding-bottom:25px}.about-cover h1{margin-block:17px 21px;font-size:clamp(76px,18vw,110px)}.about-intro{grid-template-columns:1fr;gap:13px}.about-intro .eyebrow{padding-top:0}.story-chapter{grid-template-columns:1fr;gap:0;padding-block:17px 33px}.story-copy{padding-top:24px}.about-end-inner{flex-direction:column;align-items:flex-start}}
