:root{color-scheme:dark;--bg-canvas:#1e1612;--bg-surface:#30221a;--bg-surface-hover:#3d2b20;--text-primary:#f5ecdf;--text-muted:#cbbb a6;--text-muted:#cbbba6;--accent-primary:#f59e0b;--accent-secondary:#d97706;--border-subtle:#65503d;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #f59e0b55;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,sans-serif;line-height:1.75;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle);min-height:calc(100vh - 48px)}a{color:var(--accent-primary);text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;object-fit:cover;border-radius:20px;height:auto}figure{margin:0}figcaption,.eyebrow,.badge,.dimension,.site-nav,.button,h3{font-family:ui-monospace,Consolas,monospace}figcaption{color:var(--text-muted);font-size:.78rem;margin-top:12px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{position:relative;z-index:10;padding:23px 28px;background:transparent;transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.scrolled{background:var(--bg-surface);border-color:var(--border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700;text-decoration:none;font-size:.94rem;flex-shrink:0}.brand-mark{height:25px;width:25px;border:1px solid var(--accent-primary);border-radius:50%;display:inline-grid;place-items:center;color:var(--accent-primary)}.brand-mark:after{content:"";width:11px;height:11px;border:1px solid var(--accent-primary);transform:rotate(45deg)}.site-nav{display:flex;gap:18px;font-size:.73rem}.site-nav a{text-decoration:none;color:var(--text-muted);white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.8rem;line-height:1;width:44px;height:44px}.skip-link{position:absolute;left:28px;top:-100px;z-index:100;background:var(--bg-canvas);padding:12px}.skip-link:focus{top:12px}.hero{padding-block:70px 40px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--accent-primary);margin:0 0 20px}h1,h2,h3{line-height:1.12;text-wrap:balance}h1{font-weight:500;letter-spacing:-.055em;font-size:clamp(2.7rem,6.8vw,6rem);max-width:16ch;margin:0 0 30px}h2{font-size:clamp(1.9rem,3.7vw,3.1rem);font-weight:500;letter-spacing:-.04em;margin:0 0 24px}h3{font-size:1.08rem;line-height:1.4;margin-top:0}.intro{max-width:65ch;color:var(--text-muted);font-size:1.15rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:transparent;color:var(--text-primary);border:1px solid var(--accent-primary);padding:14px 21px;letter-spacing:.13em;font-size:.72rem;text-transform:uppercase;text-decoration:none;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s;border-radius:0}.button:hover{background:var(--bg-surface-hover);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{border-color:var(--border-subtle)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.feature{position:relative;margin-top:36px}.feature>img{aspect-ratio:16/9;min-height:350px;max-height:610px}.feature-caption{max-width:60ch}.fact-card{position:absolute;right:24px;bottom:44px;width:min(350px,calc(100% - 48px));padding:25px;background:#30221aee;backdrop-filter:var(--glass-backdrop);border:1px solid #a5825266;border-radius:20px;box-shadow:var(--shadow-elevation)}.fact-card h3{color:var(--accent-primary)}.fact-card ol{padding-left:20px;font-size:.85rem;margin-bottom:0}.fact-card li+li{margin-top:12px}.spread{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:75px;border-top:1px solid var(--border-subtle)}.spread.reverse .spread-image{order:2}.spread.reverse .spread-copy{order:1}.spread-image{position:relative}.spread-image img{aspect-ratio:4/3}.badge{display:inline-block;background:var(--accent-primary);color:var(--bg-canvas);padding:7px 13px;font-size:.72rem;letter-spacing:.05em;position:relative;margin:-20px 0 0 20px;vertical-align:top}.spread-copy p{color:var(--text-muted)}.dimension{border-left:2px solid var(--accent-primary);padding:12px 18px;background:var(--bg-surface);border-radius:0 20px 20px 0;font-size:.86rem}.section{padding-block:64px;border-top:1px solid var(--border-subtle)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;overflow:clip;transition:transform .4s var(--ease-kinetic),box-shadow .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card img{aspect-ratio:4/3;border-radius:20px 20px 0 0}.card-body{padding:25px}.card p{color:var(--text-muted);font-size:.94rem}.card h3 a{color:var(--text-primary)}.article-body{max-width:70ch;margin:0 auto;padding-bottom:55px}.article-body h2{font-size:2rem;margin-top:55px}.article-body p,.article-body li{color:var(--text-muted)}.article-body strong{color:var(--text-primary)}.page-intro{max-width:76ch;padding-bottom:25px}.page-intro h1{max-width:21ch;font-size:clamp(2.6rem,5.8vw,4.8rem)}.diagram{margin-block:28px;padding:28px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px}.diagram-field{height:210px;display:grid;place-items:center;position:relative;margin-bottom:18px;background:repeating-linear-gradient(0deg,transparent 0 24px,#cbbba611 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#cbbba611 24px 25px);border-radius:20px}.spiral-line{height:155px;width:155px;border:3px solid var(--accent-primary);border-left-color:transparent;border-radius:50%;position:relative;transform:rotate(-25deg)}.spiral-line:before,.spiral-line:after{content:"";position:absolute;border:3px solid var(--accent-primary);border-right-color:transparent;border-radius:50%}.spiral-line:before{inset:23px}.spiral-line:after{inset:47px}.mirror-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;position:relative}.mirror-layout:after{content:"";position:absolute;left:50%;top:-20px;bottom:-20px;border-left:1px dashed var(--accent-primary)}.mirror-layout span{width:42px;height:42px;border:1px solid var(--accent-primary);border-radius:50%;background:#f59e0b22}.ratio-layout{display:flex;align-items:center;gap:8px}.ratio-layout span{display:grid;place-items:center;border:1px solid var(--accent-primary);aspect-ratio:1;font-family:ui-monospace,monospace}.ratio-layout span:nth-child(1){width:28px}.ratio-layout span:nth-child(2){width:45px}.ratio-layout span:nth-child(3){width:73px}.ratio-layout span:nth-child(4){width:118px}.triangle-layout{width:200px;height:150px;border-left:2px solid var(--accent-primary);border-bottom:2px solid var(--accent-primary);position:relative}.triangle-layout:after{content:"";position:absolute;width:250px;border-top:2px dashed var(--accent-primary);transform:rotate(36.87deg);transform-origin:left;top:0;left:0}.triangle-layout span{position:absolute;bottom:-28px;left:65px;font-family:ui-monospace,monospace}.steps{padding-left:24px}.steps li{padding-left:8px;margin-bottom:18px}details{border-bottom:1px solid var(--border-subtle);padding:22px 0}summary{cursor:pointer;font-weight:600;line-height:1.5;padding-right:15px}details p{max-width:68ch;color:var(--text-muted)}.note{padding:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px}.source-list{font-size:.88rem}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:42px;padding-bottom:65px}label{display:block;margin:20px 0 7px;font-size:.86rem}input,textarea,select{background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary);width:100%;padding:12px;border-radius:8px;min-width:0}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-family:ui-monospace,monospace;color:var(--accent-primary)}.status{min-height:2em;color:var(--accent-primary);font-size:.88rem}.site-footer{padding:40px 28px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.83rem}.footer-top{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.site-footer p{margin-bottom:0}.site-footer a{color:var(--text-muted)}.site-footer .brand{color:var(--text-primary)}.reveal{opacity:1;transform:none}.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-reveal .reveal-visible{opacity:1;transform:translateY(0)}.ambient-line{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);background-size:200% 200%;animation:gradientShift 12s ease infinite;opacity:.5}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero .intro{max-width:58ch}.page-intro .intro{max-width:66ch}}
@media(min-width:769px) and (max-width:1024px){body{margin:16px}.wrap{width:calc(100% - 48px)}.site-header{padding:20px}.site-nav{gap:10px;font-size:.63rem}.brand{font-size:.82rem}.spread{gap:30px}.fact-card{width:300px;padding:20px}}
@media(max-width:768px){body{margin:12px;min-height:calc(100vh - 24px)}.wrap{width:calc(100% - 40px)}.site-header{padding:18px 20px}.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.site-nav{width:100%;display:flex;flex-wrap:wrap;gap:14px 22px;padding-top:16px;border-top:1px solid var(--border-subtle)}.js .site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);font-size:.85rem;animation:menuEnter .25s var(--ease-kinetic)}.js .site-nav.open{display:flex}.hero{padding-top:48px}.spread{grid-template-columns:1fr;gap:30px;padding-block:45px}.spread.reverse .spread-image,.spread.reverse .spread-copy{order:initial}.spread-image{order:0!important}.spread-copy{order:1!important}.feature>img{min-height:260px}.fact-card{position:relative;right:auto;bottom:auto;margin:-30px 16px 0;width:calc(100% - 32px)}.contact-grid{grid-template-columns:1fr}.section{padding-block:42px}.site-footer{padding:30px 20px}.article-body h2{font-size:1.8rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}}
@media(max-width:480px){body{margin:8px}.wrap{width:calc(100% - 30px)}.site-header{padding:15px}.brand{font-size:.8rem;gap:7px}.brand-mark{width:21px;height:21px}.hero{padding-top:34px}h1{font-size:2.9rem}.page-intro h1{font-size:2.55rem}.intro{font-size:1rem}.feature>img{min-height:220px}.fact-card{padding:20px}.ratio-layout{gap:5px}.ratio-layout span:nth-child(4){width:82px}.ratio-layout span:nth-child(3){width:58px}.ratio-layout span:nth-child(2){width:38px}.diagram{padding:18px}.button{padding:12px 15px}.spread{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}.button:hover,.card:hover{transform:none}}