.cx-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding-block:clamp(3.2rem,7vh,8rem) clamp(8rem,13vh,13rem);overflow:clip;--wave-color: var(--cx-bg);--cx-text: var(--cx-on-yellow);--cx-text-2: #1f4640;--cx-muted: #2f4a3f;--cx-cyan: #a5360a;--cx-fg-rgb: 11, 59, 55;--hx-bg: var(--cx-yellow);--hx-accent: var(--cx-orange-deep);--hx-sun: rgba(255, 236, 170, .75);--hx-blob-a: rgba(255, 224, 138, .9);--hx-blob-b: rgba(232, 93, 42, .16);--hx-doodle: rgba(11, 77, 71, .22);--hx-spark-1: var(--cx-orange);--hx-spark-2: var(--cx-green);--hx-spark-3: var(--cx-cream);--hx-polaroid: #fffdf7;--hx-card-shadow: 0 6px 0 rgba(11, 59, 55, .85), 0 34px 60px -30px rgba(120, 66, 8, .55);--hx-rays: rgba(255, 247, 232, .45);--hx-card-dim: saturate(.9);--hx-pill-bg: var(--cx-cream);--hx-pill-ring: rgba(11, 59, 55, .9);--hx-pill-shadow: 0 5px 0 rgba(11, 59, 55, .9);--hx-arrow-bg: var(--cx-green);--hx-arrow-fg: var(--cx-cream);--hx-chip-shadow: 0 4px 0 rgba(11, 59, 55, .85);--hx-trust-bg: rgba(255, 247, 232, .72);--hx-trust-ring: rgba(11, 59, 55, .14);--hx-trust-icon-bg: var(--cx-green);--hx-trust-icon-fg: var(--cx-cream);background:var(--hx-bg);color:var(--cx-text)}html[data-theme=dark] .cx-hero{--cx-text: #fff4e0;--cx-text-2: #f0dfc2;--cx-muted: #c9d3c3;--cx-cyan: var(--cx-yellow);--cx-fg-rgb: 255, 244, 224;--hx-bg: radial-gradient(60% 55% at 78% 40%, rgba(255, 198, 41, .22), transparent 70%), radial-gradient(45% 45% at 8% 95%, rgba(232, 93, 42, .2), transparent 70%), linear-gradient(180deg, #0a3631, #062a26);--hx-accent: #ff8a50;--hx-sun: rgba(255, 198, 41, .14);--hx-blob-a: rgba(255, 198, 41, .08);--hx-blob-b: rgba(232, 93, 42, .14);--hx-doodle: rgba(255, 198, 41, .3);--hx-spark-1: var(--cx-yellow);--hx-spark-2: #ff8a50;--hx-spark-3: var(--cx-cream);--hx-polaroid: var(--cx-cream);--hx-card-shadow: 0 6px 0 rgba(0, 0, 0, .45), 0 40px 70px -30px rgba(0, 0, 0, .7), 0 0 60px -24px rgba(255, 198, 41, .45);--hx-rays: rgba(255, 198, 41, .08);--hx-card-dim: brightness(.86) saturate(.9);--hx-pill-bg: #0a3631;--hx-pill-ring: rgba(255, 244, 224, .22);--hx-pill-shadow: 0 5px 0 rgba(0, 0, 0, .5);--hx-arrow-bg: var(--cx-yellow);--hx-arrow-fg: var(--cx-on-yellow);--hx-chip-shadow: 0 4px 0 rgba(0, 0, 0, .5);--hx-trust-bg: rgba(255, 244, 224, .06);--hx-trust-ring: rgba(255, 244, 224, .16);--hx-trust-icon-bg: var(--cx-yellow);--hx-trust-icon-fg: var(--cx-on-yellow)}.cx-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.cx-hero__sun{position:absolute;top:-18vmax;left:-12vmax;width:56vmax;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--hx-sun),transparent 65%)}.cx-hero__blob{position:absolute;display:block}.cx-hero__blob--a{right:-8vmax;top:8%;width:46vmax;aspect-ratio:1;border-radius:58% 42% 55% 45%/45% 55%;background:var(--hx-blob-a)}.cx-hero__blob--b{left:-6vmax;bottom:4%;width:22vmax;aspect-ratio:1;border-radius:45% 55% 40% 60%/55% 40% 60% 45%;background:var(--hx-blob-b)}.cx-hero__spark{position:absolute;display:block}.cx-hero__spark svg{display:block;width:100%;height:100%}.cx-hero__spark--1{--size: 2.6rem;top:12%;left:46%;color:var(--hx-spark-1)}.cx-hero__spark--2{--size: 1.8rem;top:70%;left:4%;color:var(--hx-spark-2)}.cx-hero__spark--3{--size: 2.2rem;bottom:16%;left:44%;color:var(--hx-spark-3)}.cx-hero__doodle{position:absolute;left:3%;bottom:12%;width:clamp(8rem,10vw,14rem);color:var(--hx-doodle)}@media screen and (max-width:749px){.cx-hero__spark--1{top:4%;left:auto;right:8%}.cx-hero__spark--3,.cx-hero__doodle{display:none}}.cx-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(4rem,5vw,6.4rem);align-items:center}@media screen and (min-width:990px){.cx-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.cx-hero__copy{display:grid;gap:clamp(2rem,2.4vw,3.2rem);justify-items:start;min-width:0}.cx-hero__eyebrow{margin:0}.cx-hero__sticker{--tilt: -4deg;font-size:clamp(1.15rem,1vw,1.3rem);padding:.9rem 1.6rem}html[data-theme=dark] .cx-hero__sticker{box-shadow:0 3px #00000080}.cx-hero__title{font-size:clamp(4.6rem,8.4vw,12rem);font-weight:800;line-height:.95;letter-spacing:-.04em;overflow-wrap:break-word}.cx-hero__line{display:block}.cx-hero__line--accent{width:fit-content;max-width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q12 2 22 8 T42 8 T62 8 T82 8 T102 8 T118 8' fill='none' stroke='%230b4d47' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") left 100% / 100% .16em no-repeat;padding-bottom:.08em}html[data-theme=dark] .cx-hero__line--accent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q12 2 22 8 T42 8 T62 8 T82 8 T102 8 T118 8' fill='none' stroke='%23ffc629' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E")}.cx-hero__w{display:inline-block;overflow:hidden;padding-block:.06em .12em;margin-block:-.06em -.12em;vertical-align:top}.cx-hero__wi{display:inline-block;padding-right:.02em}.cx-hero .cx-accent{color:var(--hx-accent)}@media(prefers-reduced-motion:no-preference){.cx-hero__wi{transform:translateY(110%) rotate(6deg);transform-origin:0 100%;animation:cx-hero-word .9s var(--cx-spring) both;animation-delay:calc(.12s + var(--w, 0) * 70ms)}.cx-hero__line--accent{animation:cx-hero-underline .9s var(--cx-ease) 1s both}.cx-hero__fade{animation:cx-hero-fade .9s var(--cx-spring) both;animation-delay:calc(.45s + var(--i, 0) * .11s)}.cx-hero__stage{animation:cx-hero-stage 1.2s var(--cx-spring) .25s both}.cx-hero__rays{animation:cx-hero-rays 60s linear infinite}}@keyframes cx-hero-word{to{transform:none}}@keyframes cx-hero-underline{0%{background-size:0% .16em}}@keyframes cx-hero-fade{0%{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes cx-hero-stage{0%{opacity:0;transform:translateY(40px) scale(.92)}}@keyframes cx-hero-rays{to{rotate:1turn}}.cx-hero__lead{max-width:44ch;color:var(--cx-text-2);font-weight:500}.cx-hero__lead p{margin:0}.cx-hero__ctas{display:flex;flex-wrap:wrap;gap:1.4rem;padding-bottom:.6rem}@media screen and (max-width:479px){.cx-hero__ctas{width:100%}.cx-hero__ctas .cx-btn{flex:1 1 100%}}.cx-hero__trust{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.cx-hero__trust li{display:inline-flex;align-items:center;gap:.8rem;min-height:3.6rem;padding:.4rem 1.4rem .4rem .4rem;border-radius:999px;background:var(--hx-trust-bg);box-shadow:inset 0 0 0 1px var(--hx-trust-ring);color:var(--cx-text);font:700 1.3rem/1.2 var(--font-body-family)}.cx-hero__trust-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--hx-trust-icon-bg);color:var(--hx-trust-icon-fg);flex:none}.cx-hero__trust svg{width:1.5rem;height:1.5rem}.cx-hero__stage{position:relative;width:100%;max-width:60rem;justify-self:center;display:grid;gap:1.6rem;justify-items:center}.cx-hero__visual{position:relative;width:100%;aspect-ratio:1 / .92;max-height:64svh}@media screen and (max-width:749px){.cx-hero__visual{aspect-ratio:1 / .95;max-height:54svh}}.cx-hero__rays{position:absolute;left:50%;top:46%;width:120%;aspect-ratio:1;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,var(--hx-rays) 0deg 9deg,transparent 9deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 14%,transparent 62%);mask:radial-gradient(circle,#000 14%,transparent 62%);pointer-events:none}.cx-hero__spark--card-1{--size: 2.6rem;top:4%;left:8%;color:var(--hx-spark-1);z-index:4}.cx-hero__spark--card-2{--size: 1.8rem;bottom:6%;right:10%;color:var(--hx-spark-2);z-index:4}.cx-hero__cards{position:absolute;top:0;right:0;bottom:0;left:0}.cx-hero__card{--x: 0%;--y: 0%;--r: 3deg;--s: 1;position:absolute;left:50%;top:47%;width:62%;box-sizing:border-box;padding:3.4% 3.4% 0;border-radius:var(--cx-radius-lg);background:var(--hx-polaroid);box-shadow:var(--hx-card-shadow);transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s));transition:transform .8s var(--cx-spring),filter .5s var(--cx-ease),box-shadow .5s var(--cx-ease);will-change:transform;cursor:pointer}.cx-hero__plate{position:relative;aspect-ratio:1;border-radius:calc(var(--cx-radius-lg) - .8rem);overflow:hidden;isolation:isolate;background:radial-gradient(80% 80% at 50% 40%,#fff,#fff7e8 62%,#ffeccc)}.cx-hero__plate img,.cx-hero__plate .cx-hero__ph{display:block;width:100%;height:100%;object-fit:contain}.cx-hero__plate img{box-sizing:border-box;padding:9%;mix-blend-mode:multiply;transition:opacity .6s var(--cx-ease)}.cx-hero__plate .cx-hero__ph{background:var(--cx-bg-3);fill:#566c66}.cx-hero__cap{display:block;padding:1.1rem .4rem 1.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font:800 clamp(1.5rem,1.5vw,1.9rem)/1.2 var(--font-body-family);color:var(--cx-on-cream)}.cx-hero__card[data-pos="0"]{z-index:3;padding-bottom:3.4%;cursor:pointer}.cx-hero__card[data-pos="0"] .cx-hero__cap{display:none}.cx-hero__card[data-pos="1"]{--x: -54%;--y: 8%;--r: -11deg;--s: .66;z-index:2;filter:var(--hx-card-dim)}.cx-hero__card[data-pos="2"]{--x: 56%;--y: -6%;--r: 10deg;--s: .66;z-index:1;filter:var(--hx-card-dim)}@media(hover:hover){.cx-hero__card[data-pos="1"]:hover{--y: 4%;--r: -14deg;filter:none}.cx-hero__card[data-pos="2"]:hover{--y: -10%;--r: 13deg;filter:none}}.cx-hero__canvas{position:absolute;left:50%;top:47%;z-index:3;width:62%;aspect-ratio:1;translate:-50% -50%;rotate:3deg;opacity:0;transition:opacity 1s var(--cx-ease);touch-action:pan-y;cursor:grab;pointer-events:none}.cx-hero__canvas canvas{display:block;width:100%!important;height:100%!important;outline:none}.cx-hero__stage.is-3d .cx-hero__canvas{opacity:1;pointer-events:auto}.cx-hero__stage.is-3d .cx-hero__card[data-pos="0"] .cx-hero__plate img{opacity:0}.cx-hero__deco{position:absolute;z-index:6;pointer-events:none}.cx-hero__deco--bubble{top:0;right:6%}.cx-hero__deco--note{left:4%;bottom:14%}.cx-hero__bubble{--tilt: 5deg;max-width:22rem;font-size:clamp(1.4rem,1.3vw,1.7rem);padding:1.3rem 1.8rem}.cx-hero__note{position:relative;display:block;max-width:16rem;padding:1.4rem 1.6rem 1.2rem;border-radius:.8rem;background:var(--cx-cream);color:var(--cx-on-cream);font:800 1.35rem/1.25 var(--font-body-family);box-shadow:0 4px #0b3b37d9;transform:rotate(-6deg)}.cx-hero__note:before{content:"";position:absolute;top:-.9rem;left:50%;width:5.6rem;height:1.8rem;translate:-50% 0;rotate:3deg;background:#e85d2a8c;border-radius:.2rem}html[data-theme=dark] :is(.cx-hero__bubble,.cx-hero__note){box-shadow:0 4px #00000080}@media screen and (max-width:749px){.cx-hero__deco--bubble{top:-1.6rem;right:.4rem}.cx-hero__bubble{max-width:17rem;padding:1rem 1.4rem}.cx-hero__deco--note{left:.2rem;bottom:8.4rem}.cx-hero__note{max-width:12rem;padding:1.1rem 1.2rem 1rem;font-size:1.2rem}}.cx-hero__chip{position:absolute;z-index:5;display:none;align-items:center;gap:1rem;padding:.8rem 1.6rem .8rem .8rem;border-radius:999px;background:var(--cx-cream);color:var(--cx-on-cream);font:800 1.35rem/1.2 var(--font-body-family);white-space:nowrap;pointer-events:none;box-shadow:var(--hx-chip-shadow);rotate:var(--tilt, -3deg)}.cx-hero__chip small{display:block;font-weight:600;font-size:1.15rem;opacity:.85}.cx-hero__chip-icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--cx-green);color:var(--cx-cream);flex:none}.cx-hero__chip-icon svg{width:1.7rem;height:1.7rem}.cx-hero__chip--1{--tilt: -5deg;top:30%;left:-14%}.cx-hero__chip--2{--tilt: 4deg;top:52%;right:-12%;background:var(--cx-green);color:var(--cx-on-green)}.cx-hero__chip--2 .cx-hero__chip-icon{background:var(--cx-yellow);color:var(--cx-on-yellow)}.cx-hero__chip--3{--tilt: -3deg;top:84%;right:-6%;background:var(--cx-orange);color:var(--cx-on-orange)}.cx-hero__chip--3 .cx-hero__chip-icon{background:var(--cx-cream);color:var(--cx-on-cream)}@media screen and (min-width:1100px){.cx-hero__chip{display:inline-flex}}@media(prefers-reduced-motion:no-preference){.cx-hero__chip{animation:cx-hero-bob 5.5s ease-in-out infinite alternate}.cx-hero__chip--2{animation-delay:-2s}.cx-hero__chip--3{animation-delay:-3.8s}}@keyframes cx-hero-bob{to{transform:translateY(-12px) rotate(2deg)}}.cx-hero__product{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:min(100%,46rem);margin-top:-3.6rem;padding:1rem 1rem 1rem 2.2rem;border-radius:999px;background:var(--hx-pill-bg);box-shadow:inset 0 0 0 2px var(--hx-pill-ring),var(--hx-pill-shadow);color:var(--cx-text)}html:not([data-theme=dark]) .cx-hero__product{--cx-text: var(--cx-on-cream);--cx-text-2: #2f5650}.cx-hero__product-info{min-width:0;display:grid;gap:.2rem}.cx-hero__product-title{margin:0;font-size:1.5rem;font-weight:800;line-height:1.3}.cx-hero__product-title a{color:var(--cx-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cx-hero__product-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0}.cx-hero__product-title a:hover{text-decoration:underline;text-underline-offset:3px}.cx-hero__product-title a:focus-visible{outline:none}.cx-hero__product:has(a:focus-visible){outline:3px solid var(--cx-orange);outline-offset:3px}.cx-hero__product-price{margin:0;font-size:1.35rem;font-weight:600;color:var(--cx-text-2)}.cx-hero__product-info.is-swapping{animation:cx-hero-swap .6s var(--cx-spring)}@keyframes cx-hero-swap{0%{opacity:0;transform:translateY(10px) scale(.96)}}.cx-hero__controls{position:relative;z-index:1;display:flex;align-items:center;gap:.4rem;flex:none}.cx-hero__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:var(--hx-arrow-bg);color:var(--hx-arrow-fg);cursor:pointer;transition:transform .35s var(--cx-spring)}.cx-hero__arrow svg{width:2rem;height:2rem}.cx-hero__arrow:hover{transform:scale(1.1) rotate(-6deg)}.cx-hero__arrow:active{transform:scale(.94)}.cx-hero__arrow:focus-visible,.cx-hero__dot:focus-visible{outline:3px solid var(--cx-orange);outline-offset:2px}.cx-hero__dots{display:flex;align-items:center}.cx-hero__dot{position:relative;width:2.4rem;height:4.4rem;border:0;padding:0;background:none;cursor:pointer}.cx-hero__dot:before{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:.8rem;translate:-50% -50%;border-radius:999px;background:rgba(var(--cx-fg-rgb),.3);transition:width .45s var(--cx-spring),background .3s var(--cx-ease)}html:not([data-theme=dark]) .cx-hero__dot:before{background:#0b3b374d}.cx-hero__dot[aria-current=true]:before{width:2rem;background:var(--cx-orange)}.cx-hero__hint{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.02em;color:var(--cx-muted)}@media(prefers-reduced-motion:reduce){.cx-hero__card,.cx-hero__plate img,.cx-hero__canvas,.cx-hero__arrow,.cx-hero__dot:before,.cx-hero__product-info.is-swapping{transition:none;animation:none}.cx-hero__arrow:hover{transform:none}.cx-hero__canvas{display:none}}.cx-hero__plate img{object-fit:cover;padding:0;mix-blend-mode:normal}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cx-hero.css.map */