@view-transition{navigation:auto}::view-transition-group(.morph){animation-duration:.46s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-image-pair(.morph){animation-name:morph-blur}@keyframes morph-blur{30%{filter:blur(3px)}}::view-transition{pointer-events:none}:root{--bg:#0c0b09;--bg-2:#131110;--surface:#17140f;--surface-2:#1d1912;--border:#2b2419;--border-hi:#443a28;--text:#f2ede2;--muted:#9a9083;--accent:#e2853e;--accent-2:#c9a15a;--accent-ink:#1a0f04;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;scrollbar-color:#3a3a3a #141414}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font:16px/1.6 Space Mono,ui-monospace,monospace;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,button,select{font:inherit;color:inherit}body:has(.theme-page) .wrap{max-width:none;padding:0}:is(body:has(.theme-page) .nav,body:has(.theme-page) .footer){padding-left:clamp(20px,5vw,48px);padding-right:clamp(20px,5vw,48px)}:is(body:has(.theme-togmic) .nav,body:has(.theme-togmic) .footer){color:#ededf0;background:#0d1730;border-color:#263457}:is(body:has(.theme-hz) .nav,body:has(.theme-hz) .footer){color:#f4f4f8;background:#1a0605;border-color:#ffffff14}:is(body:has(.theme-runner) .nav,body:has(.theme-runner) .footer){color:#f7ece2;background:#100906;border-color:#3a241a}body:has(.theme-page) .footer{padding-top:26px}.wrap{z-index:1;transform-origin:50% 42%;flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 clamp(20px,5vw,48px);transition:opacity .9s,transform .9s;display:flex;position:relative}body.booting{animation:0s linear 4s forwards boot-failsafe-scroll;overflow:hidden}@keyframes boot-failsafe-scroll{to{overflow:visible}}body.booting .wrap{opacity:0;animation:0s linear 4s forwards boot-failsafe;transform:scale(1.06)}@keyframes boot-failsafe{to{opacity:1;transform:none}}.boot{z-index:999;color:#d7d2c4;background:#000;margin:0;padding:10vh 8vw 0;font:.86rem/1.9 Space Mono,ui-monospace,monospace;transition:opacity .5s;position:fixed;inset:0}.boot-line{opacity:0;display:block}.boot-line.boot-show{opacity:1}.boot-ok{color:#6fbf73}.boot-warn{color:var(--accent)}.boot-hide{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.boot{display:none}body.booting .wrap{opacity:1;transform:none}}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:26px 0;display:flex}.nav strong{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.nav a[data-status=active]{color:var(--accent)}.nav-links{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:24px;font-size:.82rem;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:hover{color:var(--text)}.nav-links a:after{content:"";background:var(--accent);height:1px;transition:right .25s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-4px;left:0;right:100%}.nav-links a:hover:after{right:0}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:26px 0;font-size:.82rem;display:flex}.wrap>:has(+.footer){margin-bottom:80px}.footer-links{gap:24px;display:flex}.footer-links a:hover{color:var(--text)}.hero{padding:72px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) both rise}.hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:20ch;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.14}.hero h2{letter-spacing:-.01em;margin-top:40px;font-size:1.05rem;font-weight:700}.hero h1 .caret{color:var(--accent);margin-right:.35em}.hero p{color:var(--muted);max-width:54ch;margin-top:20px;font-size:.98rem;line-height:1.7}.grid{gap:16px;margin-top:64px;display:grid}.cell{--i:0;--col:clamp(240px, 26vw, 320px);grid-template-columns:1fr var(--col);animation:.6s cubic-bezier(.16,1,.3,1) both rise;animation-delay:calc(var(--i) * 90ms + .14s);grid-template-rows:auto auto;gap:16px;display:grid}.cell:nth-child(2n){grid-template-columns:var(--col) 1fr}.cell:nth-child(2n) .shot{grid-column:2}.cell:nth-child(2n) .card,.cell:nth-child(2n) .spec{grid-column:1}.shot{border:1px dashed var(--border-hi);background:var(--bg-2);grid-area:1/1/span 2;place-items:center;min-height:340px;transition:border-color .3s;display:grid;overflow:hidden}.cell:hover .shot{border-color:var(--c,var(--accent))}.shot img{object-fit:cover;will-change:scale, translate;width:100%;height:100%;transition:scale .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.cell:hover .shot img{transition-duration:.55s;transition-timing-function:cubic-bezier(.34,1.4,.64,1);scale:1.12}@media (prefers-reduced-motion:reduce){.shot img,.cell:hover .shot img{transition:none;translate:0;scale:1}}.card{background:var(--c,var(--accent));color:var(--ink,var(--accent-ink));flex-direction:column;grid-area:1/2;gap:10px;min-height:340px;padding:26px 26px 32px;display:flex}.card .idx{letter-spacing:.16em;opacity:.8;font-size:.68rem}.card h2{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.05}.card p{max-width:32ch;font-size:.88rem;line-height:1.5}.spec{background:var(--bg-2);letter-spacing:.1em;text-transform:uppercase;grid-area:2/2;align-content:center;gap:8px;padding:18px 22px;font-size:.7rem;display:grid}.spec>div{justify-content:space-between;gap:16px;display:flex}.spec dt{color:var(--text);opacity:.75}.spec dd{color:color-mix(in oklab, var(--tint,var(--accent)) 55%, var(--text));font-weight:700}.cell:not([data-size=lg]) .spec{grid-auto-flow:column;justify-content:start;gap:10px}.cell:not([data-size=lg]) .spec dt{display:none}.cell:not([data-size=lg]) .spec>div+div:before{content:"·";color:color-mix(in oklab, var(--tint,var(--accent)) 55%, var(--text));opacity:.7}@media (max-width:820px){.cell,.cell:nth-child(2n){grid-template-columns:1fr}.cell .shot,.cell:nth-child(2n) .shot,.cell .card,.cell:nth-child(2n) .card,.cell .spec,.cell:nth-child(2n) .spec{grid-area:auto/1}.cell .shot{min-height:220px}.cell .card{min-height:0}}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-2);border:1px solid var(--border-hi);border-radius:3px;padding:4px 9px;font-size:.68rem}.detail{padding:40px 0 96px;animation:.6s cubic-bezier(.16,1,.3,1) both rise}.shot-hero{aspect-ratio:16/9;border:1px solid var(--border);background:repeating-linear-gradient(135deg,#1b1712,#1b1712 2px,#201b14 2px 4px);border-radius:4px;margin-top:28px;overflow:hidden}.shot-hero img{object-fit:cover;width:100%;height:100%}.stack{border-top:1px solid var(--border);gap:0;max-width:68ch;margin-top:32px;font-size:.82rem;display:grid}.stack>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(9rem,14rem) 1fr;gap:16px;padding:10px 0;display:grid}.stack dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:.7rem}.stack dd{color:var(--text)}@media (max-width:560px){.stack>div{grid-template-columns:1fr;gap:2px}}.detail h1{letter-spacing:-.02em;margin-top:36px;font-size:clamp(2.1rem,5vw,3.2rem);font-weight:700}.detail .lead{color:var(--muted);margin-top:14px;font-size:1.05rem}.detail .body{white-space:pre-wrap;max-width:68ch;margin-top:30px;line-height:1.75}.features{gap:10px;max-width:68ch;margin-top:28px;list-style:none;display:grid}.features li{color:var(--muted);padding-left:22px;font-size:.92rem;line-height:1.6;position:relative}.features li:before{content:"";border:1px solid var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;top:9px;left:0;transform:rotate(45deg)}.back{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.82rem;transition:color .2s;display:inline-flex}.back:hover{color:var(--accent)}.btn{border:1px solid var(--border-hi);background:var(--surface);cursor:pointer;letter-spacing:.03em;border-radius:3px;margin-top:28px;padding:11px 20px;font-size:.85rem;transition:border-color .2s,background .2s,transform .15s;display:inline-block}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero,.entry,.detail{animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}