.home .hero{z-index:1;height:177vh;position:relative}.home .stick{height:100svh;position:sticky;top:0;overflow:hidden}.home #bg,.home #orb{width:100%;height:100%;display:block;position:absolute;inset:0}.home .hero-copy{text-align:center;justify-items:center;gap:16px;display:grid;position:absolute;bottom:6vh;left:0;right:0}.home .hero h1{font-size:clamp(32px,min(5.6vw,8.4vh),80px);line-height:1}.home .hero h1 .l2{color:var(--sp-mute);opacity:calc(.75 + var(--lit,0)*.25);display:block}.home .readout{color:var(--sp-mute);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:26px;font-size:12px;display:flex}.home .readout .dotnum{color:var(--sp-white);margin-right:4px;font-size:26px}.home .prod{left:var(--gl);top:calc(84px + env(safe-area-inset-top,0px));color:var(--sp-mute);gap:10px;max-width:220px;font-size:13px;display:grid;position:absolute}.home .prod b{color:var(--sp-white);font-size:15px;font-weight:400}.home .finish{right:var(--gr);top:calc(84px + env(safe-area-inset-top,0px));background:#111111b3;border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1a}.home .finish button{cursor:pointer;font:500 13px/1 var(--f-text);color:var(--sp-mute);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.home .finish button i{border-radius:50%;width:12px;height:12px;display:block}.home .finish button[aria-pressed=true]{background:var(--sp-card);color:var(--sp-white)}.home .hint{text-align:center;color:var(--sp-mute);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;font-size:12px;position:absolute;top:46%;left:0;right:0}@media (max-width:720px){.home .prod{display:none}.home .finish{left:50%;right:auto;transform:translate(-50%)}}.home .temp{z-index:2;height:170vh;margin-top:-25vh;position:relative}.home .temp .stick{background:linear-gradient(to bottom,transparent 0,var(--sp-black) 14vh);align-items:center;display:grid}.home .temp .glow{pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 50%,transparent) 0%,color-mix(in srgb,var(--tc) 12%,transparent) 25%,transparent 52%);opacity:.9;width:150vmax;height:150vmax;position:absolute;top:45%;left:72%;transform:translate(-50%,-50%)scale(.8)}.home .temp-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.home .temp h2{margin-top:20px;font-size:clamp(32px,4.4vw,56px);line-height:1.04}.home .kel{color:var(--tc);font-size:clamp(72px,14vw,200px);line-height:.9}.home .kel small{font-family:var(--f-text);color:var(--sp-mute);margin-left:.15em;font-size:.3em;font-weight:300}.home .stages{gap:8px;margin:28px 0 0;padding:0;list-style:none;display:grid}.home .stages li{color:var(--sp-mute);border-radius:12px;grid-template-columns:72px 1fr;gap:16px;padding:14px 16px;transition:background .4s,color .4s;display:grid}.home .stages li.on{background:var(--sp-graphite);color:var(--sp-white);box-shadow:inset 0 0 0 1px #ffffff14}.home .stages .dotnum{font-size:15px;font-weight:600}.home .stages li.on .dotnum{color:var(--tc)}.home .bar{background:var(--sp-gray);border-radius:2px;height:3px;margin-top:28px;overflow:hidden}.home .bar i{height:100%;width:calc(var(--p,0)*100%);background:linear-gradient(90deg,var(--sp-ember),var(--sp-warm),#fff,var(--sp-cool));display:block}.home .spectrum{opacity:.7;align-items:flex-end;gap:6px;height:30vh;display:flex;position:absolute;bottom:-8vh;right:0;-webkit-mask:linear-gradient(#000,#0000);mask:linear-gradient(#000,#0000)}.home .spectrum i{border-radius:1px;width:2px}@media (max-width:820px){.home .temp-grid{grid-template-columns:1fr;gap:8px}.home .temp .glow{top:30%;left:50%}.home .spectrum{display:none}.home .stages li{padding:10px 12px}}.home .cat{z-index:3;background:linear-gradient(to bottom,transparent 0,var(--sp-black) 16vh);margin-top:-25vh;padding-block:22vh 14vh;position:relative;overflow:hidden}.home .cat:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1.4px,#0000 1.5px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask:radial-gradient(60% 50% at 50% 40%,#000,#0000 75%);mask:radial-gradient(60% 50% at 50% 40%,#000,#0000 75%)}.home .cat-head{gap:20px;max-width:760px;display:grid;position:relative}.home .cat h2{font-size:clamp(32px,4.4vw,56px);line-height:1.04}.home .cat p{max-width:56ch;color:var(--sp-mute);margin:0}.home .rows{letter-spacing:-.03em;white-space:nowrap;gap:1vh;margin-block:9vh;font-weight:300;line-height:.95;display:grid}.home .rows div{will-change:transform;gap:.3em;width:max-content;font-size:clamp(56px,11vw,168px);display:flex}.home .rows div:first-child{transform:translateX(calc(-12% + var(--q,0)*-22%))}.home .rows div:nth-child(2){transform:translateX(calc(-40% + var(--q,0)*30%))}.home .rows div:nth-child(3){transform:translateX(calc(-20% + var(--q,0)*-40%))}.home .rows a{--hl:0;isolation:isolate;padding:0 .12em;text-decoration:none;display:inline-block;position:relative}.home .rows a img{z-index:-1;object-fit:cover;width:calc(100% + .44em);height:calc(100% + .28em);opacity:calc(var(--hl)*.95);transform:scale(calc(.88 + var(--hl)*.12));filter:brightness(.9)saturate(1.1);box-shadow:0 0 calc(var(--hl)*60px) rgba(255,160,104,calc(var(--hl)*.35));pointer-events:none;will-change:opacity,transform;border-radius:.14em;position:absolute;top:-.14em;left:-.22em}.home .rows a span{color:rgba(255,255,255,calc(.1 + var(--hl)*.9));text-shadow:0 2px calc(var(--hl)*18px) rgba(0,0,0,calc(var(--hl)*.85)),0 0 calc(var(--hl)*28px) rgba(255,190,140,calc(var(--hl)*.9)),0 0 calc(var(--hl)*70px) rgba(255,140,80,calc(var(--hl)*.6))}.home .rows div:nth-child(2) a span{color:rgba(255,255,255,calc(var(--hl)*.97));-webkit-text-stroke:1px rgba(255,255,255,calc(.22 + var(--hl)*.6))}.home .rows div:nth-child(3) a span{color:color-mix(in srgb,var(--sp-warm) calc(18% + var(--hl)*82%),transparent)}.home .rows i{color:#ffffff14;align-self:center;font-style:normal}.home .rows a:focus-visible{outline:2px solid var(--sp-warm);outline-offset:6px;border-radius:8px}.home .stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.home .stat{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 45%,var(--sp-graphite)),color-mix(in srgb,var(--c) 6%,var(--sp-graphite)) 70%);border-radius:12px;gap:6px;padding:24px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.home .stat .dotnum{font-size:clamp(40px,5vw,64px);line-height:1}.home .stat span{color:#ffffffbf;font-size:14px}.home .stat .bar{margin-top:14px}.home .stat .bar i{width:var(--w);background:linear-gradient(90deg,var(--sp-ember),var(--sp-warm),#fff)}@media (max-width:720px){.home .stats{grid-template-columns:1fr}}.home .cta-row{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.home .types{padding-block:6vh 18vh}.home .types h2{margin:20px 0 40px;font-size:clamp(32px,4.4vw,56px);line-height:1.04}.home .tgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home .t{background:var(--sp-graphite);min-height:150px;color:var(--sp-white);isolation:isolate;border-radius:12px;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.home .t:before{content:"";z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,120%),color-mix(in srgb,var(--sp-ember) 55%,transparent),transparent 40%);opacity:0;transition:opacity .35s;position:absolute;inset:-40%}.home .t:hover:before,.home .t:focus-visible:before{opacity:1}.home .t .dotnum{color:var(--sp-mute);font-size:34px;transition:color .35s}.home .t:hover .dotnum{color:var(--sp-warm)}.home .t span{font-size:18px}@media (max-width:720px){.home .tgrid{grid-template-columns:repeat(2,1fr)}.home .t{min-height:120px}}.home footer{color:var(--sp-mute);border-top:1px solid #ffffff14;padding-block:28px;font-size:13px}.home .rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.js .home .rv:not(.in){opacity:.25;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.home .rv,.js .home .rv:not(.in){opacity:1;transition:none;transform:none}}.home .shop{right:var(--gr);z-index:3;background:color-mix(in srgb,var(--sp-graphite) 72%,transparent);-webkit-backdrop-filter:blur(14px);width:min(380px,100% - 32px);box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 80px -20px rgba(255,106,43,calc(var(--shop,0)*.35));opacity:var(--shop,0);will-change:transform;pointer-events:none;transform:translateY(calc(-50% - (1 - var(--shop,0))*6vh + var(--p,0)*2vh));border-radius:24px;gap:14px;padding:22px;display:grid;position:absolute;top:40%}.home .shop.on{pointer-events:auto}.home .shop h3{font-size:24px;font-weight:300;line-height:1.15}.home .shop-desc{color:var(--sp-mute);margin:0;font-size:14px}.home .shop-price{color:var(--sp-warm);align-items:baseline;gap:8px;display:flex}.home .shop-price b{font-size:38px;line-height:1}.home .shop-price .from{color:var(--sp-mute);font-size:14px}.home .shop-cta{flex-wrap:wrap;gap:8px;display:flex}.home .shop-cta .btn{padding:13px 20px;font-size:14px}.home .shop-kinds{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:6px;padding-top:12px;display:flex}.home .shop-kinds a{color:var(--sp-mute);background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:13px;text-decoration:none}.home .shop-kinds a:hover{color:var(--sp-white)}@media (max-width:900px){.home .hero{height:140vh}.home .temp{height:151vh;margin-top:-18vh}.home .cat{margin-top:-18vh}.home .shop{left:var(--gl);right:var(--gr);width:auto;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(calc(-1 * (1 - var(--shop,0))*12vh + var(--p,0)*2vh));gap:10px;padding:18px}.home .shop h3{font-size:20px}.home .shop-desc{display:none}.home .shop-price b{font-size:30px}.home .hero-copy{opacity:calc(1 - var(--shop,0))}}@media (prefers-reduced-motion:reduce){.home .shop{transform:translateY(-50%)}}.home .shop-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.home .shop-stock{color:var(--sp-white);align-items:center;gap:6px;font-size:12px;display:inline-flex}.home .shop-stock i{background:#7fb58a;border-radius:50%;width:8px;height:8px}.home .side-kinds{left:var(--gl);z-index:3;width:200px;opacity:var(--shop,0);pointer-events:none;will-change:transform;transform:translateY(calc(-50% - (1 - var(--shop,0))*6vh + var(--p,0)*2vh));gap:6px;display:grid;position:absolute;top:40%}.home .side-kinds.on{pointer-events:auto}.home .side-kinds a{background:color-mix(in srgb,var(--sp-graphite) 70%,transparent);-webkit-backdrop-filter:blur(10px);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .25s,box-shadow .25s;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.home .side-kinds a b{font:800 18px/1 var(--f-dot);color:var(--sp-mute);transition:color .25s}.home .side-kinds a span{font-size:15px}.home .side-kinds a small{font:800 12px/1 var(--f-dot);color:var(--sp-mute)}.home .side-kinds a:hover{box-shadow:inset 0 0 0 1px var(--sp-warm)}.home .side-kinds a:hover b{color:var(--sp-warm)}@media (max-width:900px){.home .side-kinds{display:none}}@media (prefers-reduced-motion:reduce){.home .side-kinds{transform:translateY(-50%)}}.home #orb.gl{mix-blend-mode:screen}.home .shop-main{grid-template-columns:88px 1fr;align-items:center;gap:16px;display:grid}.home .shop-thumb{aspect-ratio:1;background:var(--sp-paper);border-radius:14px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.home .shop-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.home .shop-thumb:hover img{transform:scale(1.06)}@media (max-width:900px){.home .shop-main{grid-template-columns:60px 1fr;gap:12px}.home .shop-thumb{border-radius:10px}}.home .hero-copy{--dis:0}.home .hero h1 .w{white-space:nowrap;display:inline-block}.home .hero h1 .ch{will-change:transform,opacity;--d:clamp(0,(var(--dis) - var(--dl))*2.2,1);transform:translate3d(calc(var(--d)*var(--rx)),calc(var(--d)*var(--ry)),0) scale(calc(1 + var(--d)*var(--rs)));opacity:calc(1 - var(--d));display:inline-block}.home .hero h1{filter:blur(calc(var(--dis)*7px))}.home .readout{opacity:calc(1 - var(--dis)*1.6);transform:translateY(calc(var(--dis)*-3vh))}.home .hero h1 .ch{transition:rotate .35s cubic-bezier(.3,1.6,.5,1),translate .35s cubic-bezier(.3,1.6,.5,1);translate:0;rotate:0deg}@media (hover:hover){.home .hero h1 .ch:hover{rotate:var(--hr,8deg);translate:0 -.14em}}.home .hero h1 .hl .ch{color:#fff;text-shadow:0 0 calc(2px + var(--lit,0)*4px) rgba(140,155,255,calc(.35 + var(--lit,0)*.55)),0 0 calc(8px + var(--lit,0)*14px) rgba(79,93,255,calc(.3 + var(--lit,0)*.5)),0 0 calc(18px + var(--lit,0)*30px) rgba(79,93,255,calc(.15 + var(--lit,0)*.35))}@media (prefers-reduced-motion:reduce){.home .hero h1 .ch{opacity:1;transition:none;transform:rotate(0)translate(0,0)}.home .hero h1{filter:none}}@media (max-width:900px){.home #orb{z-index:2;pointer-events:none}.home .shop{z-index:1;transform-origin:50% 0;transform:translateY(calc(-1 * (1 - var(--shop,0))*12vh + var(--p,0)*2vh - var(--lift,0px) - var(--rec,0)*14vh));filter:blur(calc(var(--rec,0)*9px));opacity:calc(var(--shop,0)*(1 - var(--rec,0)))}.home .shop.gone{pointer-events:none}}
