:root{color-scheme:dark;--bg:#111416;--panel:#191e21;--text:#edf0ed;--muted:#b3bbb8;--line:#343c3e;--accent:#efa975;--max:1180px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:#ffcfaa}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,4.7rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:1.2rem}p+p{margin-top:1rem}.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--text);color:var(--bg);padding:.6rem 1rem}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:88px}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);font-size:1.2rem;font-weight:650;text-decoration:none;letter-spacing:-.03em}.brand-mark{border:1px solid var(--accent);color:var(--accent);font-size:.85rem;letter-spacing:0;padding:.2rem .4rem}.nav{display:flex;flex-wrap:wrap;gap:1.5rem}.nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4rem;padding-block:5rem}.eyebrow{font-size:.875rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.intro{font-size:1.25rem;color:var(--muted);max-width:34rem;margin-top:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:4px;color:var(--text);text-decoration:none;background:transparent;cursor:pointer}.button:hover{border-color:var(--accent);color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:#20150d}.button.primary:hover{background:#ffbd89;color:#20150d}.hero-shot{background:#060709;padding:.75rem;border:1px solid var(--line);border-radius:6px}.hero-shot img{width:100%;image-rendering:pixelated}.hero-shot figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.8rem .35rem .1rem;font-size:.875rem;color:var(--muted)}.section{padding-block:4rem;border-top:1px solid var(--line);scroll-margin-top:1rem}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem}.section-heading a{white-space:nowrap}.section-lede{max-width:48rem;margin-top:1rem;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.shot a{display:block;background:#050607;border:1px solid var(--line);border-radius:4px;overflow:hidden}.shot a:hover{border-color:var(--accent)}.shot img{width:100%;aspect-ratio:712/570;object-fit:contain;image-rendering:pixelated}.shot figcaption{padding-block:1rem}.shot h3{margin-bottom:.35rem}.shot p{font-size:.95rem;color:var(--muted)}.hardware{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 3rem;margin:2rem 0}.hardware div{border-left:2px solid var(--accent);padding-left:1rem}.hardware dt{font-size:.875rem;color:var(--muted)}.hardware dd{margin:.35rem 0 0;font-size:1.1rem}.note{font-size:.95rem;color:var(--muted);max-width:52rem}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.steps{padding-left:1.4rem;margin:0}.steps li{padding-left:.5rem;margin-bottom:1.5rem}.steps strong{display:block;margin-bottom:.3rem}.steps p{color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080b0d;border:1px solid var(--line);padding:1.2rem;border-radius:4px;font-size:.875rem;margin:1.5rem 0}code{font-family:ui-monospace,Consolas,monospace}.link-list{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.5rem}.site-footer{border-top:1px solid var(--line);padding-block:2rem;color:var(--muted);font-size:.875rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-inner p{max-width:45rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.page-intro{padding-block:4rem 3rem}.page-intro h1{font-size:clamp(2.5rem,5vw,3.8rem)}.gallery-page{padding-bottom:4rem}.gallery-page .gallery-grid{row-gap:2rem}.viewer{width:min(980px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1rem;background:#111416;color:var(--text);border:1px solid var(--line);border-radius:6px;overflow:auto}.viewer::backdrop{background:rgba(0,0,0,.9)}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.viewer-top{margin-bottom:1rem}.viewer-top p{font-size:.875rem;color:var(--muted)}.viewer figure{margin:auto;width:100%}.viewer img{margin:auto;max-height:calc(100dvh - 15rem);width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated}.viewer figcaption{padding:1rem 0}.viewer figcaption p{color:var(--muted);margin-top:.35rem}.viewer-bottom{margin-top:.5rem}.viewer button{min-width:90px}.viewer-error{color:var(--accent);padding:1rem}.viewer-open{overflow:hidden}.muted{color:var(--muted)}
@media(max-width:850px){.hero{gap:2rem;padding-block:3rem;grid-template-columns:1fr 1fr}.split{gap:2rem;grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:calc(100% - 2rem)}.header-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:.75rem;padding-block:1rem}.nav{gap:1.1rem}.hero{grid-template-columns:1fr;padding-block:2.5rem;gap:2rem}.hero-shot{max-width:100%}.intro{font-size:1.1rem}.section{padding-block:2.75rem}.section-heading{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.hardware{gap:1.5rem 1rem}.hardware dd{font-size:1rem}.page-intro{padding-block:2.5rem}.viewer{padding:.75rem}.viewer img{max-height:55dvh}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,border-color .15s,background-color .15s}}