.about-scroll{--transition: 1.8s cubic-bezier(.4, 0, .2, 1)}.full-width-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.about-scroll__stage{position:relative}.about-scroll__image-panel{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;z-index:0}.about-scroll__image-wrap{position:relative;width:100%;height:100%}.about-scroll__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:none;will-change:opacity}.about-scroll__image.is-active{opacity:1}.about-scroll__image.is-ready{transition:opacity var(--transition)}.about-scroll__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-scroll__text-column{position:relative;z-index:1;margin-top:-100vh;pointer-events:none}.about-scroll__panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(40px,8vw,80px) clamp(20px,5vw,40px);pointer-events:none;opacity:0;transition:opacity var(--transition);will-change:opacity}.about-scroll__panel.is-active{opacity:1}.about-scroll__eyebrow{font-family:var(--heading-font-stack);font-size:clamp(.65rem,1.5vw,.75rem);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;color:#000000b3}.about-scroll__heading{font-family:var(--heading-font-stack);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:var(--heading-capitalize);letter-spacing:var(--heading-letterspacing);font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;margin:0 0 1.25rem;color:#000;max-width:16ch;margin-left:auto;margin-right:auto;text-shadow:0 2px 12px rgba(255,255,255,.3)}.about-scroll__body{font-family:var(--main-font-stack);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.8;color:#000000d9;max-width:38ch;margin-left:auto;margin-right:auto;text-shadow:0 1px 6px rgba(255,255,255,.4)}.about-scroll__body p{margin:0 0 1em}.about-scroll__body p:last-child{margin-bottom:0}.about-scroll__cta{display:inline-block;margin-top:2rem;padding:12px 32px;border:2px solid #000;font-family:var(--heading-font-stack);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#000;pointer-events:all;transition:background .25s,color .25s}.about-scroll__cta:hover{background:#000;color:#fff}@media(max-width:768px){.about-scroll__panel{min-height:100svh;padding:48px 24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/about-scroll.css.map */