:root{--bg: #0a0a0a;--bg-elevated: #111110;--bg-soft: #141413;--bg-line: #1c1b18;--text: #ebe5d8;--text-dim: #8a857c;--text-mute: #857f73;--text-bright: #f5f1ea;--border: #232220;--border-strong: #34322e;--accent: #c4673e;--accent-hover: #d57a52;--accent-dim: #6e3522;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--gutter: clamp(1rem, 3vw, 2.5rem);--max-w: 1440px;--col: 12;--sec-pad-y: clamp(1.8rem, 3vw, 3.2rem);--sec-head-mb: clamp(1.8rem, 3vw, 2.8rem)}@media(max-width:768px){:root{--gutter: 1.2rem;--sec-pad-y: 2.9rem;--sec-head-mb: 1.8rem}}@media(max-width:480px){:root{--gutter: 1.05rem;--sec-pad-y: 2.5rem;--sec-head-mb: 1.55rem}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{min-height:100dvh;background-image:linear-gradient(rgba(235,229,216,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(235,229,216,.025) 1px,transparent 1px);background-size:60px 60px;background-position:-1px -1px;background-attachment:fixed}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:.9;text-transform:uppercase;font-feature-settings:"kern" 1}.mono{font-family:var(--font-mono);font-weight:400;font-feature-settings:"ss01","ss02","tnum" 1}.label{font-family:var(--font-mono);font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.label-accent{color:var(--accent)}.comment{font-family:var(--font-mono);font-size:15px;color:var(--text-mute);font-style:italic;letter-spacing:.02em}.shell{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);position:relative}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}@media(max-width:768px){.grid-12{display:flex;flex-direction:column;gap:1.1rem}body{background-attachment:scroll;background-size:48px 48px}.tag{font-size:12px;letter-spacing:.12em;padding:.3rem .55rem}.label,.comment{font-size:13px}}.frame-lines{position:fixed;inset:0;pointer-events:none;z-index:60;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);opacity:.35}.frame-lines>span{border-left:1px solid rgba(235,229,216,.04)}.frame-lines>span:first-child{border-left:1px solid rgba(235,229,216,.08)}.frame-lines>span:last-child{border-right:1px solid rgba(235,229,216,.08)}@media(max-width:768px){.frame-lines{display:none}}.sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;margin-bottom:var(--sec-head-mb);max-width:1080px}.sec-head .sec-mark{display:inline-flex;align-items:baseline;gap:.3rem;font-family:var(--font-mono);color:var(--text-dim);font-size:15px;letter-spacing:.05em}.sec-head .sec-mark .play-num{color:var(--accent);font-weight:500;font-size:15px}.sec-head .sec-mark .play-sep,.sec-head .sec-mark .play-total{color:var(--text-mute);font-size:15px}.sec-head .sec-title{margin:0;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.92;letter-spacing:-.01em;color:var(--text-bright);font-family:var(--font-display);font-weight:400;text-transform:uppercase}.sec-head .sec-title span{display:block}.sec-head .sec-title em{font-style:normal;color:var(--accent)}.sec-head .sec-lede{margin:0;font-family:var(--font-mono);font-size:15px;line-height:1.7;color:var(--text-dim);max-width:60ch}@media(max-width:768px){.sec-head{gap:.9rem}.sec-head .sec-mark{border-left:2px solid var(--accent);padding-left:.65rem}.sec-head .sec-lede{font-size:14px;line-height:1.65;max-width:100%}}@media(max-width:640px){.sec-head .sec-title{font-size:clamp(2.7rem,11vw,3.6rem)}.sec-head .sec-mark,.sec-head .sec-mark .play-num,.sec-head .sec-mark .play-sep,.sec-head .sec-mark .play-total{font-size:13px}}.hr{height:1px;background:var(--border);width:100%}.hr-strong{height:1px;background:var(--border-strong)}.hr-v{width:1px;background:var(--border);align-self:stretch}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:1.05rem 1.4rem;border:1px solid var(--border-strong);background:transparent;color:var(--text-bright);transition:border-color .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1);position:relative;white-space:nowrap;cursor:pointer;touch-action:manipulation}@media(max-width:640px){.btn{font-size:13.5px;letter-spacing:.14em;padding:1.05rem 1.3rem}}.btn:after{content:"\2192";font-family:var(--font-mono);font-size:15px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn:hover{border-color:var(--text-bright);background:#ebe5d808}.btn:hover:after{transform:translate(4px)}.btn:active{transform:translateY(1px);transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--text-bright);color:var(--bg);border-color:var(--text-bright)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-ghost{border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text-bright);border-color:var(--border-strong)}.link-arrow{font-family:var(--font-mono);font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-bright);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-strong);transition:border-color .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1)}.link-arrow:after{content:"\2192";transition:transform .3s cubic-bezier(.16,1,.3,1)}.link-arrow:hover{border-color:var(--accent);color:var(--accent)}.link-arrow:hover:after{transform:translate(4px)}body.js-reveal [data-reveal]:not(.is-in){opacity:0;transform:translateY(24px)}body.js-reveal [data-reveal].is-in{opacity:1;transform:translateY(0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s)}body.js-reveal [data-reveal-fade]:not(.is-in){opacity:0}body.js-reveal [data-reveal-fade].is-in{opacity:1;transition:opacity 1.2s ease;transition-delay:var(--reveal-delay, 0s)}@media(prefers-reduced-motion:reduce){body.js-reveal [data-reveal]:not(.is-in),body.js-reveal [data-reveal-fade]:not(.is-in){opacity:1!important;transform:none!important;transition:none!important}}@keyframes revealIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFade{0%{opacity:0}to{opacity:1}}.tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:15px;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .7rem;border:1px solid var(--border-strong);color:var(--text-dim);background:transparent}.tag-accent{color:var(--accent);border-color:var(--accent-dim)}.field{font-family:var(--font-mono);font-size:15px;letter-spacing:.08em;background:transparent;border:none;border-bottom:1px solid var(--border-strong);color:var(--text-bright);padding:.9rem 0;width:100%;outline:none;transition:border-color .3s ease}.field:focus{border-color:var(--text-bright)}.field::placeholder{color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase}section{position:relative;padding:var(--sec-pad-y) 0;border-top:1px solid var(--border)}section:first-of-type{border-top:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-dim{color:var(--text-dim)}.text-mute{color:var(--text-mute)}.text-bright{color:var(--text-bright)}.text-accent{color:var(--accent)}.bg-elevated{background:var(--bg-elevated)}.bg-soft{background:var(--bg-soft)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}