html{scrollbar-gutter:stable}.page{color:#1a1a1a;width:100%;min-height:100dvh;font-family:var(--font-inter), system-ui, sans-serif;background-color:#2a3a1a;flex-direction:column;display:flex;position:relative}body:has(.page){overscroll-behavior-y:none;overflow-x:hidden}.bg-tile{z-index:0;pointer-events:none;background-image:-webkit-image-set(url(/backgrounds/bg-infini-ver.avif) 1x type("image/avif"),url(/backgrounds/bg-infini-ver.webp) 1x type("image/webp"));background-image:image-set("/backgrounds/bg-infini-ver.avif" 1x type("image/avif"),"/backgrounds/bg-infini-ver.webp" 1x type("image/webp"));background-position:top;background-repeat:repeat-y;background-size:100%;position:absolute;inset:0}@media (min-width:900px){.bg-tile{background-image:-webkit-image-set(url(/backgrounds/bg-infini-hor.avif) 1x type("image/avif"),url(/backgrounds/bg-infini-hor.webp) 1x type("image/webp"));background-image:image-set("/backgrounds/bg-infini-hor.avif" 1x type("image/avif"),"/backgrounds/bg-infini-hor.webp" 1x type("image/webp"))}}.logo-zone{z-index:30;pointer-events:none;justify-content:center;padding:clamp(10px,1.5vmin,24px) 0;display:flex;position:sticky;top:0}.logo-wrap{pointer-events:auto;isolation:isolate;display:inline-block;position:relative}.logo-halo{pointer-events:none;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-halo-outer{-webkit-backdrop-filter:blur(10px)saturate(.9);width:220%;height:240%;-webkit-mask-image:radial-gradient(36% 40%,#000 10%,#0000 80%);mask-image:radial-gradient(36% 40%,#000 10%,#0000 80%)}.logo-halo-inner{background:radial-gradient(30% 34%,#fdf8eb8c 0%,#fdf8eb4d 35%,#fdf8eb1f 65%,#fdf8eb00 90%);width:180%;height:200%}.logo{object-fit:contain;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 2px 8px #00000047)drop-shadow(0 0 14px #00000026);width:auto;height:clamp(112px,20vmin,240px);animation:1.6s cubic-bezier(.16,1,.3,1) both bloom;position:relative}@keyframes bloom{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.burger,.menu-dropdown{--burger-inset:clamp(16px, 2vw, 48px)}.burger{top:var(--burger-inset);right:var(--burger-inset);z-index:60;-webkit-backdrop-filter:blur(12px)saturate(140%);background:#fdf8ebc7;border:1px solid #ffffff8c;border-radius:999px;place-items:center;transition:transform .2s,background .2s;animation:.6s .5s both fade-in;display:grid;position:fixed;box-shadow:0 6px 18px #0000002e,inset 0 1px #ffffffb3}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.burger{background:#fdf8ebf7}}.burger:hover{background:#fdf8ebeb;transform:scale(1.05)}.burger:active{transform:scale(.95)}.burger svg{color:#2a2418}.menu-dropdown{top:calc(var(--burger-inset) + 52px + 12px);right:var(--burger-inset);z-index:60;-webkit-backdrop-filter:blur(12px);min-width:180px;font-family:var(--font-space-mono), monospace;letter-spacing:.12em;text-transform:uppercase;background:#fdf8ebf5;border:1px solid #ffffff73;border-radius:18px;padding:10px 4px;font-size:13px;animation:.22s cubic-bezier(.16,1,.3,1) both menu-pop;position:fixed;box-shadow:0 12px 32px #00000038,inset 0 1px #fff9}.menu-dropdown a{color:#2a2418;border-radius:10px;padding:10px 20px;transition:background .15s;display:block}.menu-dropdown a:hover{background:#0000000f}@keyframes menu-pop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.feed{z-index:2;width:100%;position:relative}.product{cursor:pointer;opacity:0;transform:translate(calc(-50% + var(--ox,0%)), calc(-50% + var(--oy,0%) + 28px)) rotate(var(--rot,0deg)) scale(.85);transition:opacity .7s cubic-bezier(.16, 1, .3, 1) var(--in-delay,0s), transform .95s cubic-bezier(.16, 1, .3, 1) var(--in-delay,0s);place-items:center;display:grid;position:absolute}.product.in{opacity:1;transform:translate(calc(-50% + var(--ox,0%)), calc(-50% + var(--oy,0%))) rotate(var(--rot,0deg)) scale(1)}.product.in-first{animation:product-in-fade .7s cubic-bezier(.16, 1, .3, 1) var(--in-delay,0s) both, product-in-move .95s cubic-bezier(.16, 1, .3, 1) var(--in-delay,0s) both}@keyframes product-in-fade{0%{opacity:0}}@keyframes product-in-move{0%{transform:translate(calc(-50% + var(--ox,0%)), calc(-50% + var(--oy,0%) + 28px)) rotate(var(--rot,0deg)) scale(.85)}}.product:hover,.product.is-focus{z-index:20}.product-inner{width:100%;height:100%;transform:scale(var(--scale,1));animation:var(--float-name,float-bob) var(--dur,7s) ease-in-out var(--delay,0s) infinite backwards;justify-content:center;align-items:center;display:flex}.product img{object-fit:contain;filter:drop-shadow(0 14px 24px #00000047);width:auto;max-width:100%;height:auto;max-height:100%;transform:scaleX(var(--flip,1));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s;display:block}.product:hover img,.product.is-focus img{transform:scaleX(var(--flip,1)) scale(1.12);filter:drop-shadow(0 22px 34px #00000061)}.product .tag{font-family:var(--font-space-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000000b3,0 2px 12px #00000080;white-space:nowrap;opacity:0;transform-origin:50% 0;pointer-events:none;font-size:12px;font-weight:700;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-28px;left:50%;transform:translate(-50%,6px)scale(.7)}.product:hover .tag,.product.is-focus .tag{opacity:1;transform:translate(-50%)scale(1.7)}@keyframes float-bob{0%,to{transform:scale(var(--scale,1)) translate(0, 0) rotate(0deg)}50%{transform:scale(var(--scale,1)) translate(0, calc(var(--amp,4) * -1.2%)) rotate(0deg)}}@keyframes float-sway{0%,to{transform:scale(var(--scale,1)) translate(calc(var(--amp,4) * -0.9%), 0) rotate(calc(var(--rot-amp,3) * -1deg))}50%{transform:scale(var(--scale,1)) translate(calc(var(--amp,4) * 0.9%), calc(var(--amp,4) * -0.7%)) rotate(calc(var(--rot-amp,3) * 1deg))}}@keyframes float-tilt{0%,to{transform:scale(var(--scale,1)) translate(0, 0) rotate(calc(var(--rot-amp,3) * -1deg))}50%{transform:scale(var(--scale,1)) translate(0, calc(var(--amp,4) * -0.8%)) rotate(calc(var(--rot-amp,3) * 1deg))}}@keyframes float-orbit{0%{transform:scale(var(--scale,1)) translate(0, 0) rotate(calc(var(--rot-amp,3) * -1deg))}25%{transform:scale(var(--scale,1)) translate(calc(var(--amp,4) * 0.8%), calc(var(--amp,4) * -0.8%)) rotate(0deg)}50%{transform:scale(var(--scale,1)) translate(0, calc(var(--amp,4) * -1.1%)) rotate(calc(var(--rot-amp,3) * 1deg))}75%{transform:scale(var(--scale,1)) translate(calc(var(--amp,4) * -0.8%), calc(var(--amp,4) * -0.8%)) rotate(0deg)}to{transform:scale(var(--scale,1)) translate(0, 0) rotate(calc(var(--rot-amp,3) * -1deg))}}@keyframes float-spin{0%,to{transform:scale(var(--scale,1)) translate(0, 0) rotate(calc(var(--rot-amp,5) * -1deg))}50%{transform:scale(var(--scale,1)) translate(0, calc(var(--amp,2) * -0.6%)) rotate(calc(var(--rot-amp,5) * 1deg))}}.scroll-cue{z-index:40;font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #0009;pointer-events:none;opacity:var(--cue-opacity,0);flex-direction:column;align-items:center;gap:8px;font-size:11px;transition:opacity .5s;animation:2.5s ease-in-out infinite bob;display:flex;position:fixed;bottom:clamp(20px,4vmin,40px);left:50%;transform:translate(-50%)}.scroll-cue:after{content:"";background:linear-gradient(#fff,#0000);width:1px;height:28px}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.footer-scene{z-index:2;color:#f5f1e8;text-align:center;background:linear-gradient(#141e0c00 0%,#141e0cf2 60%);margin-top:auto;padding:clamp(20px,3vmin,40px) 24px clamp(6px,1vmin,12px);font-size:13px;position:relative}.footer-scene h2{font-family:var(--font-space-mono), monospace;letter-spacing:.04em;margin:0 0 12px;font-size:clamp(22px,4vmin,36px);font-weight:700}.footer-scene p{opacity:.85;max-width:36ch;margin:0 auto;line-height:1.6}.footer-links{font-family:var(--font-space-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:center;gap:24px;margin-top:20px;font-size:12px;display:flex}.footer-links a{transition:opacity .15s}.footer-links a:hover{opacity:.65}@media (prefers-reduced-motion:reduce){.product,.product-inner,.logo,.scroll-cue{animation:none!important}.product{opacity:1!important;transform:translate(calc(-50% + var(--ox,0%)), calc(-50% + var(--oy,0%))) rotate(var(--rot,0deg))!important}}