[class*=scrollstory-section-]{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ss-stack-reveal{position:relative;z-index:2;background:rgb(var(--color-background))}[class*=scrollstory-section-] .container{max-width:1400px;margin:0 auto;padding:0 20px}.ss_top_heading{padding:32px 0 16px}.ss_top_heading h2{font-size:clamp(26px,4vw,46px);text-transform:var(--text-transform, none);line-height:1.25;max-width:900px;margin:0 auto;text-align:center;color:currentColor}.heading--center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ss{display:block;position:relative;height:calc(var(--card-count, 1) * var(--scroll-length, 90vh))}.ss_pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:stretch;overflow:hidden;isolation:isolate}.ss_left{position:relative;z-index:2;flex:0 0 50%;max-width:50%;padding:0 0 0 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ss_copy{position:relative;z-index:1;font-size:clamp(24px,2.8vw,40px);text-transform:uppercase;line-height:1.3;max-width:480px;margin:0;text-align:left;color:currentColor}.ss_cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.ss_card{position:absolute;top:50%;left:16%;width:min(250px,22vw);background:#fff;padding:12px 12px 20px;border-radius:4px;box-shadow:0 20px 40px #0000002e;will-change:transform;pointer-events:auto}.ss_card.is-left{left:16%}.ss_card.is-right{left:84%}.ss_card_img{position:relative;border-radius:2px;overflow:hidden;background:#eee}.ss_card_img.ratio{aspect-ratio:1 / 1}.ss_card_img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ss_card p{margin:14px 0 0;font-weight:700;font-size:15px;color:#6d4b5c;transform:rotate(-2deg)}.ss_card a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ss_right{flex:0 0 50%;max-width:50%;position:relative;z-index:1}.ss_image{position:absolute;top:0;left:0;bottom:0;right:36px;border-radius:0 var(--ss-image-radius, 8px) var(--ss-image-radius, 8px) 0;overflow:hidden}.ss_image img,.ss_image_tag{width:100%;height:100%;object-fit:cover;display:block}.ss_right[data-display=portrait],.ss_right[data-display=square],.ss_right[data-display=landscape],.ss_right[data-display=natural]{display:flex;align-items:center;justify-content:center;padding:40px 48px 40px 24px}.ss_right[data-display=landscape]{padding:20px 50px 20px 8px}.ss_right[data-display=portrait] .ss_image,.ss_right[data-display=square] .ss_image,.ss_right[data-display=landscape] .ss_image,.ss_right[data-display=natural] .ss_image{position:static;inset:auto;right:auto;width:100%;height:auto;max-height:100%;border-radius:var(--ss-image-radius, 8px);box-shadow:0 20px 50px #0003}.ss_right[data-display=portrait] .ss_image{aspect-ratio:3 / 4}.ss_right[data-display=square] .ss_image{aspect-ratio:1 / 1}.ss_right[data-display=landscape] .ss_image{aspect-ratio:16 / 9}.ss_right[data-display=natural] .ss_image{aspect-ratio:auto}.ss_right[data-display=natural] .ss_image img,.ss_right[data-display=natural] .ss_image_tag{height:auto;object-fit:contain}.ss_btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease}.ss_btn--primary{padding:13px 30px;border-radius:999px;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ss_btn--primary:hover{opacity:.85}.ss_btn--secondary{padding:13px 30px;border-radius:999px;border:1px solid currentColor;background:transparent;color:currentColor}.ss_btn--secondary:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.ss_btn--link{padding:0;border:none;border-radius:0;background:transparent;color:currentColor;text-decoration:underline;text-underline-offset:4px}.ss_btn--link:hover{opacity:.7}@media screen and (max-width:989px){.ss_top_heading{padding:40px 0 10px}.ss{height:calc(var(--card-count, 1) * min(var(--scroll-length, 90vh),42vh))}.ss_pin{flex-direction:column;top:var(--header-height, 60px);height:calc(100vh - var(--header-height, 60px));height:calc(100svh - var(--header-height, 60px))}.ss_right{order:-1;flex:0 0 40vh;max-width:100%;padding:0!important;display:block!important;z-index:auto}.ss_image{position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important}.ss_image img,.ss_image_tag{width:100%;height:100%;object-fit:cover!important}.ss_left{flex:0 0 auto;max-width:100%;padding:24px 20px 16px;justify-content:flex-start;align-items:center;text-align:center}.ss_copy{max-width:100%;text-align:center;margin:0 auto}.ss_card{width:min(220px,64vw)}.ss_card.is-left{left:30%}.ss_card.is-right{left:70%}}@media screen and (max-width:480px){.ss_right{flex-basis:34vh}.ss_left{padding:16px 14px 12px}.ss_card{width:min(190px,66vw);padding:10px 10px 16px}.ss_card.is-left{left:33%}.ss_card.is-right{left:67%}.ss_card p{font-size:14px}}.ss.ss-reduced-motion{height:auto}.ss.ss-reduced-motion .ss_pin{position:static;height:auto;flex-direction:column;overflow:visible;isolation:auto}.ss.ss-reduced-motion .ss_left,.ss.ss-reduced-motion .ss_right{flex:none;max-width:100%}.ss.ss-reduced-motion .ss_right{order:-1;height:46vh;min-height:260px;z-index:auto}.ss.ss-reduced-motion .ss_image{position:relative!important;inset:auto;right:auto;width:100%;height:100%;max-height:none;aspect-ratio:auto!important;border-radius:0;box-shadow:none}.ss.ss-reduced-motion .ss_image img,.ss.ss-reduced-motion .ss_image_tag{width:100%;height:100%;object-fit:cover!important}.ss.ss-reduced-motion .ss_left{padding:32px 20px 8px}.ss.ss-reduced-motion .ss_copy{max-width:100%;text-align:center;margin:0 auto 24px}.ss.ss-reduced-motion .ss_cards{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 40px}.ss.ss-reduced-motion .ss_card{position:static;width:100%;left:auto;top:auto;transform:none!important}.ss_subtext{position:relative;z-index:1;font-size:var(--ss-subtext-size, 16px);letter-spacing:.05rem;color:currentColor;line-height:1.5;max-width:480px;margin:12px 0 0;text-align:left}@media screen and (max-width:989px){.ss_subtext{max-width:100%;text-align:center;margin:8px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-scrolling-images.css.map */