:root{color-scheme:dark;--bg-canvas:#0b0b0d;--bg-surface:#19191d;--bg-surface-hover:#232328;--text-primary:#f4f4f5;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#f87171;--border-subtle:rgba(192,196,204,.28);--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 rgba(220,38,38,.4);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:20px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle)}::selection{background:#991b1b;color:#fff}a{color:var(--text-primary);text-decoration-color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:var(--accent-secondary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:rgba(220,38,38,.2)}:focus-visible{outline:3px solid #f87171;outline-offset:5px}h1,h2,h3,.eyebrow,.nav,.brand,.badge{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;line-height:1.15}h1{font-size:clamp(2.6rem,6.6vw,5.7rem);margin:16px 0 24px;max-width:13ch}h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:0 0 24px}h3{font-size:1.2rem;margin:0 0 16px}p{margin:0 0 22px}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;padding-top:28px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:800;text-decoration:none;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:23px}.nav{display:flex;gap:26px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:700}.nav a{text-decoration:none}.nav a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-size:30px;border-radius:4px;width:44px;height:44px;line-height:1;cursor:pointer}.skip{position:absolute;top:-100px;left:16px;padding:10px;background:var(--accent-primary);z-index:20}.skip:focus{top:16px}.band{padding:76px 0}.band:nth-of-type(even),.band.charcoal{background:var(--bg-surface)}.hero{position:relative;background:radial-gradient(ellipse at 80% 35%,rgba(220,38,38,.12),transparent 55%),linear-gradient(120deg,#0b0b0d,#19191d,#0b0b0d);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{font-size:.75rem;color:var(--accent-secondary);font-weight:700;display:block;margin-bottom:16px}.lead{font-size:1.13rem;color:var(--text-muted);max-width:60ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border:0;border-radius:99px;background:var(--accent-primary);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);color:#fff;background:#b91c1c}.button.secondary{background:#35353c}.cipher-art{width:100%;height:auto;border:1px solid var(--border-subtle);border-radius:4px;background:rgba(25,25,29,.65);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation)}.caption,figcaption{font-size:.8rem;color:var(--text-muted);margin-top:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}.routes{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px;min-width:0;transition:transform .4s var(--ease-kinetic),box-shadow .4s,border-color .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);border-color:#8b3030}.card-media{position:relative}.card-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:4px 4px 0 0;filter:grayscale(1) contrast(1.08)}.badge{position:absolute;bottom:-12px;left:20px;background:var(--accent-primary);color:#fff;padding:7px 10px;font-size:.65rem;font-weight:800;border-radius:4px}.card-body{padding:30px 22px 24px}.card-body p{color:var(--text-muted);font-size:.92rem}.card-body a{font-size:.85rem;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1);border-radius:4px}.thumbnail{width:100px;height:100px;object-fit:cover;border-radius:4px;filter:grayscale(1)}figure{margin:0}.status{display:inline-block;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-primary);padding:5px 10px;color:var(--text-muted);font-size:.73rem;letter-spacing:.04em;margin-bottom:20px}.panel{padding:28px;border:1px solid var(--border-subtle);border-radius:4px;background:rgba(25,25,29,.8)}.reading{max-width:70ch;margin-inline:auto}.reading h2{font-size:1.6rem;margin-top:44px}.reading h3{margin-top:30px}.reading p,.reading li{color:var(--text-muted)}.reading strong{color:var(--text-primary)}.page-title{max-width:20ch;font-size:clamp(2.3rem,5vw,4.4rem)}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--border-subtle);border-radius:4px}table{border-collapse:collapse;width:100%;font-family:ui-monospace,monospace;font-size:.9rem}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}th{color:#fff;background:#27272c}td{color:var(--text-muted)}caption{text-align:left;padding:12px;color:var(--text-muted);font-family:system-ui,sans-serif;font-size:.85rem}.chronology{list-style:none;padding:0;margin:0;display:grid;gap:0}.chronology li{display:grid;grid-template-columns:110px 1fr;gap:24px;border-top:1px solid var(--border-subtle);padding:24px 0}.chronology time,.chronology .date{color:var(--accent-secondary);font-weight:700}.chronology p{margin:0;color:var(--text-muted)}.inline-media{display:flex;gap:20px;align-items:center}.sources{font-size:.9rem;padding-left:22px}.sources li{margin:10px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-top h2{margin:0}details{border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);margin-bottom:14px}summary{cursor:pointer;padding:22px;font-weight:650;color:var(--text-primary)}details p{padding:0 22px 22px;margin:0;color:var(--text-muted)}details[open]{border-left:3px solid var(--accent-primary)}form{display:grid;gap:18px}label{display:grid;gap:7px;color:var(--text-muted);font-size:.9rem}input,textarea,select{width:100%;min-width:0;background:#0b0b0d;border:1px solid #62626b;border-radius:4px;padding:12px;color:var(--text-primary)}textarea{resize:vertical;min-height:160px}.tool-output{min-height:220px;font-family:ui-monospace,monospace;font-size:.9rem}.notice{border-left:3px solid var(--accent-primary);padding:14px 18px;background:#232328;color:var(--text-muted)}.tool-status{min-height:1.75em;color:var(--accent-secondary);font-size:.9rem}.site-footer{border-top:1px solid var(--border-subtle);padding:36px 0;color:var(--text-muted);font-size:.85rem}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin:8px 0 0}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.routes .card-body{padding-inline:18px}.routes h3{font-size:1rem}}
@media(min-width:769px) and (max-width:1024px){.routes{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:28px}.nav{gap:20px}.wrap{width:calc(100% - 48px)}}
@media(max-width:768px){body{margin:10px}.wrap{width:calc(100% - 36px)}.band{padding:48px 0}.hero-grid,.split{grid-template-columns:1fr;gap:32px}.hero-grid h1{max-width:16ch}.menu-toggle{display:block}.site-header{padding-top:18px}.brand-row{padding-bottom:18px}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;padding:24px;background:rgba(25,25,29,.98);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation);grid-template-columns:1fr 1fr;gap:24px}.nav.is-open{display:grid}.nav a{padding:8px}.routes{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{display:block}.section-top>a{display:inline-block;margin-top:12px}.hero-art{max-width:480px}.footer-grid{display:grid}}
@media(min-width:481px) and (max-width:768px){h1{font-size:3.6rem}.cipher-art{max-height:450px}}
@media(max-width:480px){body{margin:6px}.wrap{width:calc(100% - 28px)}.brand{font-size:.8rem;gap:8px}.brand-mark{width:28px;height:28px;font-size:19px}.routes{grid-template-columns:1fr}.band{padding:38px 0}.chronology li{grid-template-columns:1fr;gap:8px}.panel{padding:20px}.inline-media{align-items:start}.thumbnail{width:70px;height:70px}.actions .button{width:100%}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.button:hover,.card:hover{transform:none}}
@media print{body{margin:0;border:0;background:white;color:black}.site-header,.site-footer,.actions,.menu-toggle{display:none}.band{padding:20px 0;background:white!important}.reading p,.reading li,.lead{color:#222}.js .reveal{opacity:1;transform:none}h1{font-size:32pt}a{color:black}}