:root{--color-primary:#D4A017;--color-primary-hover:#B8880F;--color-primary-subtle:#FFF8E7;--color-secondary:#8B6914;--color-secondary-hover:#6B5010;--color-secondary-subtle:#FFF5D6;--color-accent:#C49A2A;--color-accent-hover:#A88220;--color-accent-subtle:#FFFAF0;--color-success:#2E7D32;--color-success-subtle:#E8F5E9;--color-warning:#E6A817;--color-danger:#C0392B;--color-danger-subtle:#FDEDEB;--color-surface-bg:#FFFBF0;--color-surface-card:#FFFEF8;--color-surface-elevated:#FFF6E5;--color-surface-muted:#F0E6D0;--color-border:#E8DCC8;--color-border-subtle:#F0E8D8;--color-text-primary:#2C2418;--color-text-secondary:#6B5D4F;--color-text-muted:#8A7D70;--color-text-inverted:#FFFBF0;--color-link:#9A7510;--color-hero-text:#FBF8F4;--color-glass-bg:color-mix(in srgb,var(--color-surface-card) 92%,transparent);--color-glass-border:color-mix(in srgb,var(--color-border) 50%,transparent);--color-shimmer-start:#D4A017;--color-shimmer-mid:#C49A2A;--color-shimmer-end:#8B6914;--background:42 100% 97%;--foreground:30 28% 13%;--card:45 100% 99%;--card-foreground:30 28% 13%;--popover:45 100% 99%;--popover-foreground:30 28% 13%;--primary:43 78% 46%;--primary-foreground:30 28% 13%;--secondary:40 72% 31%;--secondary-foreground:42 100% 97%;--muted:36 35% 88%;--muted-foreground:25 10% 49%;--accent:42 65% 47%;--accent-foreground:30 28% 13%;--destructive:6 63% 46%;--destructive-foreground:42 100% 97%;--border:34 30% 85%;--input:34 30% 85%;--ring:43 78% 46%;--radius:0.5rem}.dark{color-scheme:dark;--color-primary:#C0392B;--color-primary-hover:#E04535;--color-primary-subtle:#3A1A15;--color-secondary:#D4543E;--color-secondary-hover:#E06B55;--color-secondary-subtle:#2E1510;--color-accent:#B83A2E;--color-accent-hover:#D44A3E;--color-accent-subtle:#301812;--color-success:#4CAF82;--color-success-subtle:#1A3028;--color-warning:#FBBF24;--color-danger:#E05545;--color-danger-subtle:#3A1510;--color-surface-bg:#1A1412;--color-surface-card:#241E1A;--color-surface-elevated:#2E2622;--color-surface-muted:#3A302A;--color-border:#3A302A;--color-border-subtle:#2E2622;--color-text-primary:#F0E8E0;--color-text-secondary:#B0A498;--color-text-muted:#8A7E72;--color-text-inverted:#1A1412;--color-link:#D4543E;--color-hero-text:#FBF8F4;--color-glass-bg:color-mix(in srgb,var(--color-surface-card) 92%,transparent);--color-glass-border:color-mix(in srgb,var(--color-border) 50%,transparent);--color-shimmer-start:#C0392B;--color-shimmer-mid:#D4543E;--color-shimmer-end:#B83A2E;--background:20 20% 8%;--foreground:28 30% 91%;--card:20 18% 12%;--card-foreground:28 30% 91%;--popover:20 18% 14%;--popover-foreground:28 30% 91%;--primary:7 62% 46%;--primary-foreground:28 30% 91%;--secondary:8 56% 54%;--secondary-foreground:28 30% 91%;--muted:18 16% 20%;--muted-foreground:22 12% 50%;--accent:6 58% 45%;--accent-foreground:28 30% 91%;--destructive:7 67% 57%;--destructive-foreground:28 30% 91%;--border:18 16% 20%;--input:18 16% 20%;--ring:7 62% 46%;--radius:0.5rem}.font-editorial{font-family:Playfair Display,Georgia,serif}.font-mono{font-family:JetBrains Mono,monospace}.eyebrow{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.eyebrow-accent{padding-left:12px;border-left:2px solid var(--color-primary)}.divider{height:1px;width:100%;background:var(--color-border);border:0}.bg-dots{background-image:radial-gradient(circle,color-mix(in srgb,var(--color-text-primary) 8%,transparent) 1px,transparent 1px);background-size:24px 24px}.grain-overlay:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::-moz-selection{background:color-mix(in srgb,var(--color-primary) 24%,transparent)}::selection{background:color-mix(in srgb,var(--color-primary) 24%,transparent)}.scrim-bottom:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,7,6,.92) 0,rgba(10,7,6,.45) 32%,transparent 62%)}.rail{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rail::-webkit-scrollbar{display:none}.rail-controls{display:flex;gap:8px}.rail-btn{width:40px;height:40px;border-radius:9999px;cursor:pointer;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.rail-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rail-btn svg{width:18px;height:18px}.pairing{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}.pair-link{display:flex;align-items:center;justify-content:center;width:40px;color:var(--color-text-muted);position:relative}.pair-link svg{width:20px;height:20px}.pair-link span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--color-surface-card);color:var(--color-text-muted);padding:3px 0}.pair-slot{padding:16px 18px}.pair-slot+.pair-slot{border-left:1px solid var(--color-border)}.pair-kind{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.pair-kind svg{width:14px;height:14px}.pair-kind.demo{color:var(--color-success)}.pair-kind.breakdown{color:var(--color-primary)}.ws-row{container-type:inline-size}.ws-row-head{grid-template-columns:20px 26px 1fr auto}@container (max-width: 860px){.ws-row-head{grid-template-columns:20px 26px 1fr}.ws-row-tags{grid-column:3/-1;flex-wrap:wrap;justify-content:flex-start;margin-top:8px}.pairing{grid-template-columns:1fr}.pair-link{width:auto;height:30px}.pair-slot{padding:16px 2px}.pair-slot+.pair-slot{border-left:none;border-top:1px solid var(--color-border)}}.pair-thumb{width:100%;aspect-ratio:16/9;border-radius:10px;position:relative;overflow:hidden}.pair-meta{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}