:root{--bg:#f6f2ec;--surface:#ffffff;--ink:#17140f;--muted:#6f675c;--line:#e5ddd2;--clay:#b4582f;--clay-soft:#f1dccb;--mint:#8fd6b0;--bt:#2f6bff;--display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r:18px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-wrap:balance}img{display:block;max-width:100%;height:auto}a{color:inherit}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 14px) clamp(16px,4vw,48px) 14px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}.top.scrolled{border-color:var(--line)}.logo{display:flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:-.02em;text-decoration:none}.mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.mark i{background:var(--ink)}.mark i:nth-child(2),.mark i:nth-child(3){background:var(--clay)}.links{display:flex;gap:28px;font-weight:500;font-size:15px}.links a{text-decoration:none;color:var(--muted)}.links a:hover{color:var(--ink)}@media(max-width:760px){.links{display:none}}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:600 15px var(--body);padding:12px 20px;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#000;transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.btn.big{font-size:17px;padding:16px 28px}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}.story{position:relative;height:560vh}.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;padding:80px clamp(16px,5vw,72px) 32px;gap:24px}.pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,var(--clay-soft),transparent 75%) no-repeat;background-size:min(70vw,900px) min(70vw,900px);background-position:calc(50% + 18vw) 55%;opacity:var(--glow,.55);transition:opacity .2s;pointer-events:none}.copy{position:relative;z-index:2;height:min(380px,60vh)}.step{position:absolute;inset:0 0 auto 0;display:grid;gap:18px;opacity:0;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.step.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .45s ease .2s,transform .55s cubic-bezier(.2,.8,.2,1) .2s}.step:not(.on){transform:translateY(-10px)}.eyebrow{font:600 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--clay)}.step h1{font-size:clamp(52px,7.4vw,104px)}.step h2{font-size:clamp(40px,5.2vw,72px)}.step p{font-size:clamp(18px,1.5vw,21px);color:var(--muted);max-width:30ch}.step .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.bars{position:absolute;left:0;bottom:-56px;display:flex;gap:8px}.bars span{width:34px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.bars span i{display:block;height:100%;width:0;background:var(--ink)}.stage{position:relative;z-index:1;width:min(100%,640px);aspect-ratio:1;justify-self:center}.layer{position:absolute;left:50%;top:50%;will-change:transform,opacity}.box{width:50%;transform:translate(-50%,-44%)}.box img{width:100%;filter:drop-shadow(0 30px 30px rgba(60,35,15,.18))}.shadow{width:46%;height:7%;transform:translate(-50%);top:76%;background:radial-gradient(closest-side,rgba(40,25,10,.28),transparent);border-radius:50%}.disc{width:17%;aspect-ratio:380/262;background-size:500% 300%;background-repeat:no-repeat;opacity:0;filter:drop-shadow(0 8px 10px rgba(30,20,10,.18))}.phone{width:24%;aspect-ratio:9/18.5;opacity:0;z-index:3}.phone .body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16%/8%;background:#111;box-shadow:0 30px 60px #140c0447,inset 0 0 0 2px #2a2a2a;padding:4.5%}.phone .scr{position:relative;width:100%;height:100%;border-radius:12%/6%;background:#0f1014;overflow:hidden;color:#fff;font-family:var(--body)}.phone .notch{position:absolute;left:50%;top:2.6%;width:30%;height:3.2%;transform:translate(-50%);background:#000;border-radius:99px;z-index:2}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:7%;padding:14% 9%;text-align:center;opacity:0;transition:opacity .35s}.view.on{opacity:1}.ping{width:46%;aspect-ratio:1;border-radius:50%;position:relative}.ping i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--mint);animation:ping 1.8s ease-out infinite;opacity:0}.ping i:nth-child(2){animation-delay:.6s}.ping i:nth-child(3){animation-delay:1.2s}.ping b{position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:var(--mint)}@keyframes ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}.sl{font-size:clamp(9px,1.3vw,13px);color:#a7abb6}.st{font-size:clamp(11px,1.6vw,16px);font-weight:600}.url{width:100%;background:#1d2029;border-radius:99px;padding:5% 6%;font-size:clamp(8px,1.05vw,11px);color:#c9cdd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt{width:100%;aspect-ratio:16/10;background:#f03;border-radius:10%;display:grid;place-items:center}.yt svg{width:24%}.eq{display:flex;align-items:flex-end;gap:5%;height:16%;width:70%}.eq i{flex:1;background:var(--mint);border-radius:2px;animation:eq 1s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.3s;background:#fff}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s;background:var(--clay)}.eq i:nth-child(5){animation-delay:-.45s;background:#fff}@keyframes eq{0%{height:20%}to{height:100%}}.bar{width:100%;height:4px;border-radius:2px;background:#2a2d38;overflow:hidden}.bar i{display:block;height:100%;width:40%;background:#f03;animation:prog 12s linear infinite}@keyframes prog{0%{width:5%}to{width:100%}}.notes{width:44%;height:44%;transform:translate(-50%,-140%);opacity:0;pointer-events:none}.notes svg{position:absolute;bottom:0;width:13%;opacity:0;animation:rise 4.2s ease-out infinite}@keyframes rise{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(var(--dx),-260%) scale(1);opacity:0}}.rings{width:70%;aspect-ratio:3/1;transform:translate(-50%,40%);opacity:0;pointer-events:none}.rings i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--clay);opacity:0;animation:ring 3s ease-out infinite}.rings i:nth-child(2){animation-delay:1s}.rings i:nth-child(3){animation-delay:2s}@keyframes ring{0%{transform:scale(.55);opacity:.7}to{transform:scale(1.25);opacity:0}}.bt{width:48px;height:48px;border-radius:50%;background:var(--bt);display:grid;place-items:center;box-shadow:0 8px 20px #2f6bff59;z-index:4}.bt:before,.bt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--bt);animation:btp 2.4s ease-out infinite}.bt:after{animation-delay:1.2s}@keyframes btp{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}.hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:13px;color:var(--muted);display:grid;justify-items:center;gap:6px;transition:opacity .3s;z-index:3}.hint i{width:1.5px;height:28px;background:linear-gradient(var(--ink),transparent);animation:drip 1.8s ease-in-out infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:860px){.pin{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:72px 16px 28px;gap:0;align-items:end}.pin:before{background-position:50% 32%;background-size:120vw 120vw}.stage{grid-row:1;width:min(100%,58vh);align-self:center}.copy{grid-row:2;height:210px}.step h1{font-size:46px}.step h2{font-size:36px}.bars{bottom:auto;top:-22px}.hint{display:none}}.sec{scroll-margin-top:64px;padding-block:clamp(72px,10vw,128px);padding-inline:clamp(16px,5vw,72px)}.wrap{max-width:1160px;margin:0 auto;display:grid;gap:clamp(32px,4vw,56px)}.head{display:grid;gap:12px;max-width:640px}.head h2{font-size:clamp(36px,5vw,64px)}.head p{color:var(--muted);font-size:19px}.discs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,24px)}@media(max-width:860px){.discs{grid-template-columns:repeat(3,minmax(0,1fr))}}.dcard{background:var(--surface);border-radius:var(--r);padding:18% 12% 12%;display:grid;gap:10px;justify-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.dcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #3c230f1a}.dcard .cdimg{width:100%;aspect-ratio:380/262;background-size:500% 300%;background-repeat:no-repeat}.dcard span{font:600 12px var(--body);letter-spacing:.12em;color:var(--muted)}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}.tile{background:var(--surface);border-radius:var(--r);padding:clamp(22px,3vw,36px);display:grid;gap:10px;align-content:start;overflow:hidden;position:relative;min-width:0}.tile h3{font-size:clamp(24px,2.4vw,32px)}.tile p{color:var(--muted)}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--bg)}@media(max-width:860px){.bento{grid-template-columns:1fr 1fr}}.box-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden}.box-list div{background:var(--surface);padding:26px 24px;display:grid;gap:4px}.box-list b{font:800 34px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.box-list span{color:var(--muted)}@media(max-width:760px){.box-list{grid-template-columns:1fr 1fr}}.buy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;background:var(--surface);border-radius:28px;padding:clamp(24px,5vw,64px)}@media(max-width:860px){.buy{grid-template-columns:1fr}}.buy-img{background:#efe6da;border-radius:var(--r);aspect-ratio:1;display:grid;place-items:center;padding:8%}.buy-img img{max-height:100%;filter:drop-shadow(0 26px 26px rgba(60,35,15,.16))}.buy-info{display:grid;gap:18px;justify-items:start}.buy-info h2{font-size:clamp(36px,4vw,52px)}.price{font:800 40px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.price small{font:400 14px var(--body);color:var(--muted);margin-left:8px;letter-spacing:0}.checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--muted)}.checks li{display:flex;gap:10px;align-items:center}.checks li:before{content:"";width:8px;height:8px;background:var(--clay);flex:0 0 8px}.buynow{position:fixed;right:clamp(16px,3vw,32px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(16px,3vw,28px));z-index:40;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;text-decoration:none;font:600 16px var(--body);padding:14px 18px 14px 24px;border-radius:999px;box-shadow:0 14px 34px #17140f47;transition:transform .2s,background .2s}.buynow b{font-weight:600;color:#cfc7bb;font-variant-numeric:tabular-nums}.buynow svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--clay);flex:0 0 34px}.buynow:hover{background:#000;transform:translateY(-2px)}.buynow:focus-visible{outline:3px solid var(--clay);outline-offset:3px}@media(max-width:860px){.buynow{left:16px;right:16px;justify-content:space-between}.buynow b{margin-left:auto}.pin{padding-bottom:96px}.step .row{display:none}footer{padding-bottom:110px}}footer{padding:40px clamp(16px,5vw,72px) 56px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.notes svg,.rings i,.ping i,.eq i,.bt:before,.bt:after,.bar i,.hint i{animation:none}.step{transition:none}}.btn[disabled]{background:#b9b2a8;cursor:not-allowed;transform:none}.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(16px,5vw,72px) clamp(56px,8vw,96px);align-items:start}@media(max-width:900px){.pdp{grid-template-columns:1fr}}.gallery{display:grid;gap:12px;position:sticky;top:84px}@media(max-width:900px){.gallery{position:static}}.main{background:#efe6da;border-radius:24px;aspect-ratio:1;overflow:hidden;display:grid;place-items:center}.main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.thumbs button{padding:0;border:0;border-radius:12px;overflow:hidden;background:#efe6da;aspect-ratio:1;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}.thumbs button img{width:100%;height:100%;object-fit:cover}.thumbs button[aria-current=true]{box-shadow:0 0 0 2px var(--ink)}.thumbs button:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.info{display:grid;gap:22px;align-content:start}.info h1{font-size:clamp(44px,5.4vw,76px)}.lead{font-size:19px;color:var(--muted);max-width:36ch}.pprice{font:800 40px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pprice small{font:400 14px var(--body);color:var(--muted);letter-spacing:0}.stock{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.stock i{width:8px;height:8px;border-radius:50%;background:#2e9e5b}.stock.out i{background:var(--clay)}.buyrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.qty{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:4px;background:var(--surface)}.qty button{width:44px;height:44px;border-radius:50%;border:0;background:var(--bg);font:600 20px var(--body);cursor:pointer;color:var(--ink)}.qty input{width:36px;border:0;background:transparent;text-align:center;font:600 17px var(--body);font-variant-numeric:tabular-nums;color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.buyrow .btn{flex:1;min-width:220px}.feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feat{background:var(--surface);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:15px}.feat .ic{width:36px;height:36px;border-radius:10px;background:var(--bg);display:grid;place-items:center;flex:0 0 36px}.trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.trust span{display:flex;gap:8px;align-items:center}.trust span:before{content:"";width:6px;height:6px;background:var(--clay)}.psec{max-width:1240px;margin:0 auto;padding:0 clamp(16px,5vw,72px) clamp(64px,9vw,112px);display:grid;gap:clamp(24px,3vw,40px)}.psec h2{font-size:clamp(34px,4.4vw,56px)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}@media(max-width:760px){.steps{grid-template-columns:1fr}}.stepc{background:var(--surface);border-radius:var(--r);padding:clamp(22px,3vw,32px);display:grid;gap:10px;align-content:start}.stepc b{font:800 15px var(--display);color:var(--clay);letter-spacing:.06em}.stepc h3{font-size:26px}.stepc p{color:var(--muted)}details{background:var(--surface);border-radius:var(--r);padding:0 24px}details+details{margin-top:-24px}summary{cursor:pointer;list-style:none;padding:22px 0;font:700 19px var(--display);display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-weight:400;color:var(--muted)}details[open] summary:after{content:"\2212"}details .rte{padding:0 0 24px;color:var(--muted)}details .rte ul,details .rte ol{padding-left:20px;margin:8px 0}details .rte p{margin:0 0 10px}.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .3s}.sticky-buy.show{transform:none}.sticky-buy strong{font:800 20px var(--display)}.sticky-buy .btn{padding:12px 22px;font-size:15px}@media(max-width:900px){.sticky-buy{display:flex}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.main img,.sticky-buy{transition:none}}.cartlink{font-weight:600;font-size:15px;text-decoration:none;display:flex;align-items:center;gap:8px}.cartlink b{min-width:22px;height:22px;border-radius:99px;background:var(--ink);color:#fff;font-size:12px;display:grid;place-items:center;padding:0 6px}.logo img{height:28px;width:auto}.tile.sz-large{grid-column:span 4;grid-row:span 2}.tile.sz-medium{grid-column:span 3}.tile.sz-small{grid-column:span 2}.tile.st-sand{background:#efe6da}.tile.st-dark{background:#1a1916;color:#fff}.tile.st-dark p{color:#b9b3aa}.tile.sz-large img{width:min(78%,520px);justify-self:center;margin-top:12px;filter:drop-shadow(0 30px 30px rgba(60,35,15,.18))}.tile:not(.sz-large) img{width:74%;max-width:240px;justify-self:center;margin-top:8px}@media(max-width:860px){.tile.sz-large,.tile.sz-medium{grid-column:span 2;grid-row:auto}.tile.sz-small{grid-column:span 1}}@media(max-width:520px){.tile.sz-small{grid-column:span 2}}.rte a{color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/jukeblocks.css.map */
