[data-quadguard-scroll-story]{position:relative;display:block;width:100%;color:var(--quadguard-scroll-text);background:var(--quadguard-scroll-background);overflow:clip;isolation:isolate}[data-quadguard-scroll-story] .quadguard-scroll-stage{position:relative;width:100%}[data-quadguard-scroll-story] .quadguard-scroll-scenes{position:relative;width:min(1380px,calc(100% - clamp(32px,7vw,112px)));margin:0 auto;padding:clamp(64px,8vw,112px) 0 clamp(72px,9vw,128px)}[data-quadguard-scroll-story] .quadguard-scroll-scenes-sticky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);width:100%}[data-quadguard-scroll-story] .quadguard-scroll-scene{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(23,23,26,.08);border-radius:clamp(18px,2vw,28px);background:#fff;box-shadow:0 18px 50px #23181c14}[data-quadguard-scroll-story] .quadguard-scroll-scene-layout{display:flex;min-height:100%;flex-direction:column}[data-quadguard-scroll-story] .quadguard-scroll-scene-media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#f7f7f8}[data-quadguard-scroll-story] .quadguard-scroll-scene-media picture,[data-quadguard-scroll-story] .quadguard-scroll-scene-image,[data-quadguard-scroll-story] .quadguard-scroll-placeholder,[data-quadguard-scroll-story] .quadguard-scroll-placeholder span,[data-quadguard-scroll-story] .quadguard-scroll-placeholder-svg{display:block;width:100%;height:100%}[data-quadguard-scroll-story] .quadguard-scroll-scene-image{object-fit:var(--quadguard-image-fit, contain);object-position:var(--quadguard-image-position, center)}[data-quadguard-scroll-story] .quadguard-scroll-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 62% 38%,rgba(229,72,93,.1),transparent 34%),linear-gradient(145deg,#fff,#f5f5f7)}[data-quadguard-scroll-story] .quadguard-scroll-placeholder span{width:62%;height:auto;aspect-ratio:1}[data-quadguard-scroll-story] .quadguard-scroll-placeholder-svg{fill:currentColor;opacity:.08}[data-quadguard-scroll-story] .quadguard-scroll-scene-content{flex:1;padding:clamp(20px,2.2vw,30px)}[data-quadguard-scroll-story] .quadguard-scroll-eyebrow,[data-quadguard-scroll-story] .quadguard-scroll-progress-label,[data-quadguard-scroll-story] .quadguard-scroll-node-number{margin:0;color:var(--quadguard-scroll-path);font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:.14em}[data-quadguard-scroll-story] .quadguard-scroll-scene-heading,[data-quadguard-scroll-story] .quadguard-scroll-path-heading{margin:12px 0 0;color:inherit;font-family:var(--font-heading-family, inherit);font-size:clamp(2.4rem,2.4vw,4rem);font-weight:750;line-height:1;letter-spacing:0;text-wrap:balance}[data-quadguard-scroll-story] .quadguard-scroll-scene-text{margin:14px 0 0;color:color-mix(in srgb,var(--quadguard-scroll-text) 72%,transparent);font-size:clamp(1.35rem,1.05vw,1.6rem);line-height:1.5}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scenes{width:100%;height:398vh;height:398svh;margin:0;padding:0}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scenes-sticky{position:sticky;top:0;display:block;width:100%;height:100vh;height:100svh;min-height:620px;overflow:hidden}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100svh;min-height:620px;margin:0;overflow:hidden;border:0;border-top:1px solid rgba(23,23,26,.055);border-radius:0;background:var(--quadguard-scroll-background);box-shadow:none;visibility:visible;opacity:1;contain:layout paint;will-change:transform}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene--1{z-index:1}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene--2{z-index:2;visibility:hidden}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene--3{z-index:3;overflow:hidden;visibility:hidden}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;gap:clamp(44px,6vw,104px);width:min(1380px,calc(100% - clamp(48px,8vw,128px)));height:100%;margin:0 auto}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-media{height:min(68vh,760px);aspect-ratio:auto;border:1px solid rgba(23,23,26,.08);border-radius:clamp(22px,2.2vw,32px);box-shadow:0 14px 36px #23181c12}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-content{padding:0}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-heading{font-size:clamp(4.2rem,5vw,7.4rem)}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-scenes{height:auto}[data-quadguard-scroll-story] .quadguard-scroll-path-scroll{position:relative;height:var(--quadguard-scroll-height);min-height:420vh}[data-quadguard-scroll-story] .quadguard-scroll-path-panel{position:sticky;top:0;width:100%;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--quadguard-scroll-path) 5%,transparent),transparent 56%),var(--quadguard-scroll-background)}[data-quadguard-scroll-story] .quadguard-scroll-path-heading-wrap{position:absolute;z-index:4;top:clamp(42px,6vh,68px);left:clamp(5%,8vw,12%);width:min(500px,34vw);text-align:left;pointer-events:none}[data-quadguard-scroll-story] .quadguard-scroll-path-heading{margin-top:8px;font-size:clamp(2.6rem,3.2vw,4.6rem)}[data-quadguard-scroll-story] .quadguard-scroll-path-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}[data-quadguard-scroll-story] .quadguard-scroll-path-svg--mobile{display:none}[data-quadguard-scroll-story] .quadguard-scroll-motion-path{fill:none;stroke:var(--quadguard-scroll-path);stroke-width:2;stroke-linecap:round;stroke-dasharray:8 12;vector-effect:non-scaling-stroke;opacity:.34}[data-quadguard-scroll-story] .quadguard-scroll-path-object{position:absolute;z-index:3;top:0;left:0;display:grid;place-items:center;width:clamp(64px,6.5vw,96px);aspect-ratio:1;opacity:0;pointer-events:none;will-change:transform,opacity}[data-quadguard-scroll-story] .quadguard-scroll-bee,[data-quadguard-scroll-story] .quadguard-scroll-path-object-media,[data-quadguard-scroll-story] .quadguard-scroll-path-object-image{display:block;width:100%;height:100%}[data-quadguard-scroll-story] .quadguard-scroll-bee,[data-quadguard-scroll-story] .quadguard-scroll-path-object-media{transform-origin:center;will-change:transform}[data-quadguard-scroll-story] .quadguard-scroll-path-object-media{overflow:hidden;border-radius:14px}[data-quadguard-scroll-story] .quadguard-scroll-path-object-image{object-fit:contain}[data-quadguard-scroll-story] .quadguard-scroll-node{position:absolute;z-index:5;width:min(calc(var(--quadguard-node-max-width) * 1.18),48vw);opacity:0;visibility:hidden;pointer-events:none}[data-quadguard-scroll-story] .quadguard-scroll-node--1{top:20%;right:clamp(5%,8vw,12%)}[data-quadguard-scroll-story] .quadguard-scroll-node--2{top:39%;left:clamp(5%,8vw,12%)}[data-quadguard-scroll-story] .quadguard-scroll-node--3{right:clamp(5%,8vw,12%);bottom:7%}[data-quadguard-scroll-story] .quadguard-scroll-node--left{right:auto;left:clamp(5%,8vw,12%)}[data-quadguard-scroll-story] .quadguard-scroll-node--right{right:clamp(5%,8vw,12%);left:auto}[data-quadguard-scroll-story] .quadguard-scroll-node-card{display:grid;grid-template-columns:minmax(140px,46%) minmax(0,1fr);align-items:center;gap:clamp(12px,1.4vw,20px);padding:clamp(12px,1.2vw,16px);border:1px solid color-mix(in srgb,var(--quadguard-scroll-path) 14%,#dedee3);border-radius:20px;background:color-mix(in srgb,var(--quadguard-scroll-background) 98%,#ffffff);box-shadow:0 10px 28px #23181c11}[data-quadguard-scroll-story] .quadguard-scroll-node-media{width:100%;aspect-ratio:1;overflow:hidden;border-radius:14px;background:#f5f5f7}[data-quadguard-scroll-story] .quadguard-scroll-node-media picture,[data-quadguard-scroll-story] .quadguard-scroll-node-image,[data-quadguard-scroll-story] .quadguard-scroll-node-placeholder,[data-quadguard-scroll-story] .quadguard-scroll-node-placeholder-svg{display:block;width:100%;height:100%}[data-quadguard-scroll-story] .quadguard-scroll-node-image{object-fit:contain;object-position:var(--quadguard-node-image-position, center)}[data-quadguard-scroll-story] .quadguard-scroll-node-placeholder{background:linear-gradient(145deg,#fff,#f1f1f4)}[data-quadguard-scroll-story] .quadguard-scroll-node-placeholder-svg{fill:currentColor;opacity:.08}[data-quadguard-scroll-story] .quadguard-scroll-node-copy{min-width:0}[data-quadguard-scroll-story] .quadguard-scroll-node-heading{margin:7px 0 0;color:inherit;font-family:var(--font-heading-family, inherit);font-size:clamp(1.7rem,1.55vw,2.5rem);font-weight:720;line-height:1.05;letter-spacing:0}[data-quadguard-scroll-story] .quadguard-scroll-node-text{margin:9px 0 0;color:color-mix(in srgb,var(--quadguard-scroll-text) 68%,transparent);font-size:clamp(1.2rem,1vw,1.5rem);line-height:1.42}[data-quadguard-scroll-story] .quadguard-scroll-progress-label{position:absolute;z-index:8;top:22px;left:clamp(16px,4vw,56px);pointer-events:none}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-path-scroll{height:auto;min-height:0}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-path-panel{position:relative;display:grid;gap:24px;height:auto;min-height:0;padding:92px 24px 64px}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-path-heading-wrap{position:relative;top:auto;left:auto;transform:none}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-path-svg{display:none}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-path-object{position:relative;inset:auto;display:grid;width:72px;margin:0 auto;opacity:1!important;visibility:visible!important;transform:none!important}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-node{position:relative;inset:auto;width:100%;opacity:1!important;visibility:visible!important;transform:none!important}@media screen and (max-width:749px){[data-quadguard-scroll-story] .quadguard-scroll-scenes{width:calc(100% - 28px);padding:48px 0 64px}[data-quadguard-scroll-story] .quadguard-scroll-scenes-sticky{grid-template-columns:1fr;gap:18px}[data-quadguard-scroll-story] .quadguard-scroll-scene{border-radius:20px}[data-quadguard-scroll-story] .quadguard-scroll-scene-media{aspect-ratio:4 / 5}[data-quadguard-scroll-story] .quadguard-scroll-scene-content{padding:18px}[data-quadguard-scroll-story] .quadguard-scroll-scene-heading{font-size:clamp(2.5rem,8vw,3.6rem)}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scenes{width:100%;height:374vh;height:374svh;padding:0}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scenes-sticky{height:100vh;height:100svh;min-height:560px}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene{height:100vh;height:100svh;min-height:560px;border-radius:0}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-layout{display:flex;width:100%;height:100%;gap:0}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-media{width:calc(100% - 28px);height:min(58svh,540px);min-height:300px;margin:clamp(48px,7vh,72px) auto 0;border-radius:20px}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-content{width:100%;padding:20px 22px 22px}[data-quadguard-scroll-story].is-opening-animation-ready .quadguard-scroll-scene-heading{font-size:clamp(3rem,10vw,4.6rem)}[data-quadguard-scroll-story] .quadguard-scroll-path-scroll{height:var(--quadguard-scroll-mobile-height, 340vh);min-height:340vh}[data-quadguard-scroll-story] .quadguard-scroll-path-panel{min-height:560px}[data-quadguard-scroll-story] .quadguard-scroll-path-heading-wrap{top:32px;left:50%;width:calc(100% - 36px);transform:translate(-50%);text-align:center}[data-quadguard-scroll-story] .quadguard-scroll-path-heading{font-size:clamp(2.2rem,7.2vw,3.2rem)}[data-quadguard-scroll-story] .quadguard-scroll-path-svg--desktop{display:none}[data-quadguard-scroll-story] .quadguard-scroll-path-svg--mobile{display:block}[data-quadguard-scroll-story] .quadguard-scroll-motion-path{stroke-width:1.5;stroke-dasharray:6 10;opacity:.28}[data-quadguard-scroll-story] .quadguard-scroll-path-object{width:clamp(52px,14vw,68px)}[data-quadguard-scroll-story] .quadguard-scroll-node{width:min(calc(var(--quadguard-node-max-width) * 1.08),76vw)}[data-quadguard-scroll-story] .quadguard-scroll-node--1{top:21%;right:4%}[data-quadguard-scroll-story] .quadguard-scroll-node--2{top:42%;left:4%}[data-quadguard-scroll-story] .quadguard-scroll-node--3{right:4%;bottom:12%;left:auto}[data-quadguard-scroll-story] .quadguard-scroll-node--left{right:auto;left:4%}[data-quadguard-scroll-story] .quadguard-scroll-node--right{right:4%;left:auto}[data-quadguard-scroll-story] .quadguard-scroll-node-card{grid-template-columns:minmax(94px,43%) minmax(0,1fr);gap:9px;padding:9px;border-radius:16px}[data-quadguard-scroll-story] .quadguard-scroll-node-media{border-radius:11px}[data-quadguard-scroll-story] .quadguard-scroll-node-heading{margin-top:5px;font-size:clamp(1.4rem,4.4vw,1.85rem)}[data-quadguard-scroll-story] .quadguard-scroll-node-text{margin-top:6px;font-size:clamp(1.1rem,3.2vw,1.28rem);line-height:1.34}[data-quadguard-scroll-story] .quadguard-scroll-progress-label{top:16px;left:14px}[data-quadguard-scroll-story].is-reduced-motion .quadguard-scroll-nodes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){[data-quadguard-scroll-story] *,[data-quadguard-scroll-story] *:before,[data-quadguard-scroll-story] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/quadguard-scroll-story.css.map */