*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0e0c;--ink: #ece9e2;--ink-dim: #8f8c84;--line: rgba(236, 233, 226, .14);--brand: #ff6b2c;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#ffd23f;color:#0e0e0c}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--ink)}.boot-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-dim);text-align:center;line-height:2}.brand-block{display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding-left:11px;border-left:2px solid var(--brand)}.brand-mark{display:flex;align-items:flex-start;gap:1px;line-height:1}.brand-block .brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--brand);line-height:1;text-shadow:0 0 28px rgba(255,107,44,.22)}.brand-reg{font-family:var(--font-mono);font-size:7px;font-weight:500;letter-spacing:0;color:#ff6b2cb8;margin-top:2px}.brand-author{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);line-height:1;opacity:.88}.brand-block--large{align-items:center}.brand-block--large .brand-lockup{align-items:center;padding-left:0;border-left:none}.brand-block--large .brand-lockup:before{content:"";display:block;width:28px;height:2px;background:var(--brand);margin-bottom:14px;box-shadow:0 0 20px #ff6b2c59}.brand-block--large .brand{font-size:44px;letter-spacing:-.03em}.brand-block--large .brand-reg{font-size:11px;margin-top:6px}.brand-block--large .brand-author{font-size:11px;letter-spacing:.2em}.site-header .link-btn.brand-block:hover .brand{color:#ff824f}.site-header .link-btn.brand-block:hover .brand-author{color:var(--ink);opacity:1}.gallery-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;background:radial-gradient(ellipse 80% 60% at 50% 45%,#171715 0%,var(--bg) 70%)}.gallery-wrap.grabbing{cursor:grabbing}.gallery-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0}.fade-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#060605;opacity:1;pointer-events:none;z-index:30}.dim-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#0606058c;opacity:0;pointer-events:none;z-index:5}.hover-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .35s ease,transform .35s ease;mix-blend-mode:normal}.hover-title.on{opacity:1;transform:scale(1)}.hover-title .hover-num{font-family:var(--font-mono);font-size:14px;letter-spacing:.3em}.hover-title h2{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,8vw,118px);line-height:.98;text-transform:uppercase;letter-spacing:-.015em;margin:10px 0 14px;max-width:90vw;text-shadow:0 4px 60px rgba(0,0,0,.85)}.hover-title p{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-dim);pointer-events:none}.site-header .brand-block .brand{pointer-events:auto}.site-header .link-btn{pointer-events:auto;letter-spacing:.2em}.site-header .link-btn:hover{color:var(--ink)}.header-mid{position:absolute;left:50%;transform:translate(-50%)}.gallery-scrim{position:fixed;left:0;right:0;bottom:0;z-index:15;height:140px;pointer-events:none;background:linear-gradient(to top,rgba(6,6,5,.92) 0%,rgba(6,6,5,.45) 55%,transparent 100%)}.gallery-hints{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;padding:0 20px 28px;pointer-events:none}.hint-bar{display:flex;align-items:center;gap:18px;padding:12px 22px;background:#0e0e0cb8;border:1px solid rgba(236,233,226,.14);border-radius:100px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0a}.hint-item{display:flex;align-items:center;gap:10px}.hint-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;font-family:var(--font-mono);font-size:13px;line-height:1;color:var(--brand);background:#ff6b2c1f;border:1px solid rgba(255,107,44,.28);border-radius:50%;box-shadow:0 0 18px #ff6b2c26}.hint-copy{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ece9e29e;white-space:nowrap}.hint-copy strong{font-weight:500;color:var(--ink);letter-spacing:.14em}.hint-divider{width:1px;height:18px;flex-shrink:0;background:linear-gradient(to bottom,transparent,rgba(255,107,44,.55) 20%,rgba(255,107,44,.55) 80%,transparent)}@media (max-width: 640px){.hint-bar{flex-direction:column;gap:10px;padding:14px 20px;border-radius:18px}.hint-divider{width:40px;height:1px;background:linear-gradient(to right,transparent,rgba(255,107,44,.55) 20%,rgba(255,107,44,.55) 80%,transparent)}.hint-copy{font-size:10px}}.concept-page{min-height:100vh;position:relative}.page-fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#060605;opacity:1;pointer-events:none;z-index:40}.site-header.on-page{position:sticky;background:linear-gradient(#0e0e0cee,#0e0e0c00);pointer-events:auto}.concept-main{max-width:900px;margin:0 auto;padding:120px 28px 140px}.concept-meta{display:flex;gap:22px;align-items:baseline;font-family:var(--font-mono);font-size:13px;letter-spacing:.25em;color:var(--ink-dim);margin-bottom:26px}.meta-num{font-size:15px}.concept-title{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,9vw,120px);line-height:.95;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:26px}.concept-tagline{font-family:var(--font-mono);font-size:14px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:34px}.rule{height:3px;width:76px;margin-bottom:64px}.concept-body section{margin-bottom:58px}.concept-body h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3vw,30px);letter-spacing:-.01em;margin-bottom:18px}.concept-body p{font-size:16.5px;line-height:1.75;color:#c9c6bf;margin-bottom:16px;max-width:72ch;font-weight:300}.code-block{position:relative;margin:22px 0 6px;background:#131311;border:1px solid var(--line);border-radius:6px;padding:40px 22px 20px;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:#d8d5cd;white-space:pre}.code-lang{position:absolute;top:12px;left:22px;font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent, var(--ink-dim))}.related{margin:80px 0 0;padding-top:40px;border-top:1px solid var(--line)}.related h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;color:var(--ink-dim);margin-bottom:20px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.chip{font-family:var(--font-display);font-weight:500;font-size:15px;border:1px solid var(--line);border-radius:100px;padding:12px 22px;transition:border-color .25s ease,transform .25s ease}.chip span{font-family:var(--font-mono);font-size:11px;margin-right:8px}.chip:hover{border-color:var(--accent, var(--ink));transform:translateY(-2px)}.pager{display:flex;justify-content:space-between;gap:20px;margin-top:90px;padding-top:40px;border-top:1px solid var(--line)}.pager-btn{display:flex;flex-direction:column;gap:10px;text-align:left;max-width:45%}.pager-btn.right{text-align:right;align-items:flex-end}.pager-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;color:var(--ink-dim)}.pager-title{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2.6vw,26px);text-transform:uppercase;letter-spacing:-.01em;transition:color .25s ease}.pager-btn:hover .pager-title{color:var(--accent, var(--ink))}.load-note{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--ink-dim);padding:140px 28px}@media (max-width: 640px){.header-mid,.header-right{display:none}.concept-main{padding-top:96px}}