.hero{position:relative;width:100%;container-type:inline-size;background:#fffdfb}.hero__canvas{--hu: calc(100cqw / 1440);--hero-height: calc(1139.461 * var(--hu));position:relative;height:calc(var(--hero-height) + var(--hero-pb, 0) * 16 * var(--hu));overflow:hidden}.hero__backdrop{position:absolute;inset:0 0 auto;height:calc(1142 * var(--hu));background-color:var(--hero-bg, #3f82c6)}.hero__background{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero__stage{position:absolute;top:0;left:0;width:100%;height:var(--hero-height);pointer-events:none}.hero__stage--fruits{z-index:2}.hero__product{z-index:1}.hero__fruit{position:absolute;top:0;left:0;width:var(--w);height:var(--h);transform:translate(var(--x1),var(--y1)) rotate(var(--r1));animation:hero-fruit-float 4s ease-in-out infinite alternate;will-change:transform}.hero__fruit--1{filter:blur(var(--b1));animation-name:hero-fruit-float-blur}.hero__fruit img{display:block;width:100%;height:100%;object-fit:var(--fit, cover);object-position:var(--pos, center)}@keyframes hero-fruit-float{0%{transform:translate(var(--x1),var(--y1)) rotate(var(--r1))}to{transform:translate(var(--x2),var(--y2)) rotate(var(--r2))}}@keyframes hero-fruit-float-blur{0%{filter:blur(var(--b1));transform:translate(var(--x1),var(--y1)) rotate(var(--r1))}to{filter:blur(var(--b2));transform:translate(var(--x2),var(--y2)) rotate(var(--r2))}}.hero__fruit--1{--w: calc(481.195 * var(--hu));--h: calc(443.941 * var(--hu));--x1: calc(-288.026 * var(--hu));--y1: calc(-194.936 * var(--hu));--r1: 17.64deg;--b1: calc(1.5 * var(--hu));--x2: calc(-188.019 * var(--hu));--y2: calc(-94.939 * var(--hu));--r2: 0deg;--b2: 0px;--fit: contain;--pos: center}.hero__fruit--2{--w: calc(157.837 * var(--hu));--h: calc(375.45 * var(--hu));--x1: calc(308.909 * var(--hu));--y1: calc(476.48 * var(--hu));--r1: -47.16deg;--b1: 0px;--x2: calc(305.248 * var(--hu));--y2: calc(317.626 * var(--hu));--r2: -31.07deg;--b2: 0px;--fit: contain;--pos: center}.hero__fruit--3{--w: calc(623.579 * var(--hu));--h: calc(590 * var(--hu));--x1: calc(-275.462 * var(--hu));--y1: calc(861.942 * var(--hu));--r1: 4.52deg;--b1: 0px;--x2: calc(-158.782 * var(--hu));--y2: calc(687.55 * var(--hu));--r2: 21.06deg;--b2: 0px;--fit: contain;--pos: center}.hero__fruit--4{--w: calc(259.11 * var(--hu));--h: calc(174.31 * var(--hu));--x1: calc(907.65 * var(--hu));--y1: calc(348.827 * var(--hu));--r1: -15.1deg;--b1: 0px;--x2: calc(859.96 * var(--hu));--y2: calc(390.539 * var(--hu));--r2: 0deg;--b2: 0px;--fit: fill;--pos: center}.hero__fruit--5{--w: calc(385.082 * var(--hu));--h: calc(379.693 * var(--hu));--x1: calc(1262.83 * var(--hu));--y1: calc(426.536 * var(--hu));--r1: -45.18deg;--b1: 0px;--x2: calc(1127.53 * var(--hu));--y2: calc(374.997 * var(--hu));--r2: -45.18deg;--b2: 0px;--fit: contain;--pos: center}.hero__fruit--6{--w: calc(159.587 * var(--hu));--h: calc(303.949 * var(--hu));--x1: calc(968.165 * var(--hu));--y1: calc(677.435 * var(--hu));--r1: 152.87deg;--b1: 0px;--x2: calc(949.486 * var(--hu));--y2: calc(774.656 * var(--hu));--r2: 120deg;--b2: 0px;--fit: contain;--pos: center}.hero__tag--1{--tx1: calc(706.85 * var(--hu));--ty1: calc(894.97 * var(--hu));--tr1: -46.59deg;--tx2: calc(518.23 * var(--hu));--ty2: calc(668.93 * var(--hu));--tr2: 14.38deg}.hero__tag--2{--tx1: calc(698.41 * var(--hu));--ty1: calc(693.701 * var(--hu));--tr1: -39.41deg;--tx2: calc(560.91 * var(--hu));--ty2: calc(479.12 * var(--hu));--tr2: -18.12deg}.hero__tag--3{--tx1: calc(726.84 * var(--hu));--ty1: calc(721.539 * var(--hu));--tr1: -39.21deg;--tx2: calc(925.73 * var(--hu));--ty2: calc(605.24 * var(--hu));--tr2: -18.97deg}.hero__can{position:absolute;top:calc(459.557 * var(--hu));left:calc(602.368 * var(--hu));z-index:2;width:calc(230.141 * var(--hu));height:calc(568.55 * var(--hu));object-fit:contain;pointer-events:auto}.hero__badge{position:absolute;top:calc(446.69 * var(--hu));left:calc(822.07 * var(--hu));z-index:3;width:calc(64 * var(--hu));height:calc(64 * var(--hu));object-fit:contain}.hero__tag{position:absolute;top:0;left:0;z-index:1;display:inline-flex;align-items:center;gap:calc(4 * var(--hu));padding:calc(4 * var(--hu));background:#fff6e8;transform:translate(var(--tx1),var(--ty1)) translate(-50%,-50%) rotate(var(--tr1));transition:transform .6s cubic-bezier(.34,1.3,.64,1)}.hero__tag--2{transition-delay:.05s}.hero__tag--3{transition-delay:.1s}.hero__product:has(.hero__can:hover) .hero__tag{transform:translate(var(--tx2),var(--ty2)) translate(-50%,-50%) rotate(var(--tr2))}.hero__tag-icon{width:calc(16 * var(--hu));height:calc(16 * var(--hu));object-fit:contain}.hero__tag-text{font-family:var(--font-roc);font-size:calc(18 * var(--hu));font-weight:500;line-height:.8;color:#1a2123;white-space:nowrap}.hero__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:calc(24 * var(--hu));width:calc(597.133 * var(--hu));margin:0 auto;padding-top:calc(var(--hero-pt, 9.8) * 16 * var(--hu));color:#fffdfb;text-align:center}.hero__heading{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:calc(16 * var(--hu));height:calc(106 * var(--hu));margin:0;font-weight:inherit}.hero__title{font-family:var(--font-roc);font-size:calc(80 * var(--hu));font-weight:600;line-height:.5}.fonts-roc-pending .hero__title,.fonts-roc-pending .hero__tag-text{visibility:hidden}.hero__subtitle{position:relative;font-family:var(--font-secondary);font-size:calc(49 * var(--hu));font-weight:var(--font-secondary-regular);line-height:.5}.hero__trademark{position:absolute;top:-.6em;left:100%;font-size:.42em;line-height:1}.hero__text{width:calc(577.133 * var(--hu));margin:0;font-family:var(--font-secondary);font-size:calc(24 * var(--hu));font-weight:var(--font-secondary-regular);line-height:1.4167}.hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(24 * var(--hu))}.hero__button{height:calc(46 * var(--hu));min-height:0;padding:0 calc(24 * var(--hu));border-top-width:calc(4 * var(--hu));border-bottom-width:calc(4 * var(--hu));font-size:calc(20 * var(--hu));letter-spacing:calc(-.2 * var(--hu))}.hero__button--secondary{min-width:calc(171 * var(--hu))}@media(hover:none){.hero__tag{transform:translate(var(--tx2),var(--ty2)) translate(-50%,-50%) rotate(var(--tr2))}}@media(prefers-reduced-motion:reduce){.hero__fruit{animation:none}.hero__tag{transition:none}}.hero__picture{display:contents}@media(min-width:769px){.hero__title{margin-bottom:.06em}.hero__subtitle{margin-top:.24em}.hero__trademark{left:calc(100% + .33em);font-size:.44em}.hero__buttons--hide-desktop,.hero__button--hide-desktop{display:none}}@media(max-width:768px){.hero__canvas{--hu: calc(min(100cqw, 500px) / 393);--hero-height: calc(720 * var(--hu));--stage-left: calc((100cqw - 393 * var(--hu)) / 2)}.hero__backdrop{height:var(--hero-height)}.hero__stage{left:var(--stage-left);width:calc(393 * var(--hu))}.hero__buttons--hide-mobile,.hero__button--hide-mobile{display:none}.hero__tag{gap:calc(3 * var(--hu));padding:calc(3 * var(--hu));transform:translate(var(--tx1),var(--ty1)) translate(-50%,-50%) rotate(var(--tr1))}.hero--scrolled .hero__tag{transform:translate(var(--tx2),var(--ty2)) translate(-50%,-50%) rotate(var(--tr2))}.hero__tag--1{--tx1: calc(198 * var(--hu));--ty1: calc(560 * var(--hu));--tx2: calc(78 * var(--hu));--ty2: calc(478 * var(--hu))}.hero__tag--2{--tx1: calc(198 * var(--hu));--ty1: calc(500 * var(--hu));--tx2: calc(96 * var(--hu));--ty2: calc(412 * var(--hu))}.hero__tag--3{--tx1: calc(198 * var(--hu));--ty1: calc(530 * var(--hu));--tr1: -50deg;--tx2: calc(318 * var(--hu));--ty2: calc(570 * var(--hu))}.hero__tag-icon{width:calc(12 * var(--hu));height:calc(12 * var(--hu))}.hero__tag-text{font-size:calc(13 * var(--hu))}.hero__can{top:calc(381.497 * var(--hu));left:calc(141.924 * var(--hu));width:calc(112.322 * var(--hu));height:calc(284.394 * var(--hu))}.hero__badge{top:calc(393.655 * var(--hu));left:calc(254.246 * var(--hu));width:calc(34 * var(--hu));height:calc(34 * var(--hu))}.hero__fruit--1{--w: calc(145.513 * var(--hu));--h: calc(134.248 * var(--hu));--x1: calc(-41.083 * var(--hu));--y1: calc(-37.111 * var(--hu));--b1: calc(.454 * var(--hu));--x2: calc(-25.963 * var(--hu));--y2: calc(-21.991 * var(--hu));--r2: 8.82deg}.hero__fruit--2{--w: calc(47.351 * var(--hu));--h: calc(112.635 * var(--hu));--x1: calc(-.284 * var(--hu));--y1: calc(337.337 * var(--hu));--x2: calc(-.833 * var(--hu));--y2: calc(313.509 * var(--hu));--r2: -39.115deg}.hero__fruit--3{--w: calc(261.903 * var(--hu));--h: calc(247.8 * var(--hu));--x1: calc(-112.644 * var(--hu));--y1: calc(555.934 * var(--hu));--x2: calc(-88.141 * var(--hu));--y2: calc(519.311 * var(--hu));--r2: 12.79deg}.hero__fruit--4{--w: calc(108.826 * var(--hu));--h: calc(73.21 * var(--hu));--x1: calc(309.657 * var(--hu));--y1: calc(104.911 * var(--hu));--x2: calc(299.642 * var(--hu));--y2: calc(113.671 * var(--hu));--r2: -7.55deg}.hero__fruit--5{--w: calc(123.226 * var(--hu));--h: calc(121.502 * var(--hu));--x1: calc(322.905 * var(--hu));--y1: calc(268.775 * var(--hu));--x2: calc(322.905 * var(--hu));--y2: calc(260.529 * var(--hu))}.hero__fruit--6{--w: calc(51.068 * var(--hu));--h: calc(97.264 * var(--hu));--x1: calc(307.365 * var(--hu));--y1: calc(406.293 * var(--hu));--x2: calc(304.376 * var(--hu));--y2: calc(421.849 * var(--hu));--r2: 136.435deg}.hero__content{gap:0;width:calc(353 * var(--hu));padding-top:calc(138.52 * var(--hu))}.hero__heading{gap:calc(18 * var(--hu));height:auto}.hero__title{font-size:calc(46 * var(--hu))}.hero__subtitle{font-size:calc(28 * var(--hu))}.hero__text{width:calc(301.07 * var(--hu));margin-top:calc(28.48 * var(--hu));font-size:calc(14 * var(--hu));line-height:1.286}.hero__buttons{flex-direction:column;align-items:center;gap:calc(8 * var(--hu));margin-top:calc(26.01 * var(--hu))}.hero__button{width:calc(194 * var(--hu));padding:0}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-hero.css.map */