#scroll-demo-bg{z-index:-1;will-change:background-color;pointer-events:none;opacity:0;background-color:#0000;transition:background-color .15s linear;position:fixed;inset:0}#scroll-demo-bg.active{opacity:1}#scroll-progress{background:var(--color-green);z-index:1100;pointer-events:none;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.scroll-demo-wrapper{border-radius:var(--radius-xl);position:relative;overflow:hidden}.scroll-demo-section{color:#f3f1e8;position:relative}.scroll-demo-section .wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.scroll-demo-section section{padding-block:clamp(90px,14vh,190px)}.scroll-demo-section .sd-display{font-size:var(--t-display-1);letter-spacing:-.03em;font-weight:700;line-height:.94;font-family:var(--font-primary)}.scroll-demo-section .sd-h1{font-size:var(--t-headline-1);letter-spacing:-.03em;font-weight:700;line-height:.98;font-family:var(--font-primary)}.scroll-demo-section .sd-h2{font-size:var(--t-headline-2);letter-spacing:-.02em;font-weight:700;line-height:1.05;font-family:var(--font-primary)}.scroll-demo-section .sd-body-lg{font-size:var(--t-body);font-weight:400;line-height:1.45}.scroll-demo-section .sd-caption{font-family:var(--font-mono);font-size:var(--t-overline);letter-spacing:.14em;text-transform:uppercase;opacity:.6}.scroll-demo-section .sd-muted{opacity:.62}.sd-reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(28px)}.sd-reveal.seen{opacity:1;transform:none}.sd-reveal-stagger>.sd-reveal:nth-child(2){transition-delay:80ms}.sd-reveal-stagger>.sd-reveal:nth-child(3){transition-delay:.16s}.sd-line-mask{overflow:hidden}.sd-line-mask>*{transition:transform .9s var(--ease-out);display:block;transform:translateY(115%)}.sd-in .sd-line-mask>*{transform:translateY(0)}.sd-in .sd-line-mask:nth-child(2)>*{transition-delay:80ms}.sd-in .sd-line-mask:nth-child(3)>*{transition-delay:.16s}.scroll-demo-section .sd-hero{flex-direction:column;justify-content:flex-end;min-height:80vh;padding-bottom:clamp(56px,9vh,110px);display:flex}.sd-hero .sd-eyebrow{margin-bottom:2.2rem}.sd-hero .sd-display{max-width:18ch}.sd-hero .sd-display em{color:var(--color-green);font-style:normal}.sd-hero-meta{flex-wrap:wrap;gap:clamp(2rem,5vw,5rem);margin-top:3.4rem;display:flex}.sd-hero-meta>div{max-width:26ch}.sd-hero-meta .sd-caption{margin-bottom:.6rem}.cs-checkerboard-section{color:#f3f1e8;background:0 0;padding-block:clamp(90px,14vh,190px)}.cs-checkerboard{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.cs-cell{aspect-ratio:1;position:relative;overflow:hidden}.cs-cell--media>.sd-art{transition:transform .9s var(--ease-out);position:absolute;inset:0}.cs-cell--media:hover>.sd-art{transform:scale(1.04)}.cs-cell--text{flex-direction:column;justify-content:center;gap:12px;padding:clamp(20px,2.6vw,44px);display:flex}.cs-checkerboard .cs-cell--text .sd-h2{margin:0;font-size:clamp(20px,1.9vw,30px);line-height:1.15}.cs-checkerboard .cs-cell--text .sd-body-lg{margin:0;font-size:clamp(13px,1.05vw,16px);line-height:1.5}@media (max-width:1023px){.cs-checkerboard{grid-template-columns:repeat(2,1fr)}}.scroll-demo__footer{border-top:1px solid #ffffff29;padding-block:clamp(60px,8vh,110px)}.scroll-demo__footer-grid{grid-template-columns:1fr;gap:2.4rem;display:grid}.scroll-demo__footer-grid h4{font-family:var(--font-mono);font-size:var(--t-overline);letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:1.1rem;font-weight:500}.scroll-demo__footer-grid a{color:inherit;opacity:.85;transition:opacity .3s var(--ease-io);padding:.28rem 0;text-decoration:none;display:block}.scroll-demo__footer-grid a:hover{opacity:1}.scroll-demo__footer-bottom{flex-direction:column;gap:1rem;margin-top:clamp(3rem,8vh,6rem);display:flex}.sd-section-border{border-top:1px solid #ffffff29}.scroll-demo-section ::selection{background:var(--color-green);color:var(--color-gray-900)}@media (max-width:640px){.scroll-demo__footer-grid{grid-template-columns:1fr!important}}@media (min-width:640px){.scroll-demo-section .scroll-demo__footer-grid{gap:2rem;grid-template-columns:1fr 1fr!important}.scroll-demo__footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.scroll-demo-section .scroll-demo__footer-grid{gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr!important}}@media (prefers-reduced-motion:reduce){.sd-reveal{opacity:1!important;transform:none!important}.sd-line-mask>*{transform:none!important}#scroll-demo-bg{transition:none!important}}