.live-hero{font-family:var(--body)}.live-hero h1{font-family:var(--display)}.live-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.live-btn-ghost{background:#ffffffb8;border:1px solid rgba(71,16,93,.16);color:var(--purple);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,var(--hero-a) 0%,#fff 46%,var(--hero-b) 100%);min-height:520px;border-bottom:1px solid var(--line)}.live-hero:before{content:"";position:absolute;right:-10%;top:-22%;width:62vw;height:58vw;max-width:980px;max-height:880px;border-radius:45% 55% 43% 57%;background:radial-gradient(circle at 55% 50%,#fffffffa,#ffe6d5bd 58%,#ffccad75);transform:rotate(-9deg)}.live-hero__grid{min-height:520px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.18fr);align-items:center;gap:22px;position:relative;z-index:2}.live-hero__copy{padding:56px 0 64px}.live-hero__copy h1{font-size:clamp(58px,6vw,102px);line-height:.86;letter-spacing:-.045em;margin:22px 0 24px;white-space:normal;max-width:720px;color:var(--purple)}.live-hero__copy>p{max-width:600px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.live-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.live-trust span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:850}.live-trust span i{font-style:normal;color:var(--orange)}.live-trust img{width:20px;height:20px;object-fit:contain}.live-hero__stage{min-height:460px;position:relative;isolation:isolate}.live-hero__word{position:absolute;right:1%;top:8%;font-family:var(--display);font-size:clamp(78px,9vw,150px);font-weight:900;letter-spacing:-.08em;color:#47105d0e;transform:rotate(-5deg);z-index:-2}.live-hero__blob{position:absolute;border-radius:50%;filter:blur(.1px);z-index:-1}.live-hero__blob--1{width:440px;height:440px;background:#ffe6d6;right:8%;top:11%}.live-hero__blob--2{width:310px;height:310px;background:#dbffde;left:7%;bottom:7%}.live-hero__lifestyle{position:absolute;top:50px;right:20px;bottom:40px;left:90px;border-radius:48% 52% 46% 54%;overflow:hidden;opacity:.28;mix-blend-mode:multiply}.live-hero__lifestyle img{width:100%;height:100%}.live-hero__pack{position:absolute;top:0;right:0;bottom:0;left:0}.live-hero__product{position:absolute;display:block;filter:drop-shadow(0 25px 24px rgba(65,16,79,.16));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.live-hero__product img{display:block;width:auto;height:auto;max-height:430px;object-fit:contain}.live-hero__product span{position:absolute;left:50%;bottom:-14px;transform:translate(-50%) translateY(8px);opacity:0;white-space:nowrap;background:#fff;border:1px solid color-mix(in srgb,var(--product-accent) 28%,white);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;color:var(--purple);transition:.25s}.live-hero__product:hover{filter:drop-shadow(0 34px 28px rgba(65,16,79,.2));z-index:9}.live-hero__product:hover span{opacity:1;transform:translate(-50%) translateY(0)}.live-hero__product--1{left:0;bottom:85px;z-index:2;transform:rotate(-5deg)}.live-hero__product--2{left:17%;bottom:66px;z-index:4;transform:rotate(2deg)}.live-hero__product--3{left:38%;bottom:87px;z-index:5;transform:rotate(-1deg)}.live-hero__product--4{left:58%;bottom:69px;z-index:3;transform:rotate(4deg)}.live-hero__product--5{left:77%;bottom:98px;z-index:1;transform:rotate(-2deg)}.live-hero__product--1:hover{transform:translateY(-10px) rotate(-3deg)}.live-hero__product--2:hover{transform:translateY(-10px) rotate(3deg)}.live-hero__product--3:hover{transform:translateY(-10px)}.live-hero__product--4:hover{transform:translateY(-10px) rotate(3deg)}.live-hero__product--5:hover{transform:translateY(-10px) rotate(-1deg)}.live-hero__badge{position:absolute;right:1%;top:72px;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;background:var(--hero-accent);color:#fff;border:3px solid var(--purple);font-size:11px;line-height:1.2;font-weight:950;letter-spacing:.03em;transform:rotate(8deg);box-shadow:8px 10px #47105d14}.live-doodle{position:absolute;color:var(--pink);font-size:62px;font-weight:900;opacity:.15;z-index:1}.live-doodle--paw-1{left:46%;top:70px}.live-doodle--paw-2{left:43%;bottom:35px;color:var(--green)}@media(max-width:1180px){.live-hero__grid{grid-template-columns:.86fr 1.14fr}.live-hero__product img{max-height:360px}.live-hero__product--5{left:74%}}@media(max-width:900px){.live-hero{min-height:auto}.live-hero__grid{grid-template-columns:1fr;min-height:auto}.live-hero__copy{padding:65px 0 25px;text-align:center}.live-hero__copy>p{margin:auto}.live-actions,.live-trust{justify-content:center}.live-hero__stage{min-height:520px}.live-hero__badge{right:5%;top:20px}}@media(max-width:680px){.live-hero__copy h1{font-size:clamp(50px,16vw,72px)}.live-hero__copy{padding-top:50px}.live-hero__stage{min-height:405px}.live-hero__product img{max-height:245px}.live-hero__product--1{left:-8%;bottom:60px}.live-hero__product--2{left:10%;bottom:42px}.live-hero__product--3{left:31%;bottom:60px}.live-hero__product--4{left:51%;bottom:46px}.live-hero__product--5{left:70%;bottom:65px}.live-hero__badge{width:92px;height:92px;font-size:8px;right:0;top:12px}.live-hero__word{font-size:80px;top:4%}.live-hero__blob--1{width:300px;height:300px}.live-hero__blob--2{width:190px;height:190px}}@media(prefers-reduced-motion:reduce){.live-hero__product{transition:none}}@media(min-width:991px){.live-actions{gap:clamp(12px,.9722vw,19px);margin-top:clamp(24px,1.9444vw,38px)}.live-trust{gap:clamp(20px,1.6667vw,32px);margin-top:clamp(24px,1.9444vw,38px)}.live-hero,.live-hero__grid{min-height:clamp(440px,36vw,700px)}.live-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(clamp(476px,38.8889vw,756px),1.18fr);gap:clamp(19px,1.5278vw,30px)}.live-hero__copy{padding:clamp(46px,3.8vw,74px) 0 clamp(54px,4.4vw,85px)}.live-hero__copy h1{font-size:clamp(49px,6vw,138px);margin:clamp(19px,1.5278vw,30px) 0 clamp(20px,1.6667vw,32px);max-width:clamp(612px,50vw,972px)}.live-hero__copy>p{max-width:clamp(510px,41.6667vw,810px);font-size:clamp(14px,1.1806vw,23px)}.live-hero__stage{min-height:clamp(395px,32.3vw,628px)}.live-hero__word{font-size:clamp(78px,9vw,203px)}.live-hero__blob--1{width:clamp(374px,30.5556vw,594px);height:clamp(374px,30.5556vw,594px)}.live-hero__blob--2{width:clamp(264px,21.5278vw,419px);height:clamp(264px,21.5278vw,419px)}.live-hero__lifestyle{inset:clamp(43px,3.4722vw,68px) clamp(17px,1.3889vw,27px) clamp(34px,2.7778vw,54px) clamp(77px,6.25vw,122px)}.live-hero__product img{max-height:clamp(366px,29.8611vw,581px)}.live-hero__product--1{bottom:clamp(72px,5.9028vw,115px)}.live-hero__product--2{bottom:clamp(56px,4.5833vw,89px)}.live-hero__product--3{bottom:clamp(74px,6.0417vw,117px)}.live-hero__product--4{bottom:clamp(59px,4.7917vw,93px)}.live-hero__product--5{bottom:clamp(83px,6.8056vw,132px)}.live-hero__badge{top:clamp(61px,5vw,97px);width:clamp(107px,8.75vw,170px);height:clamp(107px,8.75vw,170px);padding:clamp(15px,1.25vw,24px);font-size:clamp(9px,.7639vw,15px)}.live-doodle{font-size:clamp(53px,4.3056vw,84px)}}@media(prefers-reduced-motion:no-preference){.live-hero__product img{animation:pp-hero-float 4.6s ease-in-out infinite}.live-hero__product--1 img{animation-delay:0s}.live-hero__product--2 img{animation-delay:.5s}.live-hero__product--3 img{animation-delay:1s}.live-hero__product--4 img{animation-delay:1.5s}.live-hero__product--5 img{animation-delay:2s}.live-hero__badge{animation:pp-hero-badge-wobble 6.5s ease-in-out infinite}}@keyframes pp-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pp-hero-badge-wobble{0%,to{transform:rotate(8deg)}50%{transform:rotate(4deg)}}@media screen and (max-width:749px){.live-hero__product img{animation-duration:3.6s}@keyframes pp-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}}@media(prefers-reduced-motion:reduce){.live-hero__product img,.live-hero__badge{animation:none!important}}body.pp-motion-off .live-hero__product img,body.pp-motion-off .live-hero__badge{animation:none!important}.live-hero__lifestyle{border-radius:clamp(24px,1.9444vw,38px)}.live-hero__lifestyle img{object-fit:contain}@media(min-width:991px){.live-hero__grid{align-items:stretch;min-height:0}.live-hero__stage{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-live-hero.css.map */