@font-face{font-family:Cabinet;src:url(/assets/fonts/cabinet.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--deep:#0A2A1B;--stem:#0E3B26;--moss:#2F5B45;--sprout:#CDF23B;--sprout-w:#EEF9C4;--copper:#C8551F;--copper-t:#A8421A;--copper-w:#F8DFD1;--petal:#FFD9E6;--petal-w:#FFECF2;--rinse:#F4F7EA;--mist:#E4ECD6;--white:#fff;
--line:rgba(14,59,38,.14);--line-d:rgba(244,247,234,.16);--r-s:.75rem;--r-m:1.25rem;--r-l:2rem;--r-pill:999px;--spring:cubic-bezier(.22,1,.36,1);--shadow:0 1.5rem 3.75rem -2rem rgba(10,42,27,.45);--g:2.5rem;--hdr:0px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem;overflow-x:clip}body{margin:0;background:var(--rinse);color:var(--stem);font:500 1rem/1.5 Satoshi,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,video,canvas,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,figure,fieldset,dl,dd{margin:0;padding:0;border:0}
h1,h2,h3,.hx{font-family:Cabinet,system-ui,sans-serif;font-optical-sizing:auto}
h1{font-weight:900;font-size:clamp(2.75rem,6vw,5.5rem);line-height:.96;letter-spacing:-.028em}
h2{font-weight:900;font-size:clamp(2.25rem,4.6vw,4.25rem);line-height:1;letter-spacing:-.025em}
h3{font-weight:800;font-size:1.5rem;line-height:1.1;letter-spacing:-.012em}
:focus-visible{outline:.1875rem solid var(--copper-t);outline-offset:.1875rem;border-radius:.375rem}.sec-d :focus-visible,.dial :focus-visible,.ftr :focus-visible{outline-color:var(--sprout)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--stem);color:var(--sprout);padding:.75rem 1.25rem;border-radius:var(--r-pill);transition:top .2s}.skip:focus{top:1rem}
.wrap{max-width:90rem;margin:0 auto;padding-inline:var(--g)}.wrap-n{max-width:60rem}
.lb{font:700 .8125rem/1.3 Satoshi,sans-serif;letter-spacing:.015em;color:var(--moss);margin-bottom:.75rem}.lb-d{color:var(--sprout)}
.sec{padding-block:7rem}.sec-t{padding-top:0}.bg-m{background:var(--mist)}.sec-d{background:var(--stem);color:var(--rinse)}.ctr{text-align:center;margin-top:3rem}
.sh{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem}.sh-d .lb{color:var(--sprout)}.sh-c{justify-content:center;text-align:center}.more{display:inline-flex;gap:.5rem;align-items:center;font-weight:700;white-space:nowrap}.more svg{transition:transform .25s var(--spring)}.more:hover svg{transform:translateX(.25rem)}
.note{font-size:.875rem;color:var(--moss);margin-top:1.5rem;letter-spacing:.005em}.note-d{color:rgba(244,247,234,.76)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3.25rem;padding:.75rem 1.625rem;border-radius:var(--r-pill);font-weight:700;letter-spacing:0;white-space:nowrap;transition:transform .1s ease-out,background-color .2s,color .2s,box-shadow .2s}
.btn:active,.shopbtn:active,.act:active,.pc-add:active,.pc-w:active,.rail-b:active,.qo:active,.dt:active,.fh:active,.xpb:active,.fq summary:active,.ac summary:active,.gal-th button:active{transform:scale(.97)}
.btn svg{transition:transform .25s var(--spring)}.btn:hover svg{transform:translateX(.25rem)}.wide{width:100%}
.btn-r{background:var(--stem);color:var(--sprout)}.btn-r:hover{background:var(--deep)}.btn-g{background:var(--sprout);color:var(--stem)}.btn-g:hover{background:#DDF85F}.btn-p{background:var(--petal);color:var(--stem)}.btn-p:hover{background:#fff}.btn-l{box-shadow:inset 0 0 0 .09375rem var(--stem)}.btn-l:hover{background:var(--stem);color:var(--sprout)}.btn-gl{color:var(--white);background:rgba(10,42,27,.32);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 .09375rem rgba(255,255,255,.5)}.btn-gl:hover{background:rgba(10,42,27,.5)}
.stars{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem}.st{position:relative;color:rgba(14,59,38,.2);letter-spacing:.06em;line-height:1}.st-f{position:absolute;inset:0;overflow:hidden;color:var(--copper);white-space:nowrap}.st-n{font-weight:700}
.tag{position:absolute;left:.75rem;top:.75rem;z-index:2;background:var(--stem);color:var(--sprout);font-size:.75rem;font-weight:700;padding:.3125rem .75rem;border-radius:var(--r-pill);letter-spacing:.015em}
[data-rv]{opacity:1}.js [data-rv]{opacity:0;transform:translate3d(0,1rem,0);transition:opacity .5s var(--spring),transform .6s var(--spring);transition-delay:calc(var(--i,0)*50ms)}.js [data-rv].is-in{opacity:1;transform:none}
/* announcement + header */
.ann{background:var(--stem);color:var(--rinse);font-size:.8125rem;font-weight:700;letter-spacing:.015em;position:relative;z-index:32}.ann-in{display:flex;justify-content:space-between;align-items:center;min-height:2.25rem}.ann-m{position:relative;flex:1;height:1.25rem}.ann-m span{position:absolute;inset:0;opacity:0;transition:opacity .4s}.ann-m span.is-on{opacity:1}.ann-r{display:flex;gap:1.5rem}.ann-r a:hover{color:var(--sprout)}
.hdr{position:sticky;top:0;z-index:30;background:rgba(244,247,234,.72);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.5)}
.hdr-t{display:flex;align-items:center;gap:1.25rem;min-height:4.5rem;transition:min-height .3s var(--spring)}.is-stuck .hdr-t{min-height:3.75rem}.logo img{height:2.5rem;width:auto}.is-stuck .logo img{height:2.125rem}
.shopbtn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.125rem;border-radius:var(--r-pill);background:var(--sprout);font-weight:700;transition:transform .1s ease-out}.srch{position:relative;flex:1;max-width:36rem;display:flex;align-items:center;gap:.625rem;background:var(--white);border-radius:var(--r-pill);padding-inline:1.125rem;min-height:2.75rem;box-shadow:inset 0 0 0 .0625rem var(--line)}.srch input{flex:1;min-width:0;border:0;background:none;outline:0}.srch:focus-within{box-shadow:inset 0 0 0 .125rem var(--stem)}.srch input::placeholder{color:var(--moss)}
.srch-r{position:absolute;left:0;right:0;top:calc(100% + .5rem);background:var(--white);border-radius:var(--r-m);box-shadow:var(--shadow);padding:.5rem;z-index:5}.srch-r a{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--r-s);font-size:.875rem}.srch-r a:hover,.srch-r a.is-sel{background:var(--mist)}.srch-r img{width:3rem;height:3rem;object-fit:contain}.srch-r b,.srch-r i{display:block;font-style:normal}.srch-r i{color:var(--moss)}.srch-r p{padding:.75rem;font-size:.875rem}
.acts{display:flex;align-items:center;gap:.25rem;margin-left:auto}.act{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .75rem;border-radius:var(--r-pill);font-weight:700;transition:background-color .2s,transform .1s ease-out}.act:hover{background:rgba(14,59,38,.08)}.act-s,.burger{display:none}.cnt{min-width:1.25rem;height:1.25rem;padding:0 .3125rem;border-radius:var(--r-pill);background:var(--copper-t);color:#fff;font-size:.75rem;line-height:1.25rem;text-align:center}.cnt[hidden]{display:none}
.hdr-n{overflow:hidden;max-height:3rem;transition:max-height .3s var(--spring),opacity .2s}.is-stuck .hdr-n{max-height:0;opacity:0}.hdr-n ul{display:flex;gap:1.75rem;align-items:center;height:2.75rem;font-weight:700;font-size:.9375rem;white-space:nowrap}.hdr-n a{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding-block:.25rem}.hdr-n a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.125rem;background:var(--stem);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--spring)}.hdr-n a:hover::after,.hdr-n a[aria-current]::after{transform:scaleX(1)}.hot{color:var(--copper-t)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--white);box-shadow:var(--shadow);border-radius:0 0 var(--r-l) var(--r-l);visibility:hidden;opacity:0;transform:scale(.985) translate3d(0,-.5rem,0);transform-origin:var(--ox,10rem) 0;transition:opacity .16s,transform .24s var(--spring),visibility 0s .24s}.mega.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .12s,transform .28s var(--spring)}.mega[hidden]{display:block}
.mega-in{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr;gap:2rem;padding-block:2rem}.mega li a{display:flex;align-items:center;gap:.625rem;min-height:2.5rem;font-weight:700}.mega li a:hover{color:var(--copper-t)}.tx{width:2.75rem;height:1.375rem;flex:none}.tx path{fill:none;stroke:var(--copper);stroke-width:14;stroke-linecap:round}
.mega-f{display:grid;grid-template-columns:7rem 1fr;gap:1rem;align-items:center;background:var(--t);border-radius:var(--r-m);padding:1rem}.mega-f img{width:7rem;height:8rem;object-fit:contain}.mega-f b{font:800 1.5rem/1.1 Cabinet}.mega-f i,.mega-f em{display:block;font-style:normal;font-size:.875rem;margin-top:.25rem}.mega-f em{font-weight:700}
.tint-sprout{--t:var(--sprout-w);--f:var(--stem)}.tint-stem{--t:var(--mist);--f:var(--sprout)}.tint-petal{--t:var(--petal-w);--f:var(--stem)}.tint-copper{--t:var(--copper-w);--f:var(--petal)}.tint-deep{--t:var(--mist);--f:var(--sprout)}.tint-rinse{--t:var(--copper-w);--f:var(--copper-t)}
dialog{border:0;padding:0;color:inherit;background:none;max-width:none;max-height:none}dialog::backdrop{background:rgba(10,42,27,.48);opacity:calc(1 - var(--sx,0))}
.mnav{position:fixed;inset:0 0 0 auto;width:min(26rem,92vw);height:100dvh;margin:0;background:var(--stem);color:var(--rinse);padding:1.25rem;transform:translate3d(calc(var(--sx,1)*100%),0,0)}.mnav-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.mnav-t img{height:2.25rem;width:auto}.mnav li a{display:block;padding:.75rem 0;font:800 1.5rem/1.1 Cabinet;letter-spacing:-.012em;border-bottom:.0625rem solid var(--line-d)}.mnav .btn{margin-top:1.5rem;width:100%}
/* the part */
.part{position:relative;background:var(--sprout);margin-top:-7.25rem}.part-pin{position:relative;overflow:hidden;min-height:44rem;background:var(--sprout)}
.stage{position:relative;min-height:44rem;display:grid;place-items:center;padding:9rem 1rem 6rem;color:var(--stem)}
.stage-w{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:900 clamp(6rem,23vw,24rem)/.8 Cabinet;letter-spacing:-.04em;color:rgba(14,59,38,.1);pointer-events:none}.stage-b{position:relative;z-index:2;height:min(66vh,40rem);width:auto;filter:drop-shadow(0 2rem 2.5rem rgba(14,59,38,.28))}
.stage-c{position:absolute;right:max(var(--g),calc((100vw - 90rem)/2 + var(--g)));bottom:3rem;z-index:6;display:grid;grid-template-columns:1fr auto;gap:.5rem 1.25rem;align-items:center;width:20rem;padding:1rem 1.125rem;border-radius:var(--r-m);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow),inset 0 .0625rem 0 rgba(255,255,255,.6)}.stage-ct b{display:block;font:800 1.5rem/1.1 Cabinet}.stage-ct i{font-style:normal}.stage-cp{font-weight:800;font-size:1.25rem}.stage-c .btn{grid-column:1/-1}
.stage-h{position:absolute;left:max(var(--g),calc((100vw - 90rem)/2 + var(--g)));bottom:3rem;z-index:6;display:flex;gap:.5rem;flex-wrap:wrap;max-width:24rem}.stage-h a{padding:.625rem 1rem;border-radius:var(--r-pill);background:var(--stem);color:var(--sprout);font-weight:700;font-size:.875rem;transition:transform .1s ease-out}.stage-h a:active{transform:scale(.97)}
.hair{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;--o:.64}.hair img{position:absolute;top:50%;height:max(100%,62.5vw);width:auto;max-width:none}.hair-l{left:50%;transform:translate(calc(-76.2% - var(--o)*70vw),-50%)}.hair-r{left:50%;transform:translate(calc(-23.8% + var(--o)*70vw),-50%)}.hair-c{position:absolute;inset:0;width:100%;height:100%;opacity:0}.hair.is-gl img{visibility:hidden}.hair.is-gl .hair-c{opacity:1}
.part-c{position:relative;z-index:5;pointer-events:none;background:var(--sprout);padding-block:3rem}.part-c a,.part-c button{pointer-events:auto}.part-ci{position:relative}.hx{font-weight:900;font-size:clamp(3.5rem,11vw,11rem);line-height:.9;letter-spacing:-.03em}.part-s{font-size:1.125rem;max-width:24rem;margin-bottom:1.25rem}.part-a{display:flex;gap:.75rem;flex-wrap:wrap}.part-r{display:flex;align-items:center;gap:.625rem;margin-top:1rem;font-size:.875rem}.part-h{display:none}.part-c .btn-g{background:var(--stem);color:var(--sprout)}.part-c .btn-gl{color:var(--stem);background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 .09375rem var(--stem)}
@media (prefers-reduced-motion:no-preference){.js .part{height:calc(100svh + 120svh)}.js .part-pin{position:sticky;top:0;height:100svh;min-height:0;touch-action:pan-y}.js .stage{position:absolute;inset:0;min-height:0;padding:0}.js .hair{--o:0}.js .part-c{position:absolute;inset:0;background:none;padding:0;color:var(--white);display:flex;align-items:flex-end;will-change:transform,opacity}.js .part-ci{width:100%;padding-block:9rem 2.5rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem}.js .hx{color:var(--sprout);text-shadow:0 .25rem 2.5rem rgba(70,20,0,.28)}.js .part-b{justify-self:end;width:22rem;padding:1.25rem;border-radius:var(--r-m);background:rgba(10,42,27,.42);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.js .part-c .btn-g{background:var(--sprout);color:var(--stem)}.js .part-c .btn-gl{color:var(--white);background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 .09375rem rgba(255,255,255,.7)}.js .part-c .btn-gl:hover{background:rgba(255,255,255,.12)}.js .part-r{color:var(--white)}.js .part-r .st{color:rgba(255,255,255,.3)}.js .part-r .st-f{color:var(--sprout)}.js .part-h{display:flex;grid-column:1/-1;gap:.5rem;align-items:center;font-weight:700;font-size:.875rem;color:var(--white);transition:opacity .4s}.js .part-h.is-done{opacity:0}
.js .stage-b{transform:translate3d(0,calc((1 - var(--st,0))*2.5rem),0) scale(calc(.9 + var(--st,0)*.1))}.js .stage-c,.js .stage-h{opacity:var(--st,0);transform:translate3d(0,calc((1 - var(--st,0))*1.25rem),0);visibility:hidden}.js .is-open .stage-c,.js .is-open .stage-h{visibility:visible}}
/* concern rail */
.cn{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding-block:4rem}.cn a{position:relative;display:block;border-radius:var(--r-pill);overflow:hidden;aspect-ratio:3/5;color:var(--white);isolation:isolate}.cn-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--spring)}.cn a:hover .cn-i{transform:scale(1.05)}.cn a{transition:transform .1s ease-out}.cn a:active{transform:scale(.98)}.pc-m:active{transform:scale(.985)}.pc-m{transition:background-color .35s,transform .1s ease-out}.cn a::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,42,27,.86))}.cn-t{position:absolute;left:0;right:0;bottom:2rem;z-index:2;text-align:center;padding-inline:1rem}.cn-t b{display:block;font:800 1.5rem/1.1 Cabinet;letter-spacing:-.012em}.cn-t i{display:block;font-style:normal;font-size:.875rem;margin-top:.25rem}
.mq{background:var(--sprout);overflow:hidden;padding-block:1.125rem}.mq-t{display:flex;gap:3rem;width:max-content;font:800 1.5rem/1.1 Cabinet;white-space:nowrap;animation:mq 60s linear infinite}.mq-t span::after{content:"";display:inline-block;width:.5rem;height:.5rem;margin-left:3rem;border-radius:50%;background:var(--stem);vertical-align:middle}.mq:hover .mq-t{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(19rem,auto);gap:1rem}.bt{position:relative;display:flex;border-radius:var(--r-l);overflow:hidden;padding:1.75rem;min-height:19rem;transition:transform .1s ease-out}.bt:active{transform:scale(.99)}.bt-a{grid-column:span 3;background:var(--stem);color:var(--sprout)}.bt-b{grid-column:span 3;background:var(--sprout)}.bt-c{grid-column:span 2;background:var(--copper-t);color:var(--petal)}.bt-d{grid-column:span 2;background:var(--petal)}.bt-e{grid-column:span 2;background:var(--mist)}
.bt-x{position:relative;z-index:2;display:flex;flex-direction:column;max-width:15rem}.bt-x b{font:900 clamp(2.25rem,3.6vw,3.25rem)/1 Cabinet;letter-spacing:-.025em}.bt-x span{margin-top:.5rem}.bt-x em{margin-top:auto;display:inline-flex;gap:.375rem;align-items:center;font-style:normal;font-weight:700}.bt-i{position:absolute;right:-1rem;bottom:-2rem;width:58%;height:112%;display:block;will-change:transform}.bt-i img{width:100%;height:100%;object-fit:contain;object-position:bottom right}.bt-c .bt-i,.bt-d .bt-i,.bt-e .bt-i{width:72%;height:92%}
/* product cards */
.pg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem 1.25rem}.pg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-s{grid-template-columns:repeat(3,minmax(0,1fr))}.pc{position:relative;min-width:0}.pc[hidden]{display:none}.pc-m{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-m);overflow:hidden;background:var(--t,var(--mist));transition:background-color .35s}.pc:hover .pc-m{background:var(--f)}.pc-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:.5rem;transition:opacity .3s,transform .5s var(--spring)}.pc-2{opacity:0}.pc:hover .pc-2{opacity:1}.pc:hover .pc-1{opacity:0}.pc:hover .pc-m img{transform:translate3d(0,-.375rem,0) scale(1.03)}
.pc-w{position:absolute;right:.625rem;top:.625rem;z-index:3;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s ease-out}.pc-w[aria-pressed=true] svg{fill:var(--copper);stroke:var(--copper)}
.pc-add{position:absolute;left:.625rem;right:.625rem;top:0;margin-top:calc(125% - 3.625rem);z-index:3;min-height:3rem;display:flex;align-items:center;justify-content:center;gap:.375rem;border-radius:var(--r-pill);background:var(--stem);color:var(--sprout);font-weight:700;opacity:0;transform:translate3d(0,.5rem,0);transition:opacity .2s,transform .25s var(--spring)}.pc:hover .pc-add,.pc-add:focus-visible{opacity:1;transform:none}.pc:hover .pc-add:active{transform:scale(.97)}@media (hover:none){.pc-add{opacity:1;transform:none;left:auto;width:3rem;padding:0}.pc-add span{display:none}}
.pc-b{padding:.875rem .25rem 0}.pc-n{display:block;font:800 1.25rem/1.15 Cabinet;letter-spacing:-.008em}.pc-l{font-size:.875rem;color:var(--moss)}.pc-p{display:flex;gap:.5rem;margin-top:.25rem}.pc-p s{color:var(--moss);font-weight:500}
.promo{position:relative;grid-column:span 2;display:block;border-radius:var(--r-m);overflow:hidden;background:var(--sprout);min-height:100%}.promo-i{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto}.promo-b{position:relative;z-index:2;display:block;padding:1.5rem}.promo-b b{display:block;font:900 clamp(1.75rem,3vw,2.75rem)/1 Cabinet;letter-spacing:-.025em;margin-bottom:1rem}.promo .lb{color:var(--stem)}
.strand{height:9rem;overflow:hidden}.strand svg{width:100%;height:100%}.strand path{fill:none;stroke:var(--copper);stroke-width:.875rem;stroke-linecap:round}.strand-c{background:var(--mist);height:12rem}
/* dial */
.dial{background:var(--stem);color:var(--rinse);padding-block:7rem;overflow:hidden}.dial-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4rem;align-items:center}.dial-s{font-size:1.125rem;margin-top:1rem;max-width:26rem}.dial-g{margin:1.5rem -1rem .5rem}.dial-p{width:100%;height:auto;overflow:visible}.dial-p path{fill:none;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}
.dial-tr{position:relative;height:3rem;margin:0 1.5rem;touch-action:none;cursor:grab;display:flex;align-items:center}.dial-tr.is-grab{cursor:grabbing}.dial-tr::before{content:"";position:absolute;left:0;right:0;top:50%;height:.25rem;margin-top:-.125rem;border-radius:var(--r-pill);background:var(--line-d)}.dial-f{position:absolute;left:0;right:0;top:50%;height:.25rem;margin-top:-.125rem;border-radius:var(--r-pill);background:var(--sprout);transform-origin:left}.dial-tr b{position:absolute;left:var(--x);top:50%;width:.625rem;height:.625rem;margin:-.3125rem 0 0 -.3125rem;border-radius:50%;background:var(--rinse)}
.dial-k{position:absolute;top:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--sprout);color:var(--stem);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.3);transition:scale .1s ease-out}.is-grab .dial-k{scale:1.1}
.dial-t{display:flex;justify-content:space-between;margin:.75rem 0 0}.dt{min-height:2.75rem;padding:0 .875rem;border-radius:var(--r-pill);font-weight:700;color:var(--rinse);transition:background-color .2s,color .2s,transform .1s ease-out}.dt.is-on{background:var(--sprout);color:var(--stem)}
.dp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:1.5rem;background:rgba(244,247,234,.07);border-radius:var(--r-l);padding:1rem}.dp[hidden]{display:none}.dp.is-on{animation:fadein .28s var(--spring)}@keyframes fadein{from{opacity:.4;transform:translate3d(0,.375rem,0)}}.dp-m{border-radius:var(--r-m);overflow:hidden;background:var(--deep);aspect-ratio:3/4.4}.dp-m img{width:100%;height:100%;object-fit:cover}.dp-b{padding:.75rem .5rem .5rem 0;display:flex;flex-direction:column;gap:.625rem}.dp-b h3{font:900 2.5rem/1 Cabinet;letter-spacing:-.025em;color:var(--sprout)}.dp-t{color:rgba(244,247,234,.8);font-size:.875rem}.dp-r{display:grid;gap:.375rem;margin-top:auto}.dr-i{display:grid;grid-template-columns:3.25rem 1fr;gap:.625rem;align-items:center;padding:.25rem;border-radius:var(--r-s);transition:background-color .2s}.dr-i:hover{background:rgba(244,247,234,.1)}.dr-i img{width:3.25rem;height:3.25rem;object-fit:contain;background:var(--rinse);border-radius:.625rem}.dr-i b,.dr-i i{display:block;font-style:normal;line-height:1.3}.dr-i i{font-size:.875rem;color:rgba(244,247,234,.76)}
/* offer */
.cd{position:relative;background:var(--copper-t);color:var(--white);margin-top:6rem}.cd-in{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;min-height:32rem;align-items:center;padding-block:4rem}.cd-l .lb{color:var(--petal)}.cd-e{margin:1.5rem 0 .5rem;font-weight:700}.cd-b{display:flex;gap:.5rem;margin-bottom:1.5rem}.cd-b div{min-width:4.5rem;padding:.625rem .25rem;text-align:center;background:rgba(255,255,255,.14);border-radius:var(--r-s)}.cd-b b{display:block;font:900 2.25rem/1 Cabinet;font-variant-numeric:tabular-nums}.cd-b span{font-size:.75rem;font-weight:700}
.cd-p{position:absolute;left:32%;bottom:0;width:36%;height:calc(100% + 6rem);display:flex;align-items:flex-end;pointer-events:none}.cd-p img{width:100%;height:100%;object-fit:contain;object-position:bottom}.burst{position:absolute;left:62%;top:2.5rem;width:9rem;height:9rem;display:grid;place-items:center;animation:none}.burst svg{position:absolute;inset:0;fill:var(--sprout)}.burst b{position:relative;font:900 2.25rem/1 Cabinet;color:var(--stem)}
.cd-c{position:relative;justify-self:end;grid-column:3;width:17rem;background:var(--white);color:var(--stem);border-radius:var(--r-m);padding:.75rem;box-shadow:var(--shadow)}.cd-c img{height:13rem;width:100%;object-fit:contain;background:var(--sprout-w);border-radius:var(--r-s)}.cd-cb{display:flex;justify-content:space-between;align-items:baseline;padding:.625rem .25rem .125rem}.cd-cb>b{font:800 1.25rem/1.1 Cabinet}.cd-cb span s{color:var(--moss);margin-left:.25rem;font-weight:500}
/* rails */
.rail{position:relative}.rail-t{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:.25rem;cursor:grab}.rail-t::-webkit-scrollbar{display:none}.rail-t.is-drag{scroll-snap-type:none;cursor:grabbing;scroll-behavior:auto}.rail-t.is-drag img,.rail-t.is-drag a{pointer-events:none}.rail-i{flex:0 0 calc((100% - 4rem)/5);scroll-snap-align:start;min-width:0}.rail-b{position:absolute;top:38%;width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--white);box-shadow:var(--shadow);z-index:4;transition:opacity .2s,transform .1s ease-out}.rail-b.prev{left:-1rem}.rail-b.next{right:-1rem}.rail-b:disabled{opacity:0;pointer-events:none}.sec-d .rail-b{color:var(--stem)}
.strip{position:relative;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--petal);border-radius:var(--r-l);padding:3rem;overflow:hidden;min-height:18rem}.strip-n{position:absolute;right:26%;top:50%;transform:translateY(-50%);font:900 clamp(12rem,24vw,24rem)/.8 Cabinet;letter-spacing:-.04em;color:rgba(255,255,255,.72)}.strip-i{position:absolute;right:15%;top:50%;width:30rem;max-width:44%;transform:translateY(-46%) rotate(-6deg)}.strip b{position:relative;z-index:2;font:900 clamp(1.75rem,3.2vw,3rem)/1 Cabinet;letter-spacing:-.025em}.strip em{position:relative;z-index:2;font-style:normal}
/* before and after */
.bas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.ba{position:relative;aspect-ratio:4/5;border-radius:var(--r-m);overflow:hidden;--p:50%;touch-action:pan-y;cursor:ew-resize;user-select:none}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-c{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ba-t{position:absolute;top:.75rem;padding:.3125rem .75rem;border-radius:var(--r-pill);background:rgba(10,42,27,.6);color:#fff;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ba-t.l{left:.75rem}.ba-t.r{right:.75rem}.ba-h{position:absolute;left:var(--p);top:50%;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sprout);color:var(--stem);box-shadow:var(--shadow)}.ba::after{content:"";position:absolute;left:var(--p);top:0;bottom:0;width:.1875rem;margin-left:-.09375rem;background:var(--sprout)}.ba input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;pointer-events:none}.ba:focus-within{outline:.1875rem solid var(--copper-t);outline-offset:.1875rem}.ba-f figcaption{padding-top:.875rem}.ba-f b{display:block;font:800 1.25rem/1.15 Cabinet}.ba-f span{display:block}.ba-f i{font-style:normal;font-size:.875rem;color:var(--moss)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.stats b{display:block;font:900 clamp(3rem,6vw,5rem)/1 Cabinet;letter-spacing:-.03em;color:var(--copper-t)}.stats span{display:block;margin-top:.25rem;max-width:18rem}
/* video */
.vc{position:relative;flex:0 0 15rem;aspect-ratio:9/16;border-radius:var(--r-m);overflow:hidden;background:var(--deep);scroll-snap-align:start;text-align:left;color:#fff;transition:transform .1s ease-out}.vc:active{transform:scale(.98)}.vc img,.vc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vc::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(10,42,27,.86))}.vc-play{position:absolute;left:.75rem;top:.75rem;z-index:2;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.86);color:var(--stem)}.vc-b{position:absolute;left:.875rem;right:.875rem;bottom:.875rem;z-index:2;display:block}.vc-s{color:var(--sprout);font-size:.8125rem;letter-spacing:.06em}.vc-q{display:block;font-weight:700;line-height:1.25;margin:.125rem 0 .25rem}.vc-n{display:inline-flex;gap:.25rem;align-items:center;font-size:.8125rem}
/* reviews */
.rv{background:var(--mist);border-radius:var(--r-l);padding:3rem}.rv-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.rv-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rc{background:var(--white);border-radius:var(--r-m);padding:1.5rem;display:flex;flex-direction:column;gap:.625rem}.rc footer{display:grid;grid-template-columns:2.5rem 1fr;gap:.125rem .625rem;align-items:center;margin-top:auto;padding-top:.75rem}.rc .stars{grid-column:1/-1}.av{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--sprout);font-weight:800}.rc b,.rc i{display:block;font-style:normal}.rc i{font-size:.875rem;color:var(--moss)}.rv-s{display:flex;gap:1rem;align-items:baseline;margin-top:2rem}.rv-s b{font:900 2.5rem/1 Cabinet}
.hts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.ht-v{position:relative;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:var(--deep);margin-bottom:1rem}.ht-v img,.ht-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ht-v span{position:absolute;left:.75rem;bottom:.75rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--sprout)}.ht-c .lb{margin-bottom:.25rem}.ht-c p:last-child{margin-top:.25rem}
.usp{position:relative;background:var(--deep);color:var(--white);overflow:hidden;min-height:38rem;display:flex;align-items:center}.usp-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.usp-sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,42,27,.86),rgba(10,42,27,.2) 70%)}.usp-in{position:relative;width:100%;padding-block:5rem;display:grid;gap:3rem}.usp-in>div{max-width:34rem}.usp-in p:not(.lb){margin:.75rem 0 1.5rem;font-size:1.125rem}.usp ul{display:flex;gap:1.5rem;flex-wrap:wrap;max-width:34rem}.usp li{display:flex;flex-direction:column;gap:.5rem;width:9rem;font-weight:700;line-height:1.25}.usp li span{width:3.25rem;height:3.25rem;display:grid;place-items:center;border-radius:50%;background:var(--sprout);color:var(--stem)}
/* footer */
.ftr{background:var(--deep);color:var(--rinse);padding-block:4rem 2rem}.sub{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:var(--stem);border-radius:var(--r-l);padding:2.5rem}.sub h2{font-size:clamp(1.75rem,3.2vw,3rem)}.sub h2 span{color:var(--sprout)}.sub-f{display:flex;gap:.5rem;background:var(--rinse);padding:.375rem;border-radius:var(--r-pill)}.sub-f input{flex:1;min-width:0;border:0;background:none;outline:0;padding-inline:1.125rem;color:var(--stem)}.sub-f input::placeholder{color:var(--moss)}.sub-f:focus-within{box-shadow:0 0 0 .1875rem var(--sprout)}.sub-m{min-height:1.5rem;margin-top:.5rem;font-size:.875rem;font-weight:700;color:var(--sprout)}
.pays{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:3rem;flex-wrap:wrap}.pays img{height:1.75rem;width:auto}.ftr-g{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding-top:3rem;border-top:.0625rem solid var(--line-d)}.ftr-b img{height:3rem;width:auto}.ftr-t{margin:1rem 0;max-width:22rem}.soc{display:inline-flex;gap:.25rem;background:var(--stem);border-radius:var(--r-pill);padding:.25rem}.soc a{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%}.soc a:hover{background:var(--sprout);color:var(--stem)}.ftr-g h2{font:700 .8125rem/1.3 Satoshi;letter-spacing:.015em;color:var(--sprout);margin-bottom:.75rem}.ftr-g li a{display:inline-block;padding-block:.3125rem}.ftr-g li a:hover{color:var(--sprout)}.ftr-e{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.5rem;border-top:.0625rem solid var(--line-d);font-size:.875rem}.ftr-e p:first-child{max-width:44rem}.ftr-e a{text-decoration:underline;white-space:nowrap}
/* bag */
.drawer{position:fixed;inset:0 0 0 auto;width:min(29rem,100vw);height:100dvh;margin:0;background:var(--white);color:var(--stem);display:none;flex-direction:column;transform:translate3d(calc(var(--sx,1)*100%),0,0);touch-action:pan-y;box-shadow:var(--shadow)}.drawer[open]{display:flex}.dr-grip{position:absolute;left:.375rem;top:50%;width:.25rem;height:3rem;margin-top:-1.5rem;border-radius:var(--r-pill);background:var(--line)}.dr-h{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}.dr-h h2{font-size:2rem}.dr-m{padding:0 1.5rem 1rem;font-weight:700;font-size:.875rem}.dr-bar{height:.375rem;border-radius:var(--r-pill);background:var(--mist);overflow:hidden;margin-top:.375rem}.dr-bar i{display:block;height:100%;background:var(--stem);transform-origin:left;transform:scaleX(0);transition:transform .4s var(--spring)}.dr-undo{display:flex;justify-content:space-between;margin:0 1.5rem .5rem;padding:.5rem .75rem;background:var(--mist);border-radius:var(--r-s);font-size:.875rem}.dr-undo[hidden]{display:none}.dr-undo{align-items:center}.dr-undo button{font-weight:700;text-decoration:underline;min-height:2.75rem;padding-inline:.5rem}.dr-l{flex:1;overflow:auto;padding:0 1.5rem}.dl{display:grid;grid-template-columns:4.5rem 1fr auto;gap:.75rem;padding-block:.75rem;border-bottom:.0625rem solid var(--line)}.dl img{width:4.5rem;height:5.25rem;object-fit:contain;background:var(--mist);border-radius:var(--r-s)}.dl b,.dl i{display:block;font-style:normal}.dl i{font-size:.875rem;color:var(--moss)}.dl-p{text-align:right}.dl-x{font-size:.875rem;text-decoration:underline;min-height:2.75rem;padding-inline:.25rem}.dr-e{padding-block:2rem;text-align:center}.dr-e .btn{margin-top:1rem}
.qty{display:inline-flex;align-items:center;margin-top:.375rem;border-radius:var(--r-pill);box-shadow:inset 0 0 0 .0625rem var(--line)}.qty button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;transition:transform .1s ease-out}.qty button:active{transform:scale(.9)}.qty output{min-width:1.5rem;text-align:center;font-weight:700}
.du{display:grid;grid-template-columns:3.5rem 1fr auto;gap:.75rem;align-items:center;margin:.75rem 1.5rem 0;padding:.625rem;background:var(--mist);border-radius:var(--r-s);font-size:.875rem}.du img{width:3.5rem;height:3.5rem;object-fit:contain}.du b,.du span{display:block}.du button{min-height:2.5rem;padding:0 1rem;border-radius:var(--r-pill);background:var(--stem);color:var(--sprout);font-weight:700}.dr-f{padding:1rem 1.5rem 1.25rem;display:grid;gap:.625rem}.dr-s{display:flex;justify-content:space-between;font-size:1.125rem}.dr-n{text-align:center;font-size:.8125rem;color:var(--moss)}
.xp{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.xpb{min-height:3rem;display:grid;place-items:center;border-radius:var(--r-s);transition:transform .1s ease-out}.xpb img{height:1.125rem;width:auto}.x-link{background:var(--sprout)}.x-apple{background:#000}.x-google{background:var(--white);box-shadow:inset 0 0 0 .0625rem var(--line)}.xp-m{font-size:.875rem;text-decoration:underline;margin-top:.5rem;justify-self:center}
.fly{position:fixed;z-index:60;width:1rem;height:1rem;margin:-.5rem;border-radius:50%;background:var(--copper);pointer-events:none}
.cdlg,.vlb{position:fixed;inset:0;margin:auto;background:var(--white);border-radius:var(--r-l);padding:2rem;width:min(30rem,calc(100vw - 2rem));height:fit-content;opacity:0;transform:scale(.86);filter:blur(.5rem);transition:opacity .16s,transform .22s var(--spring),filter .18s}.cdlg.is-in,.vlb.is-in{opacity:1;transform:none;filter:none}.cdlg img{margin-bottom:1rem}.cdlg h2{font-size:2.25rem;margin-bottom:.75rem}.cdlg .btn{margin-top:1.25rem}.cdlg-x,.vlb-x{position:absolute;right:.75rem;top:.75rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;z-index:2;background:var(--mist)}
.vlb{width:min(44rem,calc(100vw - 2rem));padding:1rem;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center}.vlb[open]{display:grid}.vlb video{width:100%;max-height:80vh;border-radius:var(--r-m);background:#000}.vlb-q{font:800 1.5rem/1.15 Cabinet;margin:.5rem 0}.vlb-note{font-size:.8125rem;color:var(--moss);margin-top:.5rem}.vlb .vc-s{color:var(--copper)}
/* product page */
.crumbs{padding-block:1.5rem 1rem;font-size:.875rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.375rem}.crumbs li+li::before{content:"/";margin-right:.375rem;color:var(--moss)}.crumbs a:hover{text-decoration:underline}
.prod{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:3rem;align-items:start;padding-bottom:5rem}.pcol{min-width:0}.gal{position:relative;background:var(--t,var(--mist));border-radius:var(--r-l);overflow:hidden}.gal-tag{left:1rem;top:1rem}.gal-w{position:absolute;right:1rem;top:1rem;z-index:3;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7)}.gal-w[aria-pressed=true] svg{fill:var(--copper);stroke:var(--copper)}.gal-m{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gal-m::-webkit-scrollbar{display:none}.gal-s{position:relative;flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/.8;min-height:0}.gal-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1rem}.gal-th{display:flex;gap:.5rem;padding:0 1rem 1rem}.gal-th button{width:4.5rem;height:4.5rem;border-radius:var(--r-s);background:rgba(255,255,255,.66);overflow:hidden;transition:transform .1s ease-out}.gal-th button[aria-current]{box-shadow:0 0 0 .125rem var(--stem)}.gal-th img{width:100%;height:100%;object-fit:contain}
.vr{margin-top:1.5rem}.vr-h{display:flex;justify-content:space-between;align-items:baseline}.vr-h span{font-size:.875rem;color:var(--moss)}.rail-s .vc{flex-basis:11.5rem}.rail-s .rail-b{top:42%}
.buy-r{display:inline-block;margin-bottom:.5rem}.buy h1{font-size:clamp(2.5rem,4.4vw,4rem)}.buy-l{font-size:1.125rem;margin-top:.5rem}.buy-p{display:flex;gap:.625rem;align-items:baseline;margin-top:1rem}.buy-p b{font:900 2.25rem/1 Cabinet}.buy-p s{color:var(--moss)}.save{background:var(--copper-t);color:#fff;font-size:.8125rem;font-weight:700;padding:.1875rem .625rem;border-radius:var(--r-pill)}.save[hidden]{display:none}.buy-i{display:flex;gap:.3125rem;align-items:center;font-size:.875rem;margin-top:.375rem}.buy-i img{height:.75rem;width:auto}
.bl{display:grid;gap:.5rem;margin-block:1.25rem}.bl li{display:flex;gap:.625rem;align-items:flex-start}.bl svg{flex:none;margin-top:.125rem;color:var(--copper-t)}
.bs{margin-bottom:1rem}.b{position:relative;display:grid;grid-template-columns:1.25rem 1fr auto;gap:.75rem;align-items:center;padding:.875rem 1rem;margin-bottom:.5rem;border-radius:var(--r-s);background:var(--white);box-shadow:inset 0 0 0 .0625rem var(--line);cursor:pointer;transition:box-shadow .15s,transform .1s ease-out}.b:active{transform:scale(.99)}.b.is-on{box-shadow:inset 0 0 0 .125rem var(--stem)}.b input{position:absolute;opacity:0}.b input:focus-visible+.b-r{outline:.1875rem solid var(--copper-t);outline-offset:.125rem}.b-r{width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:inset 0 0 0 .125rem var(--stem)}.b.is-on .b-r{background:var(--stem);box-shadow:inset 0 0 0 .1875rem var(--stem),inset 0 0 0 .3125rem #fff}.b-t b,.b-t i{display:block;font-style:normal}.b-t i{font-size:.875rem;color:var(--moss)}.b-p{text-align:right}.b-p b{display:block}.b-p em{font-style:normal;font-size:.8125rem;font-weight:700;color:var(--copper-t)}.b-f{position:absolute;right:.75rem;top:-.625rem;padding:.0625rem .625rem;border-radius:var(--r-pill);background:var(--sprout);font-size:.75rem;font-weight:700}
.atc{display:grid;grid-template-columns:auto 1fr;gap:.625rem;align-items:stretch;margin-bottom:.625rem}.atc .qty{margin:0;background:var(--white)}.atc .qty button{height:100%}.buy{display:grid}.buy .xp-m{justify-self:center}.tr{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;font-size:.8125rem;font-weight:700}.tr li{display:flex;flex-direction:column;gap:.25rem;align-items:center;text-align:center;padding:.625rem .25rem;background:var(--mist);border-radius:var(--r-s)}.cut{display:flex;gap:.375rem;align-items:center;font-size:.875rem;margin-top:.75rem}.cut svg{flex:none}
.det{margin-top:2rem}.det>p{margin-bottom:1rem}.ac{border-top:.0625rem solid var(--line)}.ac summary,.fq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;font-weight:700;cursor:pointer;list-style:none}.ac summary::-webkit-details-marker,.fq summary::-webkit-details-marker{display:none}details svg{transition:transform .25s var(--spring);flex:none}details[open]>summary svg{transform:rotate(45deg)}.ac p,.ac ol{padding-bottom:1rem}.howl{counter-reset:s;display:grid;gap:.5rem}.howl li{counter-increment:s;padding-left:1.75rem;position:relative}.howl li::before{content:counter(s);position:absolute;left:0;font-weight:800}
.ig{background:var(--stem);color:var(--rinse);padding-block:6rem}.ig-g{display:grid;grid-template-columns:1fr minmax(0,.9fr) 1fr;gap:2rem;align-items:center}.ig-c{display:grid;gap:.75rem}.ig-i{display:block;text-align:left;padding:1.125rem;border-radius:var(--r-m);background:rgba(244,247,234,.07);transition:background-color .2s,color .2s,transform .1s ease-out}.ig-i:active{transform:scale(.98)}.ig-i.is-on{background:var(--sprout);color:var(--stem)}.ig-i b{display:block;font:800 1.5rem/1.1 Cabinet;letter-spacing:-.012em}.ig-i span{display:block;margin-top:.25rem}.ig-m img{width:100%;max-height:34rem;object-fit:contain}
.cmp{background:var(--white);border-radius:var(--r-l);overflow-x:auto;padding:.5rem;max-width:100%;min-width:0;overscroll-behavior-x:contain}.cmp table{width:100%;min-width:34rem;border-collapse:collapse}.cmp th,.cmp td{padding:.875rem 1rem;text-align:center;border-bottom:.0625rem solid var(--line)}.cmp tbody th{text-align:left;font-weight:500}.cmp thead th{font-weight:800;vertical-align:bottom}.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}.cmp .us{background:var(--sprout-w);font-weight:700}.yes,.no{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%}.yes{background:var(--stem);color:var(--sprout)}.no{background:var(--mist);color:var(--moss)}
.gl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:3rem;align-items:center}.gl-m{margin-top:1.5rem;background:var(--t);border-radius:var(--r-l);overflow:hidden}.gl-i{width:100%;max-height:26rem;object-fit:contain}.spec>div{display:flex;justify-content:space-between;gap:1.5rem;padding-block:.875rem;border-bottom:.0625rem solid var(--line)}.spec dt{font-weight:700}.spec dd{text-align:right}
.fq{border-bottom:.0625rem solid var(--line)}.fq p{padding-bottom:1rem}
.rvw{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:2rem;align-items:start}.hist{background:var(--mist);border-radius:var(--r-l);padding:1.75rem;display:grid;gap:.5rem}.hist>b{font:900 4rem/1 Cabinet}.hist ul{display:grid;gap:.25rem;margin-block:.5rem;font-size:.875rem}.hist li{display:grid;grid-template-columns:1rem 1fr 2.5rem;gap:.5rem;align-items:center}.hist li div{height:.375rem;background:rgba(14,59,38,.14);border-radius:var(--r-pill);overflow:hidden}.hist li i{display:block;height:100%;background:var(--stem)}.hist li span:last-child{text-align:right}
.fbt{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.fbt-l{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.fbt-i{position:relative;width:11rem;display:grid;gap:.125rem;cursor:pointer}.fbt-i img{width:11rem;height:12rem;object-fit:contain;background:var(--white);border-radius:var(--r-m)}.fbt-i input{position:absolute;left:.625rem;top:.625rem;width:1.25rem;height:1.25rem;accent-color:var(--stem)}.fbt-t{display:grid;gap:.5rem;text-align:center}.fbt-t b{font:900 2.5rem/1 Cabinet}
.sb{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 .0625rem 0 var(--line);transform:translate3d(0,110%,0);transition:transform .34s var(--spring)}.sb.is-on{transform:none}.sb[hidden]{display:none}.sb-in{display:flex;align-items:center;gap:.875rem;min-height:4.5rem}.sb img{width:3.5rem;height:3.5rem;object-fit:contain}.sb-n{flex:1;min-width:0}.sb-n b,.sb-n i{display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-n i{font-size:.875rem;color:var(--moss)}.sb-p{font-size:1.25rem}
/* pages */
.ph{background:var(--stem);color:var(--rinse);padding-block:5rem 4rem}.ph h1{color:var(--sprout);max-width:58rem}.ph-s{font-size:1.125rem;margin-top:1rem;max-width:36rem}
.shop{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;align-items:start}.flt{position:sticky;top:6rem;display:grid;gap:1rem}.flt summary{font-weight:700;cursor:pointer;list-style:none;margin-bottom:.5rem}.flt summary::-webkit-details-marker{display:none}.f{display:flex;gap:.625rem;align-items:center;min-height:2.25rem;cursor:pointer}.f input{width:1.125rem;height:1.125rem;accent-color:var(--stem)}.flt-h{font-weight:700;margin-bottom:.5rem}.flt-w>div{display:grid;gap:.375rem}.fh{display:flex;gap:.625rem;align-items:center;min-height:2.75rem;padding:0 .75rem;border-radius:var(--r-s);background:var(--white);font-weight:700;box-shadow:inset 0 0 0 .0625rem var(--line);transition:transform .1s ease-out,background-color .2s}.fh[aria-pressed=true]{background:var(--stem);color:var(--sprout)}.fh svg{width:2.75rem;height:1.375rem}.fh path{fill:none;stroke:var(--copper);stroke-width:14;stroke-linecap:round}.fh[aria-pressed=true] path{stroke:var(--sprout)}.clr{text-decoration:underline;justify-self:start;font-weight:700}.shop-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.shop-t select{margin-left:.5rem;padding:.5rem .75rem;border-radius:var(--r-pill);border:.0625rem solid var(--line);background:var(--white)}.shop-e{padding-block:3rem;text-align:center}.shop-e button,.shop-e a{text-decoration:underline;font-weight:700}
.sws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sw{background:var(--white);border-radius:var(--r-m);padding:1.75rem}.sw-n{display:block;font:900 4rem/1 Cabinet;color:var(--copper-t);margin-bottom:.5rem}.sw p{margin-top:.5rem}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;align-items:center}.two p:not(.lb){margin-top:1rem}.two .btn{margin-top:1.5rem}.ph-r{width:100%;border-radius:var(--r-l);aspect-ratio:4/3;object-fit:cover}.lo{display:grid;gap:.625rem;margin-top:1.25rem}.lo li{display:grid;grid-template-columns:9rem 1fr;gap:.5rem;padding-bottom:.625rem;border-bottom:.0625rem solid var(--line)}.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.vals p{margin-top:.5rem}
.legal h2{font-size:2rem;margin-top:2rem}.legal p{margin-top:.75rem}.legal .btn{margin-top:1.5rem}
.qz{background:var(--white);border-radius:var(--r-l);padding:2.5rem;box-shadow:var(--shadow)}.qz-b{height:.375rem;border-radius:var(--r-pill);background:var(--mist);overflow:hidden;margin-bottom:2rem}.qz-b i{display:block;height:100%;background:var(--stem);transform-origin:left;transform:scaleX(.25);transition:transform .4s var(--spring)}.qq legend{font:900 clamp(1.75rem,3.4vw,2.75rem)/1.02 Cabinet;letter-spacing:-.025em;margin-bottom:1.5rem}.qq legend .lb{display:block;font-family:Satoshi;letter-spacing:.015em}.qos{display:grid;gap:.5rem}.qo{min-height:3.5rem;padding:.75rem 1.25rem;text-align:left;border-radius:var(--r-s);background:var(--mist);font-weight:700;transition:background-color .15s,color .15s,transform .1s ease-out}.qo:hover{background:var(--stem);color:var(--sprout)}.qr:focus{outline:0}.qr-t h2{margin-bottom:.5rem}.qr-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin-block:1.5rem}.qr-i{background:var(--mist);border-radius:var(--r-m);padding:.75rem;display:grid;gap:.125rem}.qr-i img{width:100%;height:11rem;object-fit:contain}.qr-a{display:flex;gap:.625rem;flex-wrap:wrap}
.co{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem;align-items:start}.co-n p:not(.lb){margin-block:1rem}.co-s{background:var(--white);border-radius:var(--r-l);padding:1.75rem;display:grid;gap:.75rem}.co-s h2{font-size:2rem}.co-t{padding-top:.75rem;border-top:.0625rem solid var(--line);font-weight:700}
/* responsive */
@media (max-width:1100px){.pg{grid-template-columns:repeat(3,minmax(0,1fr))}.promo{grid-column:span 3;min-height:22rem}.rail-i{flex-basis:calc((100% - 2rem)/3)}.dial-in{grid-template-columns:minmax(0,1fr)}.cd-in{grid-template-columns:1fr 1fr}.cd-p{left:auto;right:-4%;width:46%;opacity:.95}.burst{left:auto;right:30%}.cd-c{display:none}.mega-in{grid-template-columns:repeat(3,1fr)}.mega-f{display:none}.shop{grid-template-columns:minmax(0,1fr)}.flt{position:static;grid-template-columns:repeat(2,1fr)}.rvw{grid-template-columns:minmax(0,1fr)}.prod{gap:2rem}.ig-g{grid-template-columns:1fr 1fr}.ig-m{grid-column:1/-1;grid-row:1}}
@media (max-width:760px){:root{--g:1rem}.sec{padding-block:4.5rem}.sec-t{padding-top:0}h3{font-size:1.375rem}.ann-r{display:none}.hdr-n,.shopbtn,.srch,.act-l,.mega{display:none}.act-s,.burger{display:inline-flex}.hdr-t{min-height:3.75rem;gap:.5rem}.logo img{height:2rem}.part{margin-top:-3.75rem}
.js .part-ci{grid-template-columns:minmax(0,1fr);padding-block:6rem 1.5rem;gap:1rem}.js .part-b{justify-self:stretch;width:auto}.hx{font-size:clamp(3.5rem,17vw,6rem)}.stage-b{height:auto;width:68vw;max-height:62vh}.stage-c{left:1rem;right:1rem;bottom:1rem;width:auto}.stage-h{left:1rem;bottom:13rem;right:1rem;max-width:none;justify-content:center}.js .stage{padding-bottom:9rem}
.cn{grid-auto-flow:column;grid-auto-columns:42vw;grid-template-columns:none;overflow-x:auto;padding-block:2.5rem;scroll-snap-type:x proximity;scrollbar-width:none}.cn a{scroll-snap-align:start}.cn::-webkit-scrollbar{display:none}.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.bt{grid-column:auto!important;min-height:15rem}.bt-i{width:52%;height:110%}.pg,.pg-s,.pg-3{grid-template-columns:repeat(2,minmax(0,1fr))}.promo{grid-column:span 2;min-height:20rem}.rail-i{flex-basis:62%}.rail-b{display:none}
.dial{padding-block:4.5rem}.dp{grid-template-columns:minmax(0,1fr)}.dp-m{aspect-ratio:4/3}.dt{padding:0 .5rem;font-size:.9375rem}.cd{margin-top:4rem}.cd-in{grid-template-columns:minmax(0,1fr);padding-block:3rem 21rem}.cd-p{left:50%;right:auto;width:82%;transform:none;margin-left:-41%;height:22rem}.burst{right:1rem;top:auto;bottom:14rem;width:7rem;height:7rem}.cd-b div{min-width:0;flex:1}.strip{grid-template-columns:minmax(0,1fr);padding:2rem;min-height:26rem;align-content:space-between}.strip-n{right:-1rem;top:auto;bottom:-1rem;transform:none}.strip-i{right:-2rem;top:auto;bottom:4rem;width:80%;max-width:none;transform:rotate(-8deg)}.bas,.hts,.stats,.rv-g,.rv-2,.sws,.vals,.two,.gl,.co{grid-template-columns:minmax(0,1fr)}.rv{padding:1.5rem}.sub{grid-template-columns:minmax(0,1fr);padding:1.5rem}.sub-f{flex-wrap:wrap;background:none;padding:0}.sub-f input{background:var(--rinse);min-height:3.25rem;border-radius:var(--r-pill);flex-basis:100%}.sub-f .btn{width:100%}.pays{justify-content:space-between;gap:1.25rem 1.5rem}.pays li{flex:0 0 26%;display:grid;place-items:center}.pays img{height:1.375rem;max-width:100%}.ftr-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr-b{grid-column:1/-1}.ftr-e{flex-direction:column;gap:.75rem}
.cmp{padding:.25rem}.cmp table{min-width:0;font-size:.8125rem;table-layout:fixed}.cmp th,.cmp td{padding:.625rem .25rem;overflow-wrap:anywhere}.cmp tbody th{width:38%;padding-left:.5rem}.yes,.no{width:1.5rem;height:1.5rem}.prod{grid-template-columns:minmax(0,1fr)}.pcol-l{display:contents}.gal{order:1}.pcol-r{display:contents}.buy{order:2}.vr{order:3;margin-top:0}.det{order:4;margin-top:0}.prod{display:flex;flex-direction:column}.prod .gal,.prod .buy,.prod .vr,.prod .det{min-width:0;width:100%}.ig-g{grid-template-columns:minmax(0,1fr)}.fbt{grid-template-columns:minmax(0,1fr)}.fbt-i{width:7rem}.fbt-i img{width:7rem;height:8rem}.sb-n i{display:none}.flt{grid-template-columns:minmax(0,1fr)}.vlb[open]{grid-template-columns:minmax(0,1fr)}.vlb video{max-height:60vh}.lo li{grid-template-columns:7rem 1fr}.qz{padding:1.5rem}.drawer{width:100vw}}
/* a person's settings beat the design */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}.mq-t{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:1rem 2rem;padding-inline:1rem}.mq-t span:nth-child(n+9){display:none}.drawer,.mnav{transform:none;opacity:calc(1 - var(--sx,0))}.part{margin-top:0}.hair{display:block}.cn-i,.pc-m img{transition:none}}
@media (prefers-reduced-transparency:reduce){.hdr{background:var(--rinse);-webkit-backdrop-filter:none;backdrop-filter:none}.sb{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}.stage-c{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}.js .part-b{background:var(--stem);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-gl{background:var(--stem);-webkit-backdrop-filter:none;backdrop-filter:none}.pc-w{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.hdr,.sb{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 -.125rem 0 var(--stem)}.stage-c,.js .part-b{background:var(--white);color:var(--stem);box-shadow:inset 0 0 0 .125rem var(--stem);-webkit-backdrop-filter:none;backdrop-filter:none}.js .part-b .btn-gl,.js .part-r{color:var(--stem)}.btn-l,.b,.fh{box-shadow:inset 0 0 0 .125rem var(--stem)}.lb,.note,.pc-l,.b-t i{color:var(--stem)}}