.twst-hero{--p: 0;container-type:inline-size;position:relative;isolation:isolate;display:block;background:var(--twst-hero-bg, #fff)}.twst-hero--end{--p: 1}.twst-hero--scroll{height:calc(100vw * var(--h) / 390 + var(--dist) * 1vh)}.twst-hero--scroll .twst-hero__stage{position:sticky;top:min(20px,calc(100vh - 100vw * var(--h) / 390))}@media screen and (min-width:750px){.twst-hero--scroll{height:calc(100vw * var(--h) / 1440 + var(--dist) * 1vh)}.twst-hero--scroll .twst-hero__stage{top:min(0px,calc(100vh - 100vw * var(--h) / 1440))}}@media(prefers-reduced-motion:reduce){.twst-hero--scroll{height:auto}.twst-hero--scroll .twst-hero__stage{position:relative}}.twst-hero__stage{--u: calc(100cqw / 390);--ox: calc(var(--ox1) + (var(--ox2) - var(--ox1)) * var(--p));--oy: calc(var(--oy1) + (var(--oy2) - var(--oy1)) * var(--p));--ow: calc(var(--ow1) + (var(--ow2) - var(--ow1)) * var(--p));--oh: calc(var(--oh1) + (var(--oh2) - var(--oh1)) * var(--p));--wx: calc(var(--ox) + .02935 * var(--ow));--wy: calc(var(--oy) + .02467 * var(--oh));--ww: calc(.9413 * var(--ow));--wh: calc(.9408 * var(--oh));--ix: calc(var(--ix1) + (var(--ix2) - var(--ix1)) * var(--p));--iy: calc(var(--iy1) + (var(--iy2) - var(--iy1)) * var(--p));--iw: calc(var(--iw1) + (var(--iw2) - var(--iw1)) * var(--p));--ih: calc(var(--ih1) + (var(--ih2) - var(--ih1)) * var(--p));--bw: calc(var(--bw1) + (var(--bw2) - var(--bw1)) * var(--p));--bt: calc(var(--by1) + (var(--bb2) - var(--bw2) / var(--bottle-ar) - var(--by1)) * var(--p));position:relative;width:100%;aspect-ratio:390 / var(--h);overflow:hidden}@media screen and (min-width:750px){.twst-hero__stage{--u: calc(100cqw / 1440);aspect-ratio:1440 / var(--h)}}.twst-hero__window{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(calc(var(--wx) * var(--u)) calc((var(--wy) + .1049 * var(--wh)) * var(--u)),calc((var(--wx) + .106 * var(--ww)) * var(--u)) calc(var(--wy) * var(--u)),calc((var(--wx) + .8919 * var(--ww)) * var(--u)) calc(var(--wy) * var(--u)),calc((var(--wx) + var(--ww)) * var(--u)) calc((var(--wy) + .1049 * var(--wh)) * var(--u)),calc((var(--wx) + var(--ww)) * var(--u)) calc((var(--wy) + var(--wh)) * var(--u)),calc(var(--wx) * var(--u)) calc((var(--wy) + var(--wh)) * var(--u)))}.twst-hero__photo{position:absolute;left:calc(var(--ix) * var(--u));top:calc(var(--iy) * var(--u));width:calc(var(--iw) * var(--u));height:calc(var(--ih) * var(--u))}.twst-hero--crop .twst-hero__photo{left:calc(var(--wx) * var(--u));top:calc(var(--wy) * var(--u));width:calc(var(--ww) * var(--u));height:calc(var(--wh) * var(--u))}.twst-hero__photo img,.twst-hero__photo .twst-placeholder{display:block;width:100%;height:100%;object-fit:cover}.twst-hero .twst-placeholder{background:#eef5e6;fill:#2223}.twst-hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 51.1% 66.1% at 50% 48.8%,#0000,#0000004d);opacity:calc(var(--p) * var(--vignette))}.twst-hero__outline{position:absolute;z-index:1;left:calc(var(--ox) * var(--u));top:calc(var(--oy) * var(--u));width:calc(var(--ow) * var(--u));height:calc(var(--oh) * var(--u));overflow:visible;color:var(--twst-hero-frame);stroke-width:calc(2 * var(--u));pointer-events:none}.twst-hero__title{margin:0;font-size:inherit}.twst-hero__line{--cap-shift: .1416;position:absolute;z-index:2;display:block;font-family:var(--twst-font-display);font-weight:var(--twst-font-display-weight);line-height:.91;text-box:trim-both cap alphabetic;letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--c1),var(--c2) calc(var(--p) * 100%));pointer-events:none}.twst-hero__line--1{left:calc((var(--l1x1) + (var(--l1x2) - var(--l1x1)) * var(--p)) * var(--u));--size: calc(var(--l1s1) + (var(--l1s2) - var(--l1s1)) * var(--p));top:calc((var(--l1y1) + (var(--l1y2) - var(--l1y1)) * var(--p) + var(--cap-shift) * var(--size)) * var(--u));font-size:calc(var(--size) * var(--u));-webkit-text-stroke:1px #EBFFA4}.twst-hero__line--2{left:calc((var(--l2x1) + (var(--l2x2) - var(--l2x1)) * var(--p)) * var(--u));--size: calc(var(--l2s1) + (var(--l2s2) - var(--l2s1)) * var(--p));top:calc((var(--l2y1) + (var(--l2y2) - var(--l2y1)) * var(--p) + var(--cap-shift) * var(--size)) * var(--u));font-size:calc(var(--size) * var(--u))}.twst-hero__text{position:absolute;z-index:2;left:calc(var(--px2) * var(--u));top:calc((var(--py2) + var(--pdy) * (1 - var(--p))) * var(--u));width:calc(var(--pw) * var(--u));margin:0;font-family:var(--twst-font-body);font-weight:600;font-size:calc(var(--ps) * var(--u));line-height:1.5;letter-spacing:0;text-transform:uppercase;color:var(--para-color, #fff);opacity:var(--p);pointer-events:none}.twst-hero__bottle{position:absolute;z-index:3;top:calc(var(--bt) * var(--u));left:50%;display:block;width:calc(var(--bw) * var(--u));transform:translate(-50%);container-type:inline-size}.twst-hero__bottle-img{position:relative;z-index:1;display:block;width:100%;height:auto}.twst-hero__bottle-ph{position:relative;z-index:1;display:block;width:100%;aspect-ratio:247 / 890}.twst-hero__shadow{position:absolute;z-index:0;overflow:visible;opacity:var(--p);pointer-events:none}.twst-hero__shadow--1{left:calc(var(--sh1-x) * 1cqw);top:calc(100% - var(--sh1-y) * 1cqw);width:calc(var(--sh1-w) * 1cqw);height:calc(var(--sh1-h) * 1cqw)}.twst-hero__shadow--2{left:calc(var(--sh2-x) * 1cqw);top:calc(100% - var(--sh2-y) * 1cqw);width:calc(var(--sh2-w) * 1cqw);height:calc(var(--sh2-h) * 1cqw)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-twst-hero.css.map */