.hyde-scroll-story{--hyde-chapter-height: 280vh;background:#fff}.hyde-scroll-story__intro{padding:clamp(3rem,8vw,5rem) var(--section-inline-sm, 1.25rem) clamp(2rem,5vw,3rem);text-align:center;max-width:min(44rem,100%);margin-inline:auto}.hyde-scroll-story__intro-eyebrow{margin:0 0 .75rem;font-family:var(--font-body);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:#1b32468c}.hyde-scroll-story__intro-title{margin:0;font-family:var(--font-heading);font-size:clamp(2rem,7vw,3.75rem);font-weight:400;line-height:1.02;color:var(--color-brand, #1b3246)}.hyde-scroll-story__intro-text{margin:1rem 0 0;font-family:var(--font-body);font-size:clamp(1rem,2.6vw,1.125rem);line-height:1.45;color:#1b3246b8}.hyde-scroll-story__chapter{--chapter-bg: #faf0de;--chapter-progress: 0;position:relative;height:var(--hyde-chapter-height);background:var(--chapter-bg)}.hyde-scroll-story__pin{position:sticky;top:var(--rabitat-header-height, 106px);height:calc(100vh - var(--rabitat-header-height, 106px));min-height:32rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:clamp(1rem,3vw,2rem) var(--section-inline-sm, 1.25rem);overflow:hidden}.hyde-scroll-story__media{display:flex;align-items:center;justify-content:center;height:100%;min-height:0}.hyde-scroll-story__media img{width:auto;height:min(78vh,100%);max-height:100%;max-width:min(100%,28rem);object-fit:contain;object-position:center;will-change:transform;transform:translateY(calc((1 - var(--chapter-progress, 0)) * 12px));transition:transform .1s linear}.hyde-scroll-story__media-placeholder{width:min(70%,18rem);aspect-ratio:3 / 4;background:linear-gradient(160deg,#ffffff73,#1b324614)}.hyde-scroll-story__copy{position:relative;height:min(70vh,28rem);min-height:16rem}.hyde-scroll-story__chapter-head{margin-bottom:clamp(1.25rem,3vw,2rem)}.hyde-scroll-story__eyebrow{margin:0 0 .5rem;font-family:var(--font-body);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#1b32468c}.hyde-scroll-story__chapter-title{margin:0;font-family:var(--font-heading);font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:400;line-height:1.05;color:#1b3246}.hyde-scroll-story__steps{position:relative;height:calc(100% - 5.5rem)}.hyde-scroll-story__step{--step-opacity: 0;--step-shift: 28px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:.65rem;opacity:var(--step-opacity);transform:translate3d(0,calc(var(--step-shift) * 1px),0);pointer-events:none}.hyde-scroll-story__step-headline{margin:0;font-family:var(--font-heading);font-size:clamp(1.35rem,3.5vw,2rem);font-weight:400;line-height:1.08;color:#1b3246}.hyde-scroll-story__step-text{margin:0;font-family:var(--font-body);font-size:clamp(.95rem,2.4vw,1.0625rem);line-height:1.45;color:#1b3246c7;max-width:28rem}.hyde-scroll-story__progress{position:absolute;left:var(--section-inline-sm, 1.25rem);bottom:1.25rem;display:flex;gap:.35rem}.hyde-scroll-story__progress-dot{width:.35rem;height:.35rem;border-radius:999px;background:#1b324633;transform:scale(1);transition:transform .2s ease,background .2s ease}.hyde-scroll-story__chapter[data-active-step="0"] .hyde-scroll-story__progress-dot:nth-child(1),.hyde-scroll-story__chapter[data-active-step="1"] .hyde-scroll-story__progress-dot:nth-child(2),.hyde-scroll-story__chapter[data-active-step="2"] .hyde-scroll-story__progress-dot:nth-child(3),.hyde-scroll-story__chapter[data-active-step="3"] .hyde-scroll-story__progress-dot:nth-child(4){background:#1b3246;transform:scale(1.35)}@media(max-width:768px){.hyde-scroll-story{--hyde-chapter-height: 320vh}.hyde-scroll-story__pin{grid-template-columns:1fr;grid-template-rows:minmax(14rem,42vh) 1fr;align-items:start;padding-top:.75rem}.hyde-scroll-story__media{height:auto}.hyde-scroll-story__media img{height:min(38vh,20rem);max-width:100%}.hyde-scroll-story__chapter--size .hyde-scroll-story__pin{grid-template-rows:auto 1fr;gap:.75rem}.hyde-scroll-story__chapter--size .hyde-scroll-story__media{width:calc(100% + (var(--section-inline-sm, 1.25rem) * 2));max-width:none;margin-inline:calc(var(--section-inline-sm, 1.25rem) * -1)}.hyde-scroll-story__chapter--size .hyde-scroll-story__media img{width:100%;height:auto;max-height:none}.hyde-scroll-story__copy{height:auto;min-height:14rem}.hyde-scroll-story__steps{height:12rem}.hyde-scroll-story__progress{position:static;margin-top:1rem}}@media(min-width:769px){.hyde-scroll-story__pin{padding-inline:var(--section-inline, 55px);max-width:min(1440px,100%);margin-inline:auto}.hyde-scroll-story__intro{padding-inline:var(--section-inline, 55px)}}.hyde-scroll-story__chapter--size .hyde-scroll-story__pin{position:sticky}.hyde-scroll-story__media--size{position:relative;z-index:1;width:100%;height:auto;min-height:0;align-self:center}.hyde-scroll-story__size-frame{position:relative;width:100%;line-height:0}.hyde-scroll-story__chapter--size .hyde-scroll-story__image,.hyde-scroll-story__chapter--size .hyde-scroll-story__media img{display:block;width:100%;height:auto;max-width:100%;max-height:calc(100vh - var(--rabitat-header-height, 106px) - 4rem);object-fit:contain;transform:none}.hyde-scroll-story__media-placeholder--size{width:100%;aspect-ratio:1 / 1}.hyde-features-scroll__sizes{position:absolute;top:4%;right:35px;width:80%;z-index:3;pointer-events:none;text-align:right;line-height:1.2}.hyde-features-scroll__size-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hyde-features-scroll__size-label{position:absolute;font-family:var(--font-heading);font-size:15px;line-height:1;color:#1b3246}.hyde-features-scroll__size-label--left{top:25%;left:23%}.hyde-features-scroll__size-label--right{top:35%;right:16%}.hyde-scroll-story__chapter--size .hyde-scroll-story__chapter-head--size .hyde-scroll-story__eyebrow{margin-bottom:0}.hyde-scroll-story__size-subtitle{margin:.35rem 0 0;font-family:var(--font-heading);font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:400;line-height:1.2;color:#1b3246}@media(min-width:769px){.hyde-scroll-story__chapter--size .hyde-scroll-story__media--size{justify-content:flex-start}.hyde-scroll-story__chapter--size .hyde-scroll-story__size-frame{max-width:min(100%,36rem)}}@media(prefers-reduced-motion:reduce){.hyde-scroll-story__media img,.hyde-scroll-story__step{transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/283/assets/hyde-scroll-story.css.map */