.c-hero{display:grid;align-content:end;min-block-size:var(--hero-h, 100svh);padding-block-start:calc(var(--hero-top, 0px) + var(--space-md));overflow:clip}.c-hero--tall{--hero-h: 85svh}.c-hero:before,.c-hero__bg,.c-hero__bg:after,.c-hero__overlay,.c-hero__bg :is(img,.c-video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.c-hero:before,.c-hero__bg:after{content:""}.c-hero__bg{z-index:-3}.c-hero__bg picture+.c-video .c-video__poster{display:none}.c-hero__bg:after{bottom:auto;height:calc(var(--hero-top, 0px) * 2.5);background:linear-gradient(#171717b3,#1717178c 40%,#0000)}.scheme-flow-light .c-hero__bg:after{content:none}.c-hero__bg--empty{background:radial-gradient(50% 40% at var(--g, 50% 30%),#b8955233,#0000)}.c-hero__overlay,.c-hero:before{z-index:-2;background:var(--scrim, var(--bg))}.c-hero__overlay{-webkit-mask:linear-gradient(#0000 25%,#000);mask:linear-gradient(#0000 25%,#000);opacity:var(--overlay, .7)}.c-hero:before{--t: calc(var(--hero-top, 0px) + 40svh);-webkit-mask:linear-gradient(#0000 var(--t),#0009 calc(var(--t) + 2.5rem),#000c calc(var(--t) + 13rem));mask:linear-gradient(#0000 var(--t),#0009 calc(var(--t) + 2.5rem),#000c calc(var(--t) + 13rem))}.c-hero__cans{display:flex;justify-content:center;align-items:end;block-size:40svh;margin-block-end:var(--space-sm)}.c-hero__can--2{z-index:1;scale:1.14;transform-origin:bottom}.c-hero__content{display:grid;padding:var(--space-sm) var(--gutter) 0}.c-hero__heading{font-size:var(--text-hero);max-width:12ch}.c-hero__body{max-width:46ch;color:var(--fg-muted)}.c-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.c-hero .u-mask-line>span{--o: 1;--y: 110%}@media(prefers-reduced-motion:no-preference){.js:not(.motion-off):not(.motion-paused) .c-hero__scroll{animation:calma-scroll-cue var(--dur-cue) var(--ease-liquid) 2}.js:not(.motion-off):not(.motion-paused) .c-hero__can .c-can{--float-distance: .6rem;animation:calma-float var(--dur-drift) var(--ease-liquid) var(--in-delay, 0s)}.js:not(.motion-off):not(.motion-paused) .c-hero :is(.u-mask-line>span,.u-rise){animation:calma-hero-in var(--dur-slow) var(--ease-entrance) calc(var(--i, 0) * var(--stagger)) backwards}}@keyframes calma-scroll-cue{50%{transform:scaleY(.25);opacity:.8}}@keyframes calma-hero-in{0%{opacity:var(--o, 0);transform:translateY(var(--y, 1.5rem))}}@media(max-width:989px){.c-hero__body{order:1}.c-hero__cans{--cans-h: 36svh;block-size:var(--cans-h);margin-block:var(--space-sm) var(--space-2xs)}.c-hero__can{width:min(33vw,calc(var(--cans-h) / 2.45));margin-inline:-1rem}.c-hero__content{--stack-gap: var(--space-sm);padding-block-start:var(--space-2xs)}}@media(min-width:990px){.c-hero{--g: 75% 50%;grid-template-columns:1fr 1fr;align-content:center}.c-hero:before{-webkit-mask:linear-gradient(90deg,#000c 47%,#0000 80%);mask:linear-gradient(90deg,#000c 47%,#0000 80%)}.c-hero__cans{grid-area:1 / 2;block-size:72svh}.c-hero__content{grid-area:1 / 1;align-self:end}.c-hero__can{width:min(15vw,30svh);margin-inline:-1.5rem}.c-hero__scroll{position:absolute;bottom:var(--space-sm);left:50%;width:1px;height:2.75rem;background:var(--calma-gold-deeper)}:is(.scheme-night,.scheme-wine,.scheme-flow-dark) .c-hero__scroll{background:var(--calma-gold)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */