.vh-duo-panels{--vh-edge-gutter: var(--vh-edge-thin, var(--vh-edge));--vh-inter-gap: var(--vh-gap);--vh-panel-radius: var(--vh-radius);--vh-overlay-rgb: 14 8 26;--_pad-block: clamp(12px, 2vw, 24px);--_cols: 2;--vh-panel-minh: clamp(520px, 56vh, 700px);background:var(--vh-paint, var(--vh-surface));padding-block:var(--_pad-block);color:var(--vh-ink)}.vh-duo-panels--one{--_cols: 1}.vh-duo-panels--three{--_cols: 3}.vh-duo-panels--panel_text{--_cols: 2}.vh-duo-panels--full{--vh-edge-gutter: 0px;--vh-inter-gap: 2px;--vh-panel-radius: 0px;--_pad-block: 0px}.vh-duo-panels--h-tall{--vh-panel-minh: clamp(600px, 76vh, 880px)}.vh-duo-panels--h-screen{--vh-panel-minh: calc(100vh - 2 * var(--_pad-block))}@supports (height: 100svh){.vh-duo-panels--h-screen{--vh-panel-minh: calc(100svh - 2 * var(--_pad-block))}}.vh-duo-panels__inner{padding-inline:var(--vh-edge-gutter);max-width:1680px;margin-inline:auto}.vh-duo-panels--full .vh-duo-panels__inner{max-width:none}.vh-duo-panels__grid{display:grid;grid-template-columns:1fr;gap:var(--vh-inter-gap);max-width:1200px;margin-inline:auto}.vh-duo-panels--full .vh-duo-panels__grid{max-width:none}@media(min-width:900px){.vh-duo-panels__grid{grid-template-columns:repeat(var(--_cols),minmax(0,1fr))}.vh-duo-panels--text-left .vh-duo-panels__text{order:-1}.vh-duo-panels--panel_text .vh-duo-panels__panel{block-size:auto}}.vh-duo-panels__panel{--vh-cta-bg: rgb(255 255 255 / .08);--vh-cta-bg-hover: rgb(255 255 255 / .15);--vh-cta-fg: #FFFFFF;--vh-glass-hairline: inset 0 1px 0 rgb(255 255 255 / .28), inset 0 0 0 1px rgb(255 255 255 / .14);--vh-focus: rgb(255 255 255 / .72);position:relative;border-radius:var(--vh-panel-radius);overflow:hidden;block-size:var(--vh-panel-minh);min-block-size:var(--vh-panel-minh);margin:0;background:color-mix(in srgb,var(--vh-tint) 10%,#130c1f);color:var(--vh-on-media)}.vh-duo-panels__media{position:absolute;top:0;right:0;bottom:0;left:0}.vh-duo-panels__media img,.vh-duo-panels__placeholder{inline-size:100%;block-size:100%;object-fit:cover;display:block}.vh-duo-panels__media img.vh-image-smooth{opacity:0;transition:opacity .6s var(--vh-ease-out);will-change:opacity}.vh-duo-panels__media img.vh-image-smooth.is-loaded{opacity:1}.vh-duo-panels__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:clamp(22px,3vw,40px);block-size:100%;text-align:left;background:none;border-radius:inherit;color:inherit}.vh-duo-panels__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(to top,rgb(var(--vh-overlay-rgb) / .66),rgb(var(--vh-overlay-rgb) / .3) 34%,rgb(var(--vh-overlay-rgb) / 0) 62%)}.vh-duo-panels__eyebrow,.vh-duo-panels__headline,.vh-duo-panels__copy{color:inherit}.vh-duo-panels__eyebrow{font-family:var(--font-body-family);font-size:var(--vh-eyebrow);letter-spacing:.08em;margin:0}.vh-duo-panels__headline{font-family:var(--font-heading-family);font-weight:var(--vh-heading-weight);margin:0;font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.015em;text-wrap:balance}.vh-duo-panels__copy{font-family:var(--font-body-family);font-size:var(--vh-body);line-height:1.6;margin:0;max-inline-size:60ch}.vh-duo-panels--one .vh-duo-panels__headline{font-size:var(--vh-h1)}.vh-duo-panels--three .vh-duo-panels__overlay{padding:clamp(20px,2.4vw,32px)}.vh-duo-panels--three .vh-duo-panels__headline{font-size:clamp(26px,2.5vw,40px)}.vh-duo-panels__overlay .vh-cta{margin-top:8px;border:0;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:var(--vh-glass-hairline)}.vh-duo-panels__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;min-inline-size:0;padding:clamp(28px,5vw,80px);color:var(--vh-ink)}.vh-duo-panels__text-heading{margin:0;max-inline-size:16ch;font-family:var(--font-heading-family);font-weight:var(--vh-heading-weight);font-size:var(--vh-h2);line-height:1.05;letter-spacing:-.015em;text-wrap:balance;color:var(--vh-ink)}.vh-duo-panels__text-body{max-inline-size:44ch;font-family:var(--font-body-family);font-size:var(--vh-body);line-height:1.6;color:var(--vh-ink-soft)}.vh-duo-panels__text-body>*{margin:0}.vh-duo-panels__text-body>*+*{margin-top:.8em}.vh-duo-panels__text-body a{color:var(--vh-ink);text-decoration:underline;text-underline-offset:3px}.vh-duo-panels__text .vh-cta{margin-top:12px}@media(max-width:899px){.vh-duo-panels{--vh-edge-gutter: var(--vh-edge);--vh-panel-minh: 460px}.vh-duo-panels--full{--vh-edge-gutter: 0px}.vh-duo-panels--h-tall{--vh-panel-minh: 560px}.vh-duo-panels--h-screen{--vh-panel-minh: calc(100vh - 2 * var(--_pad-block))}@supports (height: 100svh){.vh-duo-panels--h-screen{--vh-panel-minh: calc(100svh - 2 * var(--_pad-block))}}:is(.vh-duo-panels--two,.vh-duo-panels--three) .vh-duo-panels__grid{display:flex;gap:12px;margin-inline:calc(-1 * var(--vh-edge-gutter));padding-inline:var(--vh-edge-gutter);scroll-padding-inline:var(--vh-edge-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}:is(.vh-duo-panels--two,.vh-duo-panels--three) .vh-duo-panels__grid::-webkit-scrollbar{display:none}:is(.vh-duo-panels--two,.vh-duo-panels--three) .vh-duo-panels__panel{flex:0 0 84%;scroll-snap-align:start}.vh-duo-panels--full:is(.vh-duo-panels--two,.vh-duo-panels--three) .vh-duo-panels__grid{gap:var(--vh-inter-gap)}.vh-duo-panels--full:is(.vh-duo-panels--two,.vh-duo-panels--three) .vh-duo-panels__panel{flex-basis:88%}.vh-duo-panels--panel_text .vh-duo-panels__grid{gap:0}.vh-duo-panels__text{gap:12px;padding:28px max(0px,calc(var(--vh-edge) - var(--vh-edge-gutter))) 12px}.vh-duo-panels--full .vh-duo-panels__text{padding-bottom:36px}}@media(prefers-reduced-motion:reduce){.vh-duo-panels__media img.vh-image-smooth{transition:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-duo-panels.css.map */
