:root{--ink:#07090f;--ink2:#10131c;--bone:#e9e4d8;--beam:#f2d9a6;--steel:#8a93a6;--line:#242a38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font:300 17px/1.6 Hanken Grotesk,system-ui,sans-serif}h1,h2,h3,.logo{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.05;margin:0 0 .5em}h1{font-size:clamp(2.6rem,7vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}a{color:inherit}button,select{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--beam);outline-offset:3px}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:linear-gradient(var(--ink),transparent)}.logo{font-size:1.6rem;text-decoration:none}.nav nav{display:flex;gap:28px}.nav a{text-decoration:none;color:var(--steel)}.nav a.active{color:var(--bone)}.bag{background:none;border:1px solid var(--line);padding:6px 14px;border-radius:99px}.wrap{padding:140px 5vw 70px;max-width:1280px;margin:auto}section.wrap{padding-top:70px}.narrow{max-width:760px}.mut{color:var(--steel)}.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:0 5vw 9vh}.beam{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--beam);clip-path:polygon(18% 38%,18% 43%,100% 8%,100% 92%);opacity:0;animation:open 2.4s .4s cubic-bezier(.2,.7,.2,1) forwards;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 95%);mask-image:linear-gradient(90deg,#000 0,transparent 95%)}.screen{position:absolute;right:5vw;top:12%;bottom:18%;width:min(34vw,420px);background:radial-gradient(ellipse at 20% 50%,#fff8e6,var(--beam) 70%);opacity:0;animation:scr 2.4s .9s forwards;border-radius:4px;box-shadow:0 0 140px 30px #f2d9a659;display:grid;place-items:end start;padding:16px;color:#3a3220;font-size:.8rem}.rig{position:absolute;left:3vw;top:30%;width:min(34vw,420px);filter:drop-shadow(0 30px 40px #000);animation:fl 7s ease-in-out infinite}.proj{width:100%;height:auto}.proj.sm{max-width:240px}.hc{position:relative;z-index:2;max-width:640px}.hc p{color:var(--steel);max-width:44ch}@keyframes open{to{opacity:.55}}@keyframes scr{to{opacity:.95}}@keyframes fl{50%{transform:translateY(-8px)}}.cta{display:inline-block;background:var(--bone);color:var(--ink);border:0;padding:14px 26px;border-radius:2px;text-decoration:none;font-weight:600;margin-top:12px}.cta:disabled{opacity:.5;cursor:not-allowed}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px;background:var(--line);border:1px solid var(--line);margin-top:30px}.pc{background:var(--ink);padding:24px;text-decoration:none;transition:background .3s}.pc:hover{background:var(--ink2)}.pimg{display:grid;place-items:center;height:170px}.pm{display:flex;justify-content:space-between;margin-top:14px}.band{background:linear-gradient(var(--ink),var(--ink2));border-block:1px solid var(--line);margin-top:60px}.band .wrap{padding-block:120px}.bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:20px 0}.chip{background:none;border:1px solid var(--line);padding:7px 16px;border-radius:99px;margin:0 8px 8px 0}.chip.on{background:var(--bone);color:var(--ink)}select{background:var(--ink2);border:1px solid var(--line);padding:6px}.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw}.gal{background:radial-gradient(circle at 50% 40%,#1b2030,var(--ink));border:1px solid var(--line);aspect-ratio:1;display:grid;place-items:center;padding:6%}.price{font-size:1.6rem}.row{display:flex;align-items:center;gap:14px;margin:14px 0;flex-wrap:wrap}.row>span{width:80px;color:var(--steel)}.qty{display:inline-flex;align-items:center;gap:12px}.qty button{background:none;border:1px solid var(--line);width:34px;height:34px;border-radius:50%}.qty .rm{width:auto;border:0;padding:0 8px;color:var(--steel);border-radius:0}dl{margin:0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}dt{color:var(--steel)}dd{margin:0}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:50px 5vw;border-top:1px solid var(--line);color:var(--steel)}.fl{display:flex;gap:20px;flex-wrap:wrap}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--ink2);border-left:1px solid var(--line);z-index:40;transform:translate(105%);transition:transform .45s cubic-bezier(.2,.7,.2,1);padding:24px;display:flex;flex-direction:column;gap:14px;overflow:auto}.drawer.on{transform:none}.dh{display:flex;justify-content:space-between;align-items:center}.dh button{background:none;border:0}.cl{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.sub{display:flex;justify-content:space-between;margin-top:auto;font-size:1.2rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:30}@media (max-width:800px){.split,.pd{grid-template-columns:1fr}.nav nav{display:none}.screen{width:46vw;top:8%;bottom:50%}.rig{width:60vw;top:14%}.beam{clip-path:polygon(30% 22%,30% 26%,100% 5%,100% 40%)}.hero{padding-bottom:6vh}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}.beam{opacity:.55}.screen{opacity:.95}}.hero3d{height:260svh;position:relative}.hero3d.still{height:100svh}.stick{position:sticky;top:0;height:100svh;overflow:hidden}.stick canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hero3d .hc{position:absolute;left:5vw;bottom:9vh}.hc2{position:absolute;left:5vw;bottom:9vh;max-width:520px;opacity:0;pointer-events:none}.hc2 a{pointer-events:auto}.hc2 p{color:var(--steel)}.hero3d.still .hc2{display:none}.fallback{position:absolute;top:0;right:0;bottom:0;left:0}.fallback .beam{animation:none;opacity:.5}.fallback .screen{animation:none;opacity:.9}@media (max-width:800px){.stick canvas{top:-8vh}.hero3d .hc,.hc2{bottom:6vh;right:5vw}}