citron-hero{display:block}.ctr-hero{--ctr-hero-ease: cubic-bezier(.2, .7, .2, 1);--ctr-hero-pt: 28px;--ctr-cta-h: 52px;--ctr-notch-gap: 10px;--ctr-notch-r: 22px;--ctr-notch-h: calc(var(--ctr-cta-h) + var(--ctr-notch-gap));padding:var(--ctr-hero-mt, 12px) var(--ctr-hero-mx, 16px) var(--ctr-hero-pb, 24px);background:var(--ctr-hero-page, #fff)}:where(body:has(.ctr-hdr)) #MainContent>.shopify-section:first-child .ctr-hero{--ctr-hero-pt: calc(var(--ctr-hdr-h, 58px) + var(--ctr-hdr-inset, 16px) * 2 - 4px)}.ctr-hero__card{--ctr-hero-fill: calc(100vh - var(--ctr-ann-h, 0px) - var(--ctr-hero-mt, 12px) - 88px);position:relative;display:grid;max-width:var(--ctr-hero-maxw, 1440px);min-height:max(var(--ctr-hero-min-m, 560px),min(var(--ctr-hero-fill),860px));margin-inline:auto;border-radius:var(--ctr-hero-r, 32px);color:var(--ctr-hero-cream, var(--ctr-white));isolation:isolate;background:radial-gradient(90% 55% at 50% 100%,rgb(var(--ctr-hero-glow-rgb) / .55) 0%,rgb(var(--ctr-hero-glow-rgb) / .16) 45%,transparent 75%),radial-gradient(60% 40% at 85% 0%,rgb(var(--ctr-hero-cream-rgb) / .06),transparent 70%),linear-gradient(165deg,var(--ctr-hero-dark) 0%,var(--ctr-hero-dark) 30%,var(--ctr-hero-navy) 100%)}@supports (height: 100svh){.ctr-hero__card{--ctr-hero-fill: calc(100svh - var(--ctr-ann-h, 0px) - var(--ctr-hero-mt, 12px) - 88px)}}.ctr-hero__slides{display:grid;min-width:0;border-radius:inherit;overflow:hidden;touch-action:pan-y}.ctr-hero__slide{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;min-width:0;padding:var(--ctr-hero-pt) 20px calc(var(--ctr-notch-h) + 18px);text-align:center;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}.ctr-hero__slide.is-active{visibility:visible;opacity:1;transition:opacity .45s ease}.ctr-hero__slide>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .5s ease,transform .7s var(--ctr-hero-ease)}.ctr-hero__slide>.ctr-hero__media{transform:translate3d(0,22px,0) scale(.96)}.ctr-hero__slide.is-active>*{opacity:1;transform:none}.ctr-hero__slide.is-active>.ctr-hero__eyebrow{transition-delay:.05s}.ctr-hero__slide.is-active>.ctr-hero__title{transition-delay:.12s}.ctr-hero__slide.is-active>.ctr-hero__media{transition-delay:.2s}.ctr-hero__slide.is-active>.ctr-hero__features{transition-delay:.3s}.ctr-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--ctr-hero-accent);font-family:var(--font-body--family);font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.28em;text-transform:uppercase}.ctr-hero__eyebrow svg{width:14px;height:14px;flex:none}.ctr-hero__title{position:relative;z-index:1;max-width:14ch;margin:0;font-family:var(--ctr-hero-font);font-weight:var(--ctr-hero-font-weight, 600);font-style:var(--ctr-hero-font-style, normal);font-size:clamp(2.4rem,11vw,3.4rem);line-height:.98;letter-spacing:-.01em;text-wrap:balance;color:var(--ctr-hero-cream);background:linear-gradient(180deg,var(--ctr-hero-cream) 25%,var(--ctr-hero-accent) 135%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ctr-hero__media{position:relative;z-index:2;flex:1 1 0;width:100%;min-height:220px;margin-top:calc(var(--ctr-hero-overlap, 24px) * -1)}.ctr-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ctr-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 28px rgb(0 0 0 / .45))}.ctr-hero__media[data-ctr-dormant] .ctr-hero__img{display:none}.ctr-hero__ph{position:absolute;top:12px;right:8%;bottom:12px;left:8%;display:grid;place-items:center;border:1px dashed rgb(var(--ctr-hero-cream-rgb) / .35);border-radius:20px;font-family:var(--font-body--family);font-size:.8rem;opacity:.7}.ctr-hero__features{display:grid;grid-template-columns:repeat(var(--ctr-f-count, 3),minmax(0,1fr));gap:10px;width:100%;max-width:440px;margin:14px 0 0;padding:0;list-style:none}.ctr-hero__feature{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:rgb(var(--ctr-hero-cream-rgb) / .86);font-family:var(--font-body--family);font-size:.66rem;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.ctr-hero__feature-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid rgb(var(--ctr-hero-cream-rgb) / .2);background:rgb(var(--ctr-hero-cream-rgb) / .05);color:var(--ctr-hero-accent)}.ctr-hero__feature-icon svg{width:18px;height:18px}.ctr-hero__nav{position:absolute;z-index:3;left:14px;bottom:0;display:flex;align-items:center;gap:4px;height:var(--ctr-cta-h)}.ctr-hero__dots{display:flex;align-items:center}.ctr-hero__dot{display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:0;border-radius:999px;background:none;cursor:pointer}.ctr-hero__dot span{display:block;width:7px;height:7px;border-radius:999px;background:#ffffff61;transition:width .45s var(--ctr-hero-ease),background-color .45s ease}.ctr-hero__dot[aria-current=true] span{width:26px;background:var(--ctr-white)}.ctr-hero--light .ctr-hero__dot span{background:#00008b40}.ctr-hero--light .ctr-hero__dot[aria-current=true] span{background:var(--ctr-navy)}@media(hover:hover){.ctr-hero__dot:not([aria-current=true]):hover span{background:#ffffffb3}}.ctr-hero__toggle{display:grid;place-items:center;width:28px;height:28px;margin-inline-start:4px;padding:0;border:1px solid rgb(255 255 255 / .22);border-radius:50%;background:none;color:rgb(var(--ctr-hero-cream-rgb) / .8);cursor:pointer}.ctr-hero__toggle svg{width:11px;height:11px}.ctr-hero__toggle-play,.ctr-hero__toggle[data-paused] .ctr-hero__toggle-pause{display:none}.ctr-hero__toggle[data-paused] .ctr-hero__toggle-play{display:block}.ctr-hero__dot:focus-visible,.ctr-hero__toggle:focus-visible{outline:2px solid var(--ctr-hero-accent);outline-offset:1px}.ctr-hero__notch{position:absolute;z-index:3;right:-1px;bottom:-1px;display:grid;padding:var(--ctr-notch-gap) 0 0 var(--ctr-notch-gap);border-top-left-radius:var(--ctr-notch-r);background:var(--ctr-hero-page, #fff)}.ctr-hero__notch:before,.ctr-hero__notch:after{content:"";position:absolute;width:var(--ctr-notch-r);height:var(--ctr-notch-r);background:radial-gradient(circle at 0 0,transparent calc(var(--ctr-notch-r) - .5px),var(--ctr-hero-page, #fff) var(--ctr-notch-r));pointer-events:none}.ctr-hero__notch:before{right:0;bottom:100%}.ctr-hero__notch:after{right:100%;bottom:0}.ctr-hero__ctas{display:grid}.ctr-hero__cta{grid-area:1 / 1;display:flex;justify-content:flex-end;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}.ctr-hero__cta.is-active{visibility:visible;opacity:1;transition:opacity .35s ease}.ctr-hero__cta-link{display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:inherit;text-decoration:none}.ctr-hero__cta-label{display:inline-flex;align-items:center;height:var(--ctr-cta-h);padding-inline:26px;border-radius:999px;background:var(--ctr-hero-dark);color:var(--ctr-white);font-family:var(--font-body--family);font-size:.76rem;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:background-color .25s ease}.ctr-hero__cta-icon{display:grid;place-items:center;width:var(--ctr-cta-h);height:var(--ctr-cta-h);border-radius:50%;background:linear-gradient(135deg,var(--ctr-royal) 0%,var(--ctr-hero-accent) 100%);color:var(--ctr-white);transition:transform .25s var(--ctr-hero-ease)}.ctr-hero__cta-icon svg{width:22px;height:22px}@media(hover:hover){.ctr-hero__cta-link:hover .ctr-hero__cta-label{background:var(--ctr-hero-navy)}.ctr-hero__cta-link:hover .ctr-hero__cta-icon{transform:rotate(-8deg)}}.ctr-hero__cta-link:focus-visible{outline:2px solid var(--ctr-hero-dark);outline-offset:3px}@media(min-width:750px){.ctr-hero__slide{padding-inline:40px}.ctr-hero__title{font-size:clamp(3rem,8vw,4.25rem)}.ctr-hero__media{min-height:300px}.ctr-hero__feature{font-size:.7rem}.ctr-hero__nav{left:28px}}@media(min-width:990px){.ctr-hero{--ctr-cta-h: 56px;--ctr-notch-gap: 12px;--ctr-notch-r: 26px}.ctr-hero__card{min-height:var(--ctr-hero-h-d, 680px)}.ctr-hero__slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:1fr auto auto auto 1fr;align-items:start;column-gap:24px;padding:var(--ctr-hero-pt) clamp(40px,5vw,80px) calc(var(--ctr-notch-h) + 28px);text-align:start}.ctr-hero__eyebrow{grid-column:1;grid-row:2;justify-self:start}.ctr-hero__title{grid-column:1;grid-row:3;font-size:clamp(3.5rem,5.4vw,6.25rem)}.ctr-hero__features{grid-column:1;grid-row:4;justify-self:start;max-width:520px;margin-top:32px}.ctr-hero__feature{flex-direction:row;gap:10px;text-align:start}.ctr-hero__media{grid-column:2;grid-row:1 / -1;align-self:stretch;min-height:380px;margin:0 0 0 calc(var(--ctr-hero-overlap, 24px) * -1)}.ctr-hero__nav{left:clamp(34px,5vw,74px)}}@media(prefers-reduced-motion:reduce){.ctr-hero__slide,.ctr-hero__slide.is-active,.ctr-hero__slide>*,.ctr-hero__cta,.ctr-hero__cta.is-active,.ctr-hero__dot span,.ctr-hero__cta-icon{transition:none}.ctr-hero__slide>*,.ctr-hero__slide>.ctr-hero__media{transform:none}}@media(forced-colors:active){.ctr-hero__title{background:none;-webkit-text-fill-color:currentcolor}.ctr-hero__card{border:1px solid CanvasText}}.ctr-hero--banner .ctr-hero__card{background:var(--ctr-hero-dark)}.ctr-hero__slide:has(.ctr-hero__banner){display:block;padding:0}.ctr-hero__banner{position:absolute;top:0;right:0;bottom:0;left:0}.ctr-hero__banner picture,.ctr-hero__banner-img,.ctr-hero__banner-ph{display:block;width:100%;height:100%}.ctr-hero__banner-img{object-fit:cover;object-position:var(--ctr-hero-focal, center)}.ctr-hero__banner-ph{background:var(--ctr-hero-navy);fill:rgb(var(--ctr-hero-cream-rgb) / .25)}.ctr-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / calc(var(--ctr-hero-scrim, 0) * .55)),rgb(0 0 0 / calc(var(--ctr-hero-scrim, 0) * .15)) 45%,rgb(0 0 0 / var(--ctr-hero-scrim, 0)))}.ctr-hero__overlay{position:absolute;z-index:2;inset:var(--ctr-hero-header-h, 120px) 20px calc(var(--ctr-notch-h) + 16px);display:flex;flex-direction:column;gap:10px;pointer-events:none;color:var(--ctr-hero-text, var(--ctr-white));text-align:center;text-wrap:balance}.ctr-hero__overlay--top-center{align-items:center;justify-content:flex-start}.ctr-hero__overlay--center{align-items:center;justify-content:center}.ctr-hero__overlay--bottom-center{align-items:center;justify-content:flex-end}.ctr-hero__overlay--bottom-left{align-items:flex-start;justify-content:flex-end;text-align:left}.ctr-hero__over-eyebrow{margin:0;font-size:clamp(.62rem,2.6vw,.75rem);font-weight:600;letter-spacing:.24em;text-transform:uppercase;opacity:.85}.ctr-hero__over-title{margin:0;font-family:var(--ctr-hero-font);font-size:clamp(1.75rem,8vw,3.75rem);font-style:var(--ctr-hero-font-style);font-weight:var(--ctr-hero-font-weight);line-height:1.04}.ctr-hero__over-sub{max-width:30ch;margin:0;font-size:clamp(.8rem,3.4vw,1rem);line-height:1.45;opacity:.9}.ctr-hero__hit{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ctr-hero__hit:focus-visible{outline:3px solid var(--ctr-hero-accent);outline-offset:-5px}.ctr-hero--banner .ctr-hero__card{min-height:0}.ctr-hero--banner.ctr-hero--hm-adapt .ctr-hero__card{aspect-ratio:var(--ctr-hero-ratio-m, .75)}.ctr-hero--banner.ctr-hero--hm-small .ctr-hero__card{min-height:70vh}.ctr-hero--banner.ctr-hero--hm-medium .ctr-hero__card{min-height:85vh}.ctr-hero--banner.ctr-hero--hm-large .ctr-hero__card{min-height:calc(100svh - var(--ctr-ann-h, 0px) - var(--ctr-hero-mt, 12px) - var(--ctr-hero-pb, 24px))}@media screen and (min-width:750px){.ctr-hero{padding-inline:var(--ctr-hero-mx-d, 20px)}.ctr-hero--banner.ctr-hero--hm-adapt .ctr-hero__card,.ctr-hero--banner.ctr-hero--hm-small .ctr-hero__card,.ctr-hero--banner.ctr-hero--hm-medium .ctr-hero__card,.ctr-hero--banner.ctr-hero--hm-large .ctr-hero__card{min-height:0;aspect-ratio:auto}.ctr-hero--banner.ctr-hero--h-adapt .ctr-hero__card{aspect-ratio:var(--ctr-hero-ratio, 2.18)}.ctr-hero--banner.ctr-hero--h-small .ctr-hero__card{min-height:60vh}.ctr-hero--banner.ctr-hero--h-medium .ctr-hero__card{min-height:75vh}.ctr-hero--banner.ctr-hero--h-large .ctr-hero__card{min-height:90vh}}@media(prefers-reduced-motion:no-preference){.ctr-hero[data-transition=slide] .ctr-hero__slide{transition:none;transform:translate3d(100%,0,0)}.ctr-hero[data-transition=slide][data-dir=prev] .ctr-hero__slide{transform:translate3d(-100%,0,0)}.ctr-hero[data-transition=slide] .ctr-hero__slide.is-active,.ctr-hero[data-transition=slide] .ctr-hero__slide.is-leaving{transition:transform .55s var(--ctr-hero-ease)}.ctr-hero[data-transition=slide] .ctr-hero__slide.is-active{transform:translateZ(0)}.ctr-hero[data-transition=slide] .ctr-hero__slide.is-leaving{transform:translate3d(-100%,0,0)}.ctr-hero[data-transition=slide][data-dir=prev] .ctr-hero__slide.is-leaving{transform:translate3d(100%,0,0)}}.ctr-hero__arrow{display:none}@media screen and (min-width:750px){.ctr-hero__arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#0000004d;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(-50%);transition:background-color .25s ease}.ctr-hero__arrow svg{width:22px;height:22px}.ctr-hero__arrow--prev{left:16px}.ctr-hero__arrow--next{right:16px}.ctr-hero__arrow:hover{background:#00000080}.ctr-hero__arrow:focus-visible{outline:2px solid var(--ctr-hero-accent);outline-offset:3px}}.ctr-hero__featurebar{display:grid;max-width:var(--ctr-hero-maxw, 1440px);margin:14px auto 0}.ctr-hero__featurebar>.ctr-hero__features{grid-area:1 / 1}.ctr-hero__features--under{padding:0;color:var(--ctr-c-ink, #2b2b2b);opacity:0;transition:opacity .4s ease}.ctr-hero__features--under.is-active{opacity:1}@media screen and (max-width:400px){.ctr-hero{--ctr-cta-h: 46px}.ctr-hero__cta-label{max-width:42vw;padding-inline:18px;font-size:.7rem;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:var(--ctr-cta-h)}.ctr-hero__nav{gap:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/citron-hero.css.map */