.hero{padding:clamp(40px,8vh,96px) 0 clamp(36px,6vh,72px);overflow:hidden}.hero .wrap{z-index:1;gap:22px;display:grid;position:relative}.hero h1{letter-spacing:-.045em;max-width:14ch;font-size:clamp(2.6rem,6.6vw,5.4rem);font-weight:500;line-height:1}.cta{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.dish{border-radius:28px;height:clamp(220px,36vh,380px);margin-top:12px}.hint{font:400 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--mute)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid>li{display:flex}.card{align-content:start;gap:18px;width:100%;padding:30px;display:grid}.card h3{letter-spacing:-.025em;font-size:1.7rem;font-weight:500}.card p:not(.eyebrow):not(.status){color:var(--mute);line-height:1.6}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lvl{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff06;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.lvl span{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.lvl i{background:linear-gradient(90deg, #e8eef7, #9aa6b8 var(--v), #ffffff0f var(--v));border-radius:99px;height:8px;display:block;box-shadow:inset 0 1px #ffffff40}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 11px}.shot{aspect-ratio:16/9;object-fit:cover;object-position:50% 66%;width:100%;box-shadow:0 0 0 1px var(--line);border-radius:16px}.status{font:400 12px/1.4 var(--mono);letter-spacing:.03em;color:var(--mute)}.status:before{content:"";vertical-align:1px;background:#c9d3df;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.status[data-state=live]:before{background:#8fe0a8}.status[data-state=proto]:before{background:var(--ember)}.more{font:500 14px/1 var(--font);border-bottom:1px solid #becdeb59;justify-self:start;padding:10px 0;text-decoration:none;transition:border-color .2s}.more:hover{border-color:var(--ink)}.split{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.copy{align-content:start;gap:22px;display:grid}.kinds{gap:14px;display:grid}.kinds>div{grid-template-columns:110px 1fr;align-items:baseline;gap:12px;display:grid}.kinds dt{font:500 15px/1 var(--font);align-items:center;gap:10px;display:flex}.kinds dd{color:var(--mute)}.dot{border-radius:50%;width:14px;height:14px;display:inline-block}.dot.obsidian{background:#0b0c10;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 1px #fff6}.dot.ember{background:radial-gradient(circle at 40% 35%, #ffd0a0, var(--ember) 55%, #8a2a08);box-shadow:0 0 12px #ff703680}.demo{min-height:430px;box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;overflow:hidden}.demo .inner{z-index:1;gap:16px;padding:28px;display:grid;position:relative}.row{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){.grid,.split{grid-template-columns:minmax(0,1fr)}.kinds>div{grid-template-columns:110px 1fr}}@media (prefers-reduced-motion:reduce){.site nav a,.more,.dstatus{transition:none}}.lvl:first-child i{--v:72%}.lvl:nth-child(2) i{--v:54%}.lvl:nth-child(3) i{--v:38%}.therm{z-index:30;pointer-events:none;width:12px;height:min(44vh,400px);position:fixed;top:50%;right:30px;transform:translateY(-50%)}.therm[hidden]{display:none}.therm .tube{background:linear-gradient(90deg,#090a0d,#15171d 50%,#090a0d);border-radius:99px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f}.therm .col{height:calc(var(--p,0) * (100% - 4px));background:linear-gradient(90deg,#8a96a8 0%,#f6f9fd 30%,#c3ccda 55%,#7a8596 80%,#d3dbe7 100%);border-radius:99px;min-height:8px;transition:height .35s cubic-bezier(.34,1.4,.64,1);position:absolute;bottom:2px;left:2px;right:2px}.therm .col:before{content:"";background:radial-gradient(circle at 38% 30%,#fff 0 18%,#c9d2df 55%,#6f7b8c 100%);border-radius:50%;height:8px;position:absolute;top:-3px;left:0;right:0}.therm .bulb{background:radial-gradient(circle at 34% 28%,#fff 0 9%,#0000 26%),linear-gradient(#e8eef7 0%,#aab5c4 46%,#5d6878 50%,#2c333e 100%);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;bottom:-15px;left:50%;box-shadow:0 0 0 1px #ffffff2e,0 2px 12px #96afd74d}.therm ol{position:absolute;inset:0}.therm li{pointer-events:none;position:absolute;inset:0}.tk{right:-7px;bottom:calc(var(--s,0) * 100%);pointer-events:auto;width:26px;height:2px;margin-bottom:-1px;text-decoration:none;position:absolute}.tk:before{content:"";background:#ffffff4d;border-radius:2px;width:9px;height:2px;transition:width .2s,background .2s;position:absolute;top:0;right:0}.tk:after{content:"";position:absolute;inset:-12px -6px}.tk[aria-current]:before{background:var(--ink);width:15px}.tk span{box-shadow:inset 0 0 0 1px var(--line);font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;opacity:0;background:#0b0c10;border-radius:8px;padding:5px 9px;transition:opacity .2s;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.tk:hover span,.tk:focus-visible span{opacity:1}.tk:hover:before{background:var(--ink);width:15px}@media (width<=900px){.therm{width:8px;right:22px}.therm .bulb{width:16px;height:16px;margin-left:-8px;bottom:-11px}}@media (prefers-reduced-motion:reduce){.therm .col,.tk:before,.tk span{transition:none}}