:root{color-scheme:dark;--bg: #0a0a0a;--bg-elev: #141414;--fg: #e8e8e8;--fg-muted: #8a8a8a;--fg-dim: #5a5a5a;--border: #222;--border-strong: #333;--focus: #e8e8e8;--font-sans: ui-sans-serif, system-ui, -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--step-mini: .75rem;--step-small: .8125rem;--step-0: 1rem;--step-1: 1.125rem;--step-2: clamp(1.25rem, 1.15rem + .4vw, 1.5rem);--step-3: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);--step-4: clamp(2.5rem, 2rem + 2vw, 3.75rem);--s-1: .25rem;--s-2: .5rem;--s-3: 1rem;--s-4: 1.5rem;--s-5: 2.5rem;--s-6: 4rem;--s-7: 6rem;--max: 1200px;--max-prose: 60ch;--radius: 2px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas{display:block;max-width:100%;height:auto}a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--border-strong);transition:border-color .12s ease,color .12s ease}a:hover,a:focus-visible{border-color:var(--fg)}a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,h4{margin:0 0 var(--s-3);font-weight:500;letter-spacing:-.01em;line-height:1.15}h1{font-size:var(--step-4);letter-spacing:-.02em}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}p{margin:0 0 var(--s-3)}small,.small{font-size:var(--step-small);color:var(--fg-muted)}hr{border:0;border-top:1px solid var(--border);margin:var(--s-5) 0}code,kbd{font-family:var(--font-mono);font-size:.9em}kbd{padding:0 .3em;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg-muted)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--s-4)}.prose{max-width:var(--max-prose)}.site-header{padding:var(--s-4) 0;border-bottom:1px solid var(--border);margin-bottom:var(--s-5)}.site-header .container{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.site-title{font-family:var(--font-mono);font-size:var(--step-small);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);border:0}.site-title:hover{color:var(--fg)}.site-nav{display:flex;gap:var(--s-4)}.site-nav a{font-family:var(--font-mono);font-size:var(--step-small);letter-spacing:.04em;color:var(--fg-muted);border:0}.site-nav a:hover,.site-nav a[aria-current]{color:var(--fg)}.site-footer{margin-top:var(--s-7);padding:var(--s-5) 0 var(--s-6);border-top:1px solid var(--border);color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--step-small)}.caption{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-1) var(--s-3);margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--step-small);color:var(--fg-muted)}.caption dt{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:var(--step-mini);padding-top:2px}.caption dd{margin:0;color:var(--fg)}.caption dd a{border:0;color:var(--fg-muted);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.caption dd a:hover{text-decoration-color:var(--fg)}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-5) var(--s-4);list-style:none;padding:0;margin:0}.class-card{display:block;border:0}.class-card h3{margin:var(--s-3) 0 var(--s-1);font-size:var(--step-1)}.class-card .count{font-family:var(--font-mono);font-size:var(--step-small);color:var(--fg-muted)}.class-card .description{margin:var(--s-1) 0 0;font-size:var(--step-small);line-height:1.5;color:var(--fg-muted)}.class-card .thumb{aspect-ratio:3 / 2;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.class-card .thumb img{width:100%;height:100%;object-fit:cover}.class-card:hover .thumb{border-color:var(--border-strong)}.group-overview{margin:var(--s-6) 0 0;padding-top:var(--s-6);border-top:1px solid var(--border);display:grid;gap:var(--s-4)}.group-overview-title{font-family:var(--font-mono);font-size:var(--step-small);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--s-2)}.group-overview .group-hero{max-width:50%}.group-overview .group-hero img{display:block;width:100%;height:auto;border:1px solid var(--border-strong)}.group-overview .group-gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);max-width:50%}.group-overview .group-gallery li img{display:block;width:100%;height:auto;border:1px solid var(--border-strong)}.group-overview .group-gallery figcaption{margin-top:var(--s-1);font-family:var(--font-mono);font-size:var(--step-small);color:var(--fg-muted)}@media(max-width:720px){.group-overview .group-hero,.group-overview .group-gallery{max-width:100%}}.config-list{display:grid;gap:var(--s-6);list-style:none;padding:0;margin:var(--s-5) 0 0}.config-block header{margin-bottom:var(--s-3);display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.config-block header h2{margin:0;font-size:var(--step-2)}.config-block header .config-link{font-family:var(--font-mono);font-size:var(--step-small);color:var(--fg-muted);border:0}.config-block header .config-link:hover{color:var(--fg)}.config-block .shots{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);max-width:50%}@media(max-width:720px){.config-block .shots{grid-template-columns:1fr 1fr;max-width:100%}}.modifier-shots{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin:var(--s-5) 0}.modifier-shots figure,.config-block .shots figure{margin:0}.modifier-shots figure img,.config-block .shots figure img,.setup-shot figure img{border:1px solid var(--border-strong);display:block;width:100%;height:auto}@media(max-width:720px){.modifier-shots{grid-template-columns:1fr}}.setup-shot{margin-top:var(--s-4)}.setup-shot h3{font-size:var(--step-1);color:var(--fg-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:0;margin-bottom:var(--s-3)}.setup-shot figure{max-width:50%;margin:0}.prev-next{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--step-small)}.prev-next a{border:0;color:var(--fg-muted);max-width:45%}.prev-next a:hover{color:var(--fg)}.prev-next .label{color:var(--fg-dim);display:block;font-size:var(--step-mini);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-1)}.compare-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-3);padding:var(--s-4);background:var(--bg-elev);border:1px solid var(--border);margin-bottom:var(--s-5)}.compare-controls label{display:flex;flex-direction:column;gap:var(--s-1);font-family:var(--font-mono);font-size:var(--step-mini);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim)}.compare-controls select{appearance:none;background:var(--bg);border:1px solid var(--border-strong);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);padding:var(--s-2) var(--s-3);border-radius:var(--radius)}.compare-controls select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.view-switch{display:flex;gap:0;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.view-switch button{flex:1;background:var(--bg);color:var(--fg-muted);border:0;border-right:1px solid var(--border-strong);padding:var(--s-2) var(--s-2);font-family:var(--font-mono);font-size:var(--step-small);cursor:pointer;text-transform:lowercase}.view-switch button:last-child{border-right:0}.view-switch button[aria-pressed=true]{background:var(--bg-elev);color:var(--fg)}.compare-stage{position:relative;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.compare-stage .empty{padding:var(--s-6);text-align:center;color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--step-small)}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.side-by-side figure{margin:0;background:var(--bg)}@media(max-width:640px){.side-by-side{grid-template-columns:1fr}}compare-slider{display:block;position:relative;user-select:none;touch-action:none;outline:none}compare-slider:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}compare-slider .slider-inner{position:relative;width:100%;height:100%}compare-slider .layer{position:absolute;inset:0}compare-slider .layer img{width:100%;height:100%;object-fit:contain}compare-slider .layer-top{clip-path:inset(0 var(--right, 50%) 0 0)}compare-slider .handle{position:absolute;top:0;bottom:0;left:var(--left, 50%);width:2px;background:#fffc;transform:translate(-1px);pointer-events:none}compare-slider .handle:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#0a0a0a80;backdrop-filter:blur(2px);transform:translate(-50%,-50%)}compare-toggle{display:block;cursor:pointer;outline:none;position:relative}compare-toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}compare-toggle img{display:block;width:100%;height:auto}compare-toggle .label{position:absolute;top:var(--s-3);left:var(--s-3);padding:var(--s-1) var(--s-2);background:#0a0a0ab3;color:var(--fg);font-family:var(--font-mono);font-size:var(--step-mini);letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(4px);pointer-events:none}table.log{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--step-small)}table.log th,table.log td{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);vertical-align:top}table.log th{font-weight:500;color:var(--fg-dim);text-transform:uppercase;font-size:var(--step-mini);letter-spacing:.08em;cursor:pointer;user-select:none}table.log th:hover{color:var(--fg)}table.log tr:hover{background:#ffffff04}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}