:is(#vr-scope,.vr-scope-value-bands){position:relative;display:block;overflow:hidden;overflow:clip;padding-top:var(--vr-vb-pt, 120px);padding-bottom:var(--vr-vb-pb, 120px);background:var(--vr-cream, #F2EDE0);color:var(--vr-brand-green);isolation:isolate;--vr-vb-num-w: 44px;--vr-vb-num-gap: clamp(16px, 1.8vw, 32px);--vr-vb-num-h: calc(var(--vr-fs-h2) * var(--vr-lh-h2));--vr-vb-gap: clamp(28px, 2.8vw, 44px);--vr-vb-switch: 1.2s cubic-bezier(.33, 0, .2, 1)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__media-col{position:relative;align-self:stretch;z-index:0}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__bg{position:absolute;top:0;left:50%;width:85%;transform:translate(-50%,-22%);z-index:-1;pointer-events:none}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__bg-img{width:100%;height:auto;display:block}vr-value-bands:defined .vr-vb__bg-img{opacity:0;transition:opacity 2.4s cubic-bezier(.33,0,.2,1)}vr-value-bands.is-bg-in .vr-vb__bg-img{opacity:1}@media(prefers-reduced-motion:reduce){vr-value-bands:defined .vr-vb__bg-img{transition:none}}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__inner{max-width:1600px;margin:0 auto;padding:0 clamp(16px,4vw,72px);display:grid;grid-template-columns:60fr 40fr;gap:clamp(40px,5vw,96px);align-items:start}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tiles{position:sticky;top:calc(var(--vr-fsbar-h, 0px) + 96px);display:grid;grid-template-columns:repeat(var(--vr-vb-count, 4),minmax(0,1fr));gap:var(--vr-gap-grid)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;margin:0;border:0;border-radius:8px;overflow:hidden;background:var(--vr-sand);cursor:pointer;font:inherit;color:inherit}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile:focus-visible{outline:var(--vr-focus-outline, 2px solid #332C0F);outline-offset:3px}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile:not(.is-active){background:transparent}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile .vr-vb__media{opacity:var(--vr-vb-dim, .5);transition:opacity var(--vr-vb-switch)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile.is-active .vr-vb__media{opacity:1}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__list{list-style:none;margin:0;padding:0}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__list li+li{margin-top:var(--vr-vb-gap)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item{position:relative;display:grid;grid-template-columns:var(--vr-vb-num-w) minmax(0,1fr);column-gap:var(--vr-vb-num-gap);align-items:start;width:100%;min-height:44px;padding:0;margin:0;border:0;background:none;text-align:left;color:var(--vr-brand-green);cursor:pointer;font:inherit}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item:focus-visible{outline:var(--vr-focus-outline, 2px solid #332C0F);outline-offset:6px;border-radius:2px}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__title,:is(#vr-scope,.vr-scope-value-bands) .vr-vb__line{grid-column:2;display:block;opacity:.4;transition:opacity var(--vr-vb-switch)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item:hover :is(.vr-vb__title,.vr-vb__line){opacity:.7}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item.is-active :is(.vr-vb__title,.vr-vb__line){opacity:1}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__num{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;height:var(--vr-vb-num-h);font-family:var(--font-heading-family);font-weight:400;font-size:var(--vr-fs-h3);letter-spacing:.04em;color:color-mix(in srgb,var(--vr-brand-green) 68%,var(--vr-cream));transition:color var(--vr-vb-switch)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item:hover .vr-vb__num{color:color-mix(in srgb,var(--vr-brand-green) 85%,var(--vr-cream))}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item.is-active .vr-vb__num{color:var(--vr-brand-green)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:var(--vr-fs-h2);line-height:var(--vr-lh-h2);letter-spacing:-.005em}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__line{margin-top:6px;font-family:var(--font-body-family);font-weight:300;font-size:var(--vr-fs-body);line-height:1.5}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__rule{position:absolute;top:calc(var(--vr-vb-num-h) + 8px);bottom:calc(8px - var(--vr-vb-gap));left:calc(var(--vr-vb-num-w) / 2);width:2px;margin-left:-1px;background:var(--vr-sand);overflow:hidden;pointer-events:none}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vr-brand-green);transform:scaleY(0);transform-origin:center top}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__item.is-active .vr-vb__fill{transform:scaleY(1)}:is(#vr-scope,.vr-scope-value-bands).is-autoplay .vr-vb__item.is-active .vr-vb__fill{transform:scaleY(0)}:is(#vr-scope,.vr-scope-value-bands).is-autoplay .vr-vb__fill.is-running{animation:vr-vb-fill var(--vr-vb-duration, 5s) linear forwards}:is(#vr-scope,.vr-scope-value-bands).is-paused .vr-vb__fill.is-running{animation-play-state:paused}@keyframes vr-vb-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__body{max-width:46ch;margin-left:calc(var(--vr-vb-num-w) + var(--vr-vb-num-gap));margin-top:clamp(32px,3.2vw,48px);font-family:var(--font-body-family);font-weight:400;font-size:var(--vr-fs-body);line-height:1.5;letter-spacing:.005em;color:var(--vr-brand-green)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__body p{margin:0}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__body p+p{margin-top:.8em}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__cta{margin-top:clamp(32px,3.2vw,48px);margin-left:calc(var(--vr-vb-num-w) + var(--vr-vb-num-gap))}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__body+.vr-vb__cta{margin-top:24px}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__cta .vr-btn{min-height:54px;padding-inline:32px}@media(max-width:749px){:is(#vr-scope,.vr-scope-value-bands){padding-top:min(var(--vr-vb-pt, 120px),var(--vr-section-y));padding-bottom:min(var(--vr-vb-pb, 120px),var(--vr-section-y))}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__inner{grid-template-columns:1fr;gap:40px}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__bg{top:45%;width:90%;opacity:.6}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tiles{display:block;position:relative;top:auto;aspect-ratio:4 / 5;border-radius:8px;overflow:hidden}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;height:100%;border-radius:0;opacity:0;visibility:hidden;transition:opacity var(--motion-grand, .75s) var(--ease-settle, ease),visibility 0s linear var(--motion-grand, .75s)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile.is-active{opacity:1;visibility:visible;transition:opacity var(--motion-grand, .75s) var(--ease-settle, ease)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile .vr-vb__media{opacity:1}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__title{font-size:var(--vr-fs-h2)}:is(#vr-scope,.vr-scope-value-bands) .vr-vb__line{font-size:var(--vr-fs-body)}}@media(prefers-reduced-motion:reduce){:is(#vr-scope,.vr-scope-value-bands) .vr-vb__tile,:is(#vr-scope,.vr-scope-value-bands) .vr-vb__media,:is(#vr-scope,.vr-scope-value-bands) .vr-vb__title,:is(#vr-scope,.vr-scope-value-bands) .vr-vb__line,:is(#vr-scope,.vr-scope-value-bands) .vr-vb__num{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vr-value-bands.css.map */