:root{color-scheme:light;--j-ink:#1E1026;--arc:clamp(28px,4.6vw,68px);--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);--m-pink:#C8375E;--m-orange:#D9661A;--m-purple:#7443BF;--m-blue:#2C68C4}body{-webkit-font-smoothing:antialiased;background:var(--paper)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:8px}.sec-title{font-size:calc(clamp(34px,5vw,66px) * var(--heading-scale));line-height:1;letter-spacing:-.032em;padding-bottom:0!important}.sec-head .sec-title:after{display:none}.sec-head{margin-bottom:clamp(28px,4vw,52px)}.sec-sub{font-size:clamp(16px,1.35vw,19px);line-height:1.55}.hdr-wrap{background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--j-ink) 8%,transparent)}.hdr{min-height:72px}.nav__list{overflow:visible;justify-content:center}.nav__link{position:relative;border-bottom:0;font-family:var(--font-heading);font-weight:600;font-size:16px;letter-spacing:-.005em}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--secondary);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1)}.cart-count{background:var(--j-ink);color:#fff}.btn{--px:50%;--py:50%;position:relative;isolation:isolate;overflow:hidden;min-height:54px;padding:0 30px;border:0;border-radius:999px;box-shadow:none;font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:-.01em;background:var(--b-bg,var(--btn-bg));color:var(--b-tx,var(--btn-text));transition:color .4s var(--ease),transform .3s var(--spring)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--b-flip,var(--btn-hover));clip-path:circle(0% at var(--px) var(--py));transition:clip-path .6s var(--ease)}.btn:hover,.btn:focus-visible{background:var(--b-bg,var(--btn-bg));color:var(--b-flip-tx,#fff);transform:translateY(-2px);filter:none}.btn:hover:before,.btn:focus-visible:before{clip-path:circle(150% at var(--px) var(--py))}.btn:active{transform:translateY(0) scale(.97);box-shadow:none}.btn--sm{min-height:46px;padding:0 20px;font-size:15px}.btn--secondary{--b-bg:var(--btn2-bg);--b-tx:var(--btn2-text)}.btn--light{--b-bg:#fff;--b-tx:var(--j-ink)}.btn--outline{--b-bg:transparent;--b-tx:currentColor;--b-flip:#fff;--b-flip-tx:var(--j-ink);box-shadow:inset 0 0 0 2px currentColor}.btn--outline:hover{box-shadow:inset 0 0 0 2px #fff}.tlink{border-bottom:0;font-family:var(--font-heading);font-size:17px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 3px no-repeat;padding-bottom:4px;transition:background-size .45s var(--ease)}.tlink:hover{background-size:0 3px;background-position:100% 100%}.template-index #MainContent{overflow-x:clip}.template-index :is(.cn-section,.cn-wg,.cn-dr,.ticker-sec,.usp,.site-footer){position:relative;border-radius:var(--arc) var(--arc) 0 0;margin-top:calc(var(--arc) * -1);overflow:clip}.template-index .cn-section{background:var(--sec-bg,var(--paper));color:var(--sec-text,var(--j-ink));padding-block:calc(var(--pt,64px) + 8px) calc(var(--pb,64px) + var(--arc))}.template-index .cn-section>.wrap{position:relative;z-index:1}.template-index .cn-wg{background:var(--wg-bg,var(--paper));padding:clamp(56px,7vw,96px) 0 calc(clamp(56px,7vw,96px) + var(--arc))}.template-index .cn-dr{background:var(--sec-bg,var(--paper));padding:clamp(40px,5vw,72px) 0 calc(clamp(40px,5vw,72px) + var(--arc))}@media(max-width:749px){.template-index .cn-section{padding-block:calc(var(--pt,64px) * .72) calc(var(--pb,64px) * .72 + var(--arc))}}.template-index .cn-section:before{content:"";position:absolute;z-index:0;right:max(4vw,14px);top:calc(var(--pt,64px) * .5 + 12px);width:clamp(54px,7vw,108px);aspect-ratio:1;border-radius:50%;border:clamp(8px,1vw,14px) solid color-mix(in srgb,var(--sec-text,var(--j-ink)) 13%,transparent);pointer-events:none;animation:jdrift 16s ease-in-out infinite alternate}.template-index .cn-section:after{content:"";position:absolute;z-index:0;left:max(3vw,12px);bottom:calc(var(--arc) + 28px);width:clamp(34px,4vw,60px);aspect-ratio:1;background:color-mix(in srgb,var(--sec-text,var(--j-ink)) 11%,transparent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;animation:jspin 26s linear infinite}@keyframes jdrift{0%{transform:translate(0) scale(1)}to{transform:translate(-22px,26px) scale(1.12)}}@keyframes jspin{to{transform:rotate(360deg)}}@supports (animation-timeline:view()){.template-index .cn-section:before{animation:jdrift-s linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes jdrift-s{0%{transform:translateY(60px) scale(.9)}to{transform:translateY(-60px) scale(1.15)}}}.js [data-reveal]{opacity:0;translate:0 34px;transition:opacity .8s var(--ease),translate .9s var(--ease);transition-delay:calc(var(--rd,0) * 90ms)}.js [data-reveal].is-in{opacity:1;translate:0 0}.jbar{position:fixed;inset:0 0 auto 0;height:5px;z-index:60;pointer-events:none}.jbar i{display:block;height:100%;background:var(--jbar,var(--m-pink));transform-origin:0 50%;transform:scaleX(0);transition:background-color .6s}@supports (animation-timeline:scroll()){.jbar i{animation:jbar linear both;animation-timeline:scroll(root)}@keyframes jbar{to{transform:scaleX(1)}}}.jcell{container-type:inline-size;min-width:0}.jcard{--c:var(--primary);--c2:var(--tint-warm);position:relative;display:flex;flex-direction:column;height:100%;background:#fff;color:var(--j-ink);border:3px solid var(--c);border-radius:50cqw 50cqw 28px 28px;transition:transform .55s var(--spring),box-shadow .55s var(--ease)}.jcard:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 28px 44px -22px color-mix(in srgb,var(--c) 60%,transparent)}.jcard__arch{position:relative;display:block;aspect-ratio:1/1.02;background:var(--c2);border-radius:calc(50cqw - 3px) calc(50cqw - 3px) 0 0;overflow:hidden}.jcard__img{position:absolute;top:15%;right:12%;bottom:3%;left:12%;display:grid;place-items:end center}.jcard__img img,.jcard__img svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s var(--spring)}.jcard:hover .jcard__img img{transform:scale(1.08) rotate(-2.5deg)}.jcard__badge{position:absolute;z-index:2;left:14px;bottom:12px;padding:4px 11px;border-radius:999px;background:var(--c);color:var(--c-text,#fff);font-size:12px;font-weight:800}.jcard__mascot{position:absolute;z-index:3;top:-22px;right:-10px;width:clamp(48px,26cqw,68px);rotate:9deg;transition:rotate .5s var(--spring),scale .5s var(--spring);filter:drop-shadow(0 6px 8px rgba(30,16,38,.18))}.jcard:hover .jcard__mascot{rotate:-8deg;scale:1.12}.jcard__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px clamp(14px,6cqw,22px) 22px}.jcard__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}.jcard__age{padding:3px 11px;border-radius:999px;border:1.5px solid var(--c);color:var(--j-ink);background:transparent}.jcard__title{font-family:var(--font-heading);font-size:clamp(20px,9.5cqw,28px);line-height:1;letter-spacing:-.025em;font-weight:800;color:var(--c)}.jcard__title a{color:inherit}.jcard__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.jcard__benefit{font-size:14px;line-height:1.45;color:var(--muted)}.jcard .price__current{font-family:var(--font-heading);font-size:22px;font-weight:800}.jcard__actions{margin-top:auto;padding-top:8px;position:relative;z-index:2}.jcard__actions .btn{width:100%}.jcard .rating{font-size:12.5px}.site-footer{color:#efe6f5;--muted:#C9B9D3;--line:rgba(255,255,255,.16)}.site-footer a:hover{color:#fff}.site-footer .fcol__title{font-family:var(--font-heading);font-size:18px}.usp{border-block:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cn-j-base.css.map */