.hero{height:min(92vh,880px);min-height:560px;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero .veil{pointer-events:none;background:linear-gradient(#070b1800 30%,#070b18e0 82%,#070b18 100%),linear-gradient(90deg,#070b18db 0%,#070b1833 55%,#070b1800 100%);position:absolute;inset:0}.hero .copy{max-width:min(660px,88vw);position:absolute;bottom:9vh;left:6vw}.hero h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 20px;font:400 clamp(48px,7.4vw,104px)/.95 Instrument Serif,serif}.hero p{color:#e6dccb;max-width:52ch;margin:0 0 26px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.hero .ctas{flex-wrap:wrap;gap:12px;display:flex}.hero .nav{justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:6vw;right:6vw}.hero .nav a.brand{color:var(--ink);font:400 32px Instrument Serif,serif;text-decoration:none}.tip{z-index:3;pointer-events:none;opacity:0;background:#070b18f0;border:1px solid #ff9a3c99;border-radius:14px;max-width:280px;padding:12px 14px;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(6px)}.tip.on{opacity:1;transform:none}.tip b{color:var(--ink);font:400 22px/1.1 Instrument Serif,serif;display:block}.tip span{color:var(--saff);margin:2px 0 6px;font-size:13px;display:block}.tip i{color:#e6dccb;font:italic 400 16px/1.35 Instrument Serif,serif}.hint{color:var(--muted);text-align:right;max-width:220px;font-size:13px;position:absolute;bottom:9vh;right:6vw}.stories{padding:40px 0 30px}.stories h2,.how h2,.make h2{margin:0 0 10px;font:400 clamp(36px,4.4vw,58px)/1 Instrument Serif,serif}.stories .lead{color:var(--muted);max-width:60ch;margin:0 0 30px;line-height:1.6}.row{border-top:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);padding:34px 0;text-decoration:none;display:grid}.row:last-child{border-bottom:1px solid var(--line)}.row .dom{color:var(--ink);margin:0 0 10px;font:400 clamp(42px,6vw,84px)/.95 Instrument Serif,serif;transition:color .25s}.row:hover .dom,.row:focus-visible .dom{color:var(--saff)}.row .title{color:var(--saff);margin:0 0 12px;font-size:15px}.row .q{color:#e6dccb;max-width:34ch;margin:0 0 14px;font:italic 400 clamp(20px,1.9vw,26px)/1.3 Instrument Serif,serif}.row .meta{color:var(--muted);font-size:13px}.row .frame{aspect-ratio:16/9;outline:1px solid var(--line);background:#0c1222;border-radius:14px;position:relative;overflow:hidden}.row .frame canvas{width:100%;height:100%;display:block}.row .frame .play{color:var(--ink);background:#070b18cc;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;bottom:14px;left:14px}.row:nth-child(2n) .text{order:2}.row:focus-visible{outline:2px solid var(--saff);outline-offset:6px;border-radius:6px}.how{padding:70px 0 40px}.how ol{counter-reset:n;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin:30px 0 0;padding:0;list-style:none;display:grid}.how li{counter-increment:n;border-top:2px solid var(--saff);padding-top:16px}.how li:before{content:counter(n);color:var(--saff);margin-bottom:10px;font:400 54px/1 Instrument Serif,serif;display:block}.how li b{margin-bottom:8px;font:400 28px/1.1 Instrument Serif,serif;display:block}.how li p{color:#d9cfbf;margin:0;font-size:15px;line-height:1.6}.make{border:1px solid var(--line);background:radial-gradient(at 85% 20%,#ff9a3c29,#0000 55%),#0d1324;border-radius:22px;margin:60px 0 80px;padding:clamp(26px,4vw,48px)}.make p{color:#e6dccb;max-width:56ch;margin:0 0 20px;line-height:1.6}.make form{flex-wrap:wrap;gap:10px;display:flex}.make input{flex:320px}footer{color:var(--muted);border-top:1px solid var(--line);padding:26px 0 40px;font-size:13px}@media (width<=820px){.row{grid-template-columns:1fr}.row:nth-child(2n) .text{order:0}.how ol{grid-template-columns:1fr}.hint{display:none}.hero .veil{background:linear-gradient(#070b1826 20%,#070b18e6 62%,#070b18 100%)}}@media (prefers-reduced-motion:reduce){.tip{transition:none}}