:root{--bg:#0e0c0a;--bg-elev:#14110e;--surface:#191512;--surface-2:#211c17;--border:#2b251e;--border-strong:#443a2c;--text:#ece7df;--text-muted:#a89f92;--text-faint:#736b5f;--accent:#e09a4f;--accent-soft:#f0bd80;--accent-contrast:#14100a;--accent-glow:#e09a4f59;--ok:#a9c47e;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--font-serif:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--step--1:clamp(.8rem, .75rem + .2vw, .9rem);--step-0:clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2:clamp(1.4rem, 1.2rem + 1vw, 1.9rem);--step-3:clamp(1.9rem, 1.5rem + 2vw, 2.8rem);--step-4:clamp(2.6rem, 1.9rem + 3.4vw, 4.2rem);--container:1080px;--gutter:clamp(1.1rem, 4vw, 2.5rem);--section-gap:clamp(4rem, 9vw, 7rem);--radius:14px;--radius-sm:9px;--radius-lg:22px;--shadow:0 10px 30px -12px #0009;--shadow-glow:0 0 0 1px var(--border), 0 18px 40px -20px var(--accent-glow);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7}img,picture,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700;line-height:1.2}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-contrast)}:root{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 45%, var(--border-strong))}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-gap)}main>.section+.section{border-top:1px solid var(--border)}.section__cols{grid-template-columns:auto 1fr;align-items:stretch;column-gap:clamp(1.75rem,6vw,4.5rem);display:grid}.section__head{flex-direction:column;align-items:center;gap:1rem;display:flex}.section__index{font-family:var(--font-serif);font-size:var(--step--1);color:var(--accent);letter-spacing:0}.section__title{writing-mode:vertical-rl;font-family:var(--font-serif);font-weight:600;font-size:var(--step-2);letter-spacing:.32em;line-height:1}.section__head:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 70%, transparent), transparent);flex:1;width:1px;min-height:2.5rem}main>.section:nth-child(2n) .section__cols{grid-template-columns:1fr auto}main>.section:nth-child(2n) .section__head{order:2}@media (width<=640px){.section__cols{display:block}.section__head{flex-direction:row;align-items:center;margin-bottom:1.7rem}.section__title{writing-mode:horizontal-tb;letter-spacing:.22em}.section__head:after{background:linear-gradient(to right, color-mix(in srgb, var(--accent) 70%, transparent), transparent);width:auto;height:1px;min-height:0}}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--text-muted)}.minihead:before{content:"";background:var(--accent);vertical-align:middle;width:1.1em;height:1px;margin-right:.6em;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);padding:clamp(1.1rem,3vw,1.6rem)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.tag{font-size:var(--step--1);color:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));white-space:nowrap;border-radius:2px;align-items:center;gap:.35em;padding:.18em .65em;display:inline-flex}.btn{font-weight:600;font-size:var(--step-0);border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text);background:var(--surface);cursor:pointer;transition:transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:.5em;padding:.7em 1.3em;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-2px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{box-shadow:0 12px 30px -12px var(--accent-glow)}