.\#hero-spotlight{--hs-ink: #fff;--hs-ink-soft: rgba(255, 255, 255, .84);--hs-shade: 14, 17, 12;--hs-radius: 20px;--hs-pad-y: clamp(2.5rem, 6vw, 5.5rem);--hs-ease: cubic-bezier(.22, .8, .24, 1);color:var(--hs-ink)}.\#hero-spotlight-frame{position:relative;display:grid;isolation:isolate;overflow:hidden;min-height:var(--hs-min-height);background:rgb(var(--hs-shade))}.\#hero-spotlight.\@height\:sm{--hs-min-height: clamp(380px, 52vh, 560px)}.\#hero-spotlight.\@height\:md{--hs-min-height: clamp(460px, 66vh, 700px)}.\#hero-spotlight.\@height\:lg{--hs-min-height: clamp(540px, 80vh, 880px)}.\#hero-spotlight.\@height\:screen{--hs-min-height: max(540px, calc(100svh - var(--hs-header-offset, 120px)))}.\#hero-spotlight.\@layout\:inset{max-width:calc(var(--container-width) + 4rem);margin:var(--glob-size-4, 1rem) auto 0;padding:0 var(--glob-gutter, 1rem)}.\#hero-spotlight.\@layout\:inset .\#hero-spotlight-frame{border-radius:var(--hs-radius)}.\#hero-spotlight-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.\#hero-spotlight-media picture{display:contents}.\#hero-spotlight-image,.\#hero-spotlight-media>.placeholder-svg,.\#hero-spotlight-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--focal, 50% 50%)}@media(max-width:749px){.\#hero-spotlight-image{object-position:var(--focal-mobile, var(--focal, 50% 50%))}}.\#hero-spotlight-media>.placeholder-svg{fill:#ffffff2e;background:#3d4435}.\#hero-spotlight-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease}.\#hero-spotlight-video.\@playing{opacity:1}.\#hero-spotlight-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--hs-shade),calc(var(--overlay) * .45))}.\#hero-spotlight-scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--hs-shade),calc(var(--overlay) * 1.05)),rgba(var(--hs-shade),calc(var(--overlay) * .5)) 38%,rgba(var(--hs-shade),0) 72%),linear-gradient(to right,rgba(var(--hs-shade),calc(var(--overlay) * .75)),rgba(var(--hs-shade),0) 62%)}.\#hero-spotlight.\@align\:center .\#hero-spotlight-scrim:after{background:radial-gradient(ellipse 75% 70% at 50% 58%,rgba(var(--hs-shade),calc(var(--overlay) * .85)),rgba(var(--hs-shade),0)),linear-gradient(to top,rgba(var(--hs-shade),calc(var(--overlay) * .7)),rgba(var(--hs-shade),0) 55%)}.\#hero-spotlight.\@scrim\:solid .\#hero-spotlight-scrim{background:rgba(var(--hs-shade),var(--overlay))}.\#hero-spotlight.\@scrim\:solid .\#hero-spotlight-scrim:after{content:none}.\#hero-spotlight-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,4vw,4rem);align-items:end;padding-top:var(--hs-pad-y);padding-bottom:var(--hs-pad-y)}.\#hero-spotlight.\@valign\:middle .\#hero-spotlight-inner{align-items:center}.\#hero-spotlight.\@layout\:inset .\#hero-spotlight-inner{padding-left:clamp(1.25rem,4vw,3.5rem);padding-right:clamp(1.25rem,4vw,3.5rem)}@media(min-width:990px){.\#hero-spotlight.\@has-feature .\#hero-spotlight-inner{grid-template-columns:minmax(0,1fr) auto}.\#hero-spotlight.\@has-feature.\@feature\:split .\#hero-spotlight-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}}.\#hero-spotlight-content{max-width:40rem}.\#hero-spotlight.\@align\:center .\#hero-spotlight-content{margin-inline:auto;text-align:center}.\#hero-spotlight-content>*{margin:0}.\#hero-spotlight-eyebrow{display:inline-flex;align-items:center;gap:.75em;font-family:var(--glob-heading-family);font-weight:600;font-size:clamp(.72rem,.68rem + .2vw,.84rem);letter-spacing:.2em;text-transform:uppercase;color:var(--hs-ink);margin-bottom:1.1rem}.\#hero-spotlight-eyebrow:before{content:"";width:2.25rem;height:2px;border-radius:2px;background:var(--accent)}.\#hero-spotlight.\@align\:center .\#hero-spotlight-eyebrow:after{content:"";width:2.25rem;height:2px;border-radius:2px;background:var(--accent)}.\#hero-spotlight-title{font-family:var(--glob-heading-family);font-weight:var(--glob-heading-weight);font-size:var(--hs-title-size);line-height:.98;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;color:var(--hs-ink);text-shadow:0 1px 24px rgba(var(--hs-shade),.35)}.\#hero-spotlight.\@title\:md{--hs-title-size: clamp(2.1rem, 1.4rem + 3vw, 3.75rem)}.\#hero-spotlight.\@title\:lg{--hs-title-size: clamp(2.4rem, 1.4rem + 4.4vw, 5rem)}.\#hero-spotlight.\@title\:xl{--hs-title-size: clamp(2.7rem, 1.3rem + 6vw, 6.5rem)}.\#hero-spotlight-title em{font-style:normal;color:var(--accent)}.\#hero-spotlight-title a{color:inherit}.\#hero-spotlight-text{margin-top:1.25rem;max-width:34rem;font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.6;color:var(--hs-ink-soft)}.\#hero-spotlight.\@align\:center .\#hero-spotlight-text{margin-inline:auto}.\#hero-spotlight-text p{margin:0}.\#hero-spotlight-text p+p{margin-top:.6em}.\#hero-spotlight-text a{color:var(--hs-ink);text-underline-offset:.2em}.\#hero-spotlight-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:clamp(1.5rem,3vw,2.25rem)}.\#hero-spotlight.\@align\:center .\#hero-spotlight-actions{justify-content:center}.\#hero-spotlight-ghost{display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:.7em 1.35em;font-family:var(--glob-heading-family);font-weight:600;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--hs-ink);border:1.5px solid rgba(255,255,255,.55);border-radius:var(--glob-border-radius-pill, 999px);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .25s ease,border-color .25s ease,color .25s ease}body:not(.glob--button-pill) .\#hero-spotlight-ghost{border-radius:var(--glob-border-radius-base)}.\#hero-spotlight-ghost svg{transition:transform .25s var(--hs-ease)}.\#hero-spotlight-ghost:hover{color:rgb(var(--hs-shade));background:#fff;border-color:#fff}.\#hero-spotlight-ghost:hover svg{transform:translate(3px)}.\#hero-spotlight-ghost:focus-visible,.\#hero-spotlight-card:focus-visible,.\#hero-spotlight-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.\#hero-spotlight-card{--card-bg: rgba(var(--hs-shade), .58);--card-ink: #fff;--card-ink-soft: rgba(255, 255, 255, .72);--card-line: rgba(255, 255, 255, .16);position:relative;display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.9rem;align-items:center;padding:.6rem;color:var(--card-ink);text-decoration:none;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--hs-radius);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 24px 60px -24px #0009;transition:transform .45s var(--hs-ease),box-shadow .45s var(--hs-ease),border-color .3s ease}.\#hero-spotlight.\@card\:paper .\#hero-spotlight-card{--card-bg: rgba(255, 255, 255, .96);--card-ink: #1d2117;--card-ink-soft: rgba(29, 33, 23, .66);--card-line: rgba(255, 255, 255, .6)}.\#hero-spotlight-card:hover{transform:translateY(-4px);border-color:#fff6;box-shadow:0 32px 70px -24px #000000b3}.\#hero-spotlight-card-media{position:relative;overflow:hidden;aspect-ratio:1;border-radius:calc(var(--hs-radius) - .5rem);background:#ffffffeb}.\#hero-spotlight-card-media img,.\#hero-spotlight-card-media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--hs-ease)}.\#hero-spotlight-card-media.\@fit\:contain{background:#fff}.\#hero-spotlight-card-media.\@fit\:contain img{object-fit:contain;padding:8%}.\#hero-spotlight-card:hover .\#hero-spotlight-card-media img{transform:scale(1.05)}.\#hero-spotlight-card-label{display:none;position:absolute;top:.75rem;left:.75rem;padding:.45em .85em;font-family:var(--glob-heading-family);font-weight:600;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:#1d2117;background:var(--accent);border-radius:999px}.\#hero-spotlight-card-body{display:grid;gap:.2rem;min-width:0;padding-right:.5rem}.\#hero-spotlight-card-body>*{margin:0}.\#hero-spotlight-card-title{font-family:var(--glob-heading-family);font-weight:600;font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.\#hero-spotlight-card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;font-size:.92rem;color:var(--card-ink-soft)}.\#hero-spotlight-card-price{font-weight:700;color:var(--card-ink)}.\#hero-spotlight-card-compare{font-size:.85em}.\#hero-spotlight-card-cta{display:inline-flex;align-items:center;gap:.5em;margin-top:.3rem;font-family:var(--glob-heading-family);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.\#hero-spotlight.\@card\:paper .\#hero-spotlight-card-cta{color:var(--card-ink)}.\#hero-spotlight-card-cta svg{transition:transform .3s var(--hs-ease)}.\#hero-spotlight-card:hover .\#hero-spotlight-card-cta svg{transform:translate(4px)}@media(min-width:990px){.\#hero-spotlight.\@feature\:compact .\#hero-spotlight-card{width:23rem}.\#hero-spotlight.\@feature\:card .\#hero-spotlight-card{grid-template-columns:minmax(0,1fr);gap:0;width:clamp(17rem,24vw,21rem);padding:.6rem}.\#hero-spotlight.\@feature\:card .\#hero-spotlight-card-media{aspect-ratio:4 / 3.4}.\#hero-spotlight.\@feature\:card .\#hero-spotlight-card-body{padding:1rem .65rem .6rem}.\#hero-spotlight.\@feature\:card .\#hero-spotlight-card-title{font-size:1.12rem}.\#hero-spotlight.\@feature\:card .\#hero-spotlight-card-label,.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-label{display:inline-block}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card{display:block;justify-self:end;width:min(100%,31rem);padding:.6rem}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-media{aspect-ratio:4 / 4.6;max-height:calc(var(--hs-min-height) - var(--hs-pad-y) * 2 - 1.2rem);width:100%}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-media:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--hs-shade),.88),rgba(var(--hs-shade),0))}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-body{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;gap:.3rem;padding:1.5rem;color:#fff}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-title{font-size:clamp(1.3rem,1rem + 1vw,1.75rem);font-weight:var(--glob-heading-weight);line-height:1.12}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-meta{color:#fffc}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-price{color:#fff}.\#hero-spotlight.\@feature\:split .\#hero-spotlight-card-cta{color:var(--accent)}}.\#hero-spotlight-toggle{position:absolute;right:clamp(.75rem,2vw,1.5rem);top:clamp(.75rem,2vw,1.5rem);display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(var(--hs-shade),.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.75;transition:opacity .2s ease,background-color .2s ease}.\#hero-spotlight-toggle[hidden]{display:none}.\#hero-spotlight-toggle:hover,.\#hero-spotlight-toggle:focus-visible{opacity:1;background:rgba(var(--hs-shade),.7)}.\#hero-spotlight-toggle-play,.\#hero-spotlight-toggle[aria-pressed=true] .\#hero-spotlight-toggle-pause{display:none}.\#hero-spotlight-toggle[aria-pressed=true] .\#hero-spotlight-toggle-play{display:block}@media(prefers-reduced-motion:no-preference){.\#hero-spotlight-content>*,.\#hero-spotlight-card{animation:hero-spotlight-rise .9s var(--hs-ease) both}.\#hero-spotlight-content>:nth-child(1){animation-delay:.1s}.\#hero-spotlight-content>:nth-child(2){animation-delay:.2s}.\#hero-spotlight-content>:nth-child(3){animation-delay:.32s}.\#hero-spotlight-content>:nth-child(4){animation-delay:.44s}.\#hero-spotlight-card{animation-delay:.6s}.\#hero-spotlight-media.\@zoom .\#hero-spotlight-image{animation:hero-spotlight-drift 24s ease-out both}}@keyframes hero-spotlight-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes hero-spotlight-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}.shopify-design-mode .\#hero-spotlight-content>*,.shopify-design-mode .\#hero-spotlight-card{animation:none}@media(max-width:989px){.\#hero-spotlight{--hs-radius: 16px}.\#hero-spotlight.\@height\:lg{--hs-min-height: clamp(520px, 78svh, 760px)}.\#hero-spotlight-inner{align-items:end}.\#hero-spotlight:not(.\@scrim\:solid) .\#hero-spotlight-scrim{background:rgba(var(--hs-shade),calc(var(--overlay) * .7))}.\#hero-spotlight-card{max-width:26rem}}@media(max-width:479px){.\#hero-spotlight-actions{flex-direction:column;align-items:stretch}.\#hero-spotlight-actions>*{justify-content:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hero-spotlight.css.map */