.hero{--hero-vh: 75;--hero-offset: 0px;--hero-content-max: 38rem;--hero-min: calc(var(--hero-vh) * 1vh - var(--hero-offset))}@supports (height: 1svh){.hero{--hero-min: calc(var(--hero-vh) * 1svh - var(--hero-offset))}}.hero--h-small{--hero-vh: 60}.hero--h-medium{--hero-vh: 75}.hero--h-large{--hero-vh: 90}.hero--h-full{--hero-vh: 100;--hero-offset: calc(var(--header-height, 4rem) + var(--announcement-height, 0px))}.hero--w-narrow{--hero-content-max: 30rem}.hero--w-wide{--hero-content-max: 50rem}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);inline-size:100%;max-inline-size:var(--hero-content-max);min-inline-size:0}.hero__eyebrow{margin-block-end:var(--space-1)}.hero__heading{margin:0}.hero__text{max-inline-size:36rem;color:var(--color-text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);inline-size:100%;margin-block-start:var(--space-3)}.hero__actions>.btn{flex:1 1 13rem}.hero__models{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:var(--space-3);inline-size:100%;max-inline-size:34rem;margin:var(--space-3) 0 0;padding:0;list-style:none}.hero__model{display:flex;min-inline-size:0}.hero__model-link{position:relative;display:flex;flex-direction:column;gap:.125rem;inline-size:100%;min-block-size:2.75rem;padding:var(--space-3) calc(var(--space-3) + 1.25rem) var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;background-color:var(--color-background);border:var(--border-width) solid var(--color-text);border-radius:var(--radius-button);transition:background-color var(--duration-base) var(--ease-out)}.hero__model-name{font-weight:var(--font-body-weight-bold);line-height:var(--line-height-heading)}.hero__model-price{font-size:var(--font-size-body)}.hero__model-status{font-size:var(--font-size-caption);font-weight:var(--font-body-weight-bold)}.hero__model-note{margin-block-start:var(--space-1);font-size:var(--font-size-caption);line-height:1.4;color:var(--color-text-muted)}.hero__model-icon{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);inline-size:1.125rem;block-size:1.125rem}[dir=rtl] .hero__model-icon{transform:scaleX(-1)}@media(hover:hover){.hero__model-link:hover{background-color:var(--color-surface)}}.hero__model-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.hero--align-center .hero__models{margin-inline:auto}.hero__help{margin:var(--space-1) 0 0}.hero__help a{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:2.75rem;color:var(--color-text);text-underline-offset:.2em}.hero__help .icon{inline-size:1.125rem;block-size:1.125rem}.hero__microcopy{margin-block-start:var(--space-2);padding-block-start:var(--space-4);border-block-start:var(--border-width) solid var(--color-border);color:var(--color-text-muted);inline-size:100%;max-inline-size:30rem}.hero__editor-hint{padding:var(--space-2) var(--space-3);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-small);color:var(--color-text-muted)}.hero--align-center .hero__content{align-items:center;margin-inline:auto;text-align:center}.hero--align-center .hero__actions{justify-content:center}@media screen and (min-width:750px){.hero__actions>.btn{flex:0 0 auto}}.hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.hero__media>.video-media{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;aspect-ratio:auto;border-radius:inherit;background-color:transparent}.hero .video-media__play,.hero .video-media__noscript,.hero .video-media__caption{display:none}.hero .video-media__toggle{inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.hero__frame{position:relative;display:grid;min-block-size:var(--hero-min);overflow:hidden;isolation:isolate;background-color:var(--color-surface)}.hero__frame>.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:rgb(0 0 0 / var(--hero-overlay, .3))}.hero__overlay--light{background-color:rgb(255 255 255 / var(--hero-overlay, .3))}.hero--overlay .hero__inner{position:relative;z-index:2;display:grid;align-content:center;justify-items:start;padding-block:var(--space-8);pointer-events:none}.hero--overlay .hero__content{pointer-events:auto}.hero--overlay.hero--pos-top .hero__inner{align-content:start}.hero--overlay.hero--pos-bottom .hero__inner{align-content:end}.hero--overlay.hero--align-center .hero__inner{justify-items:center}.hero--overlay .hero__text,.hero--overlay .hero__microcopy,.hero--overlay .hero__eyebrow{color:inherit}.hero--overlay .hero__microcopy{border-block-start-color:rgb(var(--color-text-rgb) / .35)}@media screen and (max-width:989px){.hero--overlay.hero--has-video .hero__inner{padding-block-end:calc(var(--space-8) + 3rem)}}@media screen and (min-width:990px){.hero--overlay .hero__inner{padding-block:var(--space-9)}}.hero--split .hero__inner{padding-block:var(--space-6) var(--space-7)}.hero__grid{display:grid;gap:var(--space-7)}.hero--split .hero__media{inline-size:100%}@media screen and (min-width:750px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--space-7);min-block-size:var(--hero-min)}.hero--split .hero__content{align-self:center;padding-block:var(--space-5)}.hero--split.hero--pos-top .hero__content{align-self:start}.hero--split.hero--pos-bottom .hero__content{align-self:end}.hero--split .hero__media{aspect-ratio:auto;min-block-size:24rem}.hero--media-start .hero__media{order:-1}}@media screen and (min-width:990px){.hero--split .hero__inner{padding-block:var(--space-7) var(--space-8)}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-8)}.hero--media-start .hero__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.hero--type .hero__inner{padding-block:var(--space-4) var(--space-5)}.hero__panel{position:relative;display:grid;align-content:center;overflow:hidden;isolation:isolate;padding-block:var(--space-8);padding-inline:var(--space-5);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large)}.hero__panel>.hero__content{position:relative;z-index:1}.hero--type.hero--pos-top .hero__panel{align-content:start}.hero--type.hero--pos-bottom .hero__panel{align-content:end}.hero--type.hero--align-center .hero__panel{justify-items:center}.hero__rings{position:absolute;z-index:0;inset-block-start:-22%;inset-inline-end:-30%;inline-size:70%;max-inline-size:36rem;block-size:auto;aspect-ratio:1;fill:none;stroke:var(--color-border);stroke-width:1;pointer-events:none}.hero__rings circle{vector-effect:non-scaling-stroke}.hero__rings .hero__rings-dot{fill:var(--color-accent);stroke:none}@media screen and (min-width:750px){.hero--type .hero__inner{padding-block:var(--space-5) var(--space-7)}.hero__panel{min-block-size:min(var(--hero-min),52rem);padding-block:var(--space-9);padding-inline:var(--space-8)}.hero__rings{inset-block-start:auto;inset-block-end:-24%;inset-inline-end:-12%;inline-size:58%}.hero--type.hero--align-center .hero__rings{inset-inline-end:-20%}}@media screen and (min-width:1200px){.hero__panel{padding-inline:clamp(var(--space-8),7vw,8rem)}.hero__rings{inset-block-end:-30%;inset-inline-end:-6%;inline-size:50%}}body:has(.site-header--transparent) #MainContent>.shopify-section:first-child .hero__inner{padding-block-start:calc(var(--header-height) + var(--space-6))}body:has(.site-header--transparent) #MainContent>.shopify-section:first-child .hero--h-full{--hero-offset: var(--announcement-height, 0px)}@media(forced-colors:active){.hero__rings{display:none}.hero__panel{border-color:CanvasText}}@media screen and (max-width:749px){.hero--compact-mobile .hero__media,.hero--compact-mobile .hero__actions{display:none}.hero--compact-mobile .hero__grid{row-gap:0}.hero--compact-mobile .hero__inner{padding-block:var(--space-5) var(--space-2)}.hero--compact-mobile .hero__text{font-size:var(--font-size-body)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-hero.css.map */