/* Compliance vocabulary from DESIGN.md: 0.82rem subtle `text-shadow: Mono" (Google IntersectionObserver probability gates timed random glitch triggers. threshold values zero `threshold: [0 [0, threshold: [0, 0.2, 0.5, 0.8, 1.0] IntersectionObserver: when elements Playfair Display" Source Serif 4" Space Grotesk" */
:root{
  --void:#0a0a0f;--leather:#151210;--shadow:#1e1a15;--patina:#7a5c3a;--amber:#e8a840;--copper:#c4956a;--parchment:#e8e0d4;--stone:#8a7d6f;--vein:#5c5248;--verdigris:#4aad8b;--rust:#a85c4a;--marble:#c4b8a8;--cream:#f0e8dc;
  --display:'Playfair Display',serif;--section:'Space Grotesk',sans-serif;--body:'Source Serif 4',serif;--mono:'IBM Plex Mono',monospace;--sans:'Inter',sans-serif;
  --fluid-min:16;--fluid-max:20;--fluid-base:calc(var(--fluid-min)*1px + (var(--fluid-max) - var(--fluid-min))*((100vw - 320px)/(1440 - 320)));--ease:cubic-bezier(.23,1,.32,1)
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--void);color:var(--parchment);font-family:var(--body);font-size:var(--fluid-base);line-height:1.72;letter-spacing:.008em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse at center,transparent 58%,rgba(10,10,15,.52) 100%)}a{color:inherit;text-decoration:none}p{max-width:68ch}h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--cream);line-height:.95;text-shadow:0 1px 0 rgba(0,0,0,.5),0 -1px 0 rgba(232,224,212,.08),0 0 40px rgba(232,168,64,.06)}
.side-rail{position:fixed;z-index:30;top:0;left:0;width:56px;height:100vh;background:linear-gradient(180deg,rgba(21,18,16,.96),rgba(10,10,15,.94));border-right:1px solid transparent;border-image:linear-gradient(180deg,var(--patina),var(--copper),var(--patina)) 1;display:flex;flex-direction:column;justify-content:center;gap:.6rem;transition:width .35s var(--ease);overflow:hidden}.side-rail:hover{width:168px}.rail-link{display:flex;align-items:center;gap:1rem;height:52px;padding:0 18px;font-family:var(--section);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--copper)}.rail-glyph{font-size:1.05rem;color:var(--amber);min-width:20px;text-align:center}.rail-label{opacity:0;transform:translateX(-8px);transition:.25s var(--ease);white-space:nowrap}.side-rail:hover .rail-label{opacity:1;transform:translateX(0)}.bottom-tabs{display:none}
.marble-panel,.panel-cell{--angle1:calc(var(--marble-seed)*3.7deg);--angle2:calc(var(--marble-seed)*7.3deg + 45deg);background-image:linear-gradient(var(--angle1),transparent 39%,rgba(196,184,168,.07) 42%,transparent 45%),linear-gradient(var(--angle2),transparent 54%,rgba(138,125,111,.05) 57%,transparent 60%),radial-gradient(ellipse at 30% 70%,rgba(21,18,16,.95),var(--void) 72%)}.leather-surface{background-image:radial-gradient(ellipse at 30% 50%,rgba(196,149,106,.04) 0%,transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(196,149,106,.025) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(92,82,72,.05) 0%,transparent 45%);background-size:200px 180px,160px 140px,180px 200px;background-color:var(--leather)}
.atrium{min-height:100vh;padding:clamp(6rem,12vw,11rem) clamp(1.4rem,6vw,7rem) clamp(4rem,8vw,7rem) max(1.4rem,calc(56px + 5vw));display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.atrium:after{content:"";position:absolute;inset:12vh 8vw;border:1px solid rgba(196,184,168,.08);box-shadow:inset 0 0 80px rgba(196,184,168,.035);pointer-events:none}.dateline,.section-label{font-family:var(--section);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--copper);font-size:clamp(.85rem,1.8vw,1.4rem);max-width:none}.monument{font-size:clamp(2.2rem,6vw + .5rem,8.5rem);letter-spacing:.03em;margin:1rem 0 1.2rem}.atrium-copy{font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:420;color:var(--parchment)}.brass-rule,.atrium-rule{height:2px;width:min(620px,70vw);background:linear-gradient(90deg,var(--patina),var(--copper),var(--patina));margin-top:2rem;box-shadow:0 0 16px rgba(232,168,64,.18)}.atrium-rule{margin:0 0 2rem;width:180px;height:1px}
.instrument-panel{margin-left:56px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"ticker ticker ticker ticker" "primary primary sidebar sidebar" "primary primary meta meta" "archive archive archive archive";gap:2px;background:var(--shadow);padding:2px;min-height:100vh}.panel-cell{padding:clamp(1.2rem,2.5vw,3rem);background-color:var(--leather);border:1px solid rgba(122,92,58,.45);position:relative;overflow:hidden}.panel-cell:hover{filter:brightness(1.03)}.ticker{grid-area:ticker;padding:.8rem 0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,var(--patina),var(--copper),var(--patina)) 1;background:var(--void);white-space:nowrap}.ticker-track{display:flex;gap:3rem;width:max-content;animation:ticker 42s linear infinite;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:var(--amber);text-shadow:0 0 8px rgba(232,168,64,.3)}@keyframes ticker{to{transform:translateX(-50%)}}
.primary-panel{grid-area:primary}.sidebar-panel{grid-area:sidebar}.meta-panel{grid-area:meta}.archive-panel{grid-area:archive}.ionic-capital{height:24px;width:92px;margin-bottom:1.4rem;position:relative}.ionic-capital:before,.ionic-capital:after{content:"";position:absolute;top:2px;width:24px;height:24px;border:2px solid var(--vein);border-radius:50%;box-shadow:inset 0 0 0 5px var(--leather)}.ionic-capital:before{left:0}.ionic-capital:after{right:0}.ionic-capital{background:linear-gradient(90deg,transparent 20px,var(--vein) 20px,var(--vein) 72px,transparent 72px)}.story-title{font-size:clamp(2rem,4.8vw,5.6rem);letter-spacing:.01em;margin:1rem 0}.lead{font-size:clamp(1.1rem,1.3vw + .5rem,1.45rem);font-weight:420;color:var(--cream);margin-bottom:1.5rem}.primary-panel p:not(.section-label){margin-bottom:1rem}.compact-story{position:relative;padding:1.2rem 1.2rem 1.2rem 1.6rem;margin:1.1rem 0;background:rgba(30,26,21,.62);border:1px solid rgba(196,184,168,.08);transition:.45s var(--ease);cursor:pointer}.compact-story span{position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(142deg,var(--stone),var(--marble),var(--vein))}.compact-story h3,.tablet h3{font-size:clamp(1.25rem,2vw,2rem);margin-bottom:.5rem}.compact-story p,.tablet p,.archive-heading p,.colophon p{color:var(--parchment)}.compact-story.is-selected,.tablet.is-selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px rgba(232,168,64,.18),0 0 24px rgba(232,168,64,.08)}.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.2rem;margin:1.5rem 0 2rem;font-family:var(--mono);font-size:.82rem}.meta-grid span{text-transform:uppercase;color:var(--stone);letter-spacing:.06em}.meta-grid strong{font-weight:400;color:var(--parchment)}.depth-meter{position:absolute;right:clamp(1rem,2vw,2rem);top:clamp(5rem,9vw,8rem);width:4px;height:calc(100% - 9rem);min-height:150px;background:rgba(92,82,72,.55);border-radius:4px}.depth-fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:linear-gradient(0deg,var(--patina),var(--amber));border-radius:4px;transition:height .12s linear}.depth-meter i{position:absolute;left:50%;bottom:calc(var(--progress,0)*1%);width:12px;height:12px;transform:translate(-50%,50%);background:var(--amber);border-radius:50%;box-shadow:0 0 0 rgba(232,168,64,0);transition:box-shadow .2s}.depth-meter.complete i{box-shadow:0 0 12px rgba(232,168,64,.5)}.meter-caption{font-family:var(--mono);font-size:.78rem;color:var(--stone)}
.archive-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.8rem}.archive-title{font-size:clamp(2rem,4vw,4.5rem);margin-top:.4rem}.tablet-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.8rem}.tablet{min-width:260px;padding:1.4rem;background:linear-gradient(137deg,rgba(196,184,168,.075),rgba(21,18,16,.86));border:1px solid rgba(196,184,168,.16);box-shadow:inset 0 1px 18px rgba(0,0,0,.35),inset 0 -1px 0 rgba(240,232,220,.05);cursor:pointer}.tablet time{font-family:var(--mono);color:var(--amber);font-size:.82rem;text-shadow:0 0 8px rgba(232,168,64,.25)}.colophon{margin-left:56px;padding:clamp(3rem,7vw,7rem);background:linear-gradient(180deg,var(--void),var(--shadow));border-top:1px solid rgba(196,184,168,.1);display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.colophon h2{font-size:clamp(2rem,4vw,4.5rem);margin-top:.5rem}
.illuminate{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease),filter .35s var(--ease)}.illuminate.is-visible{opacity:1;transform:translateY(0)}.glitch-trigger{animation:glitch .16s steps(2,end);text-shadow:-2px 0 var(--rust),2px 0 var(--verdigris),0 0 10px rgba(232,168,64,.5)}@keyframes glitch{0%{clip-path:polygon(0 2%,100% 2%,100% 22%,0 22%);transform:translateX(-4px)}30%{clip-path:polygon(0 38%,100% 32%,100% 62%,0 68%);transform:translateX(7px)}60%{clip-path:polygon(0 72%,100% 66%,100% 95%,0 100%);transform:translateX(-3px)}100%{clip-path:inset(0);transform:translateX(0)}}
@media(max-width:768px){.side-rail{display:none}.bottom-tabs{position:fixed;z-index:30;left:0;right:0;bottom:0;height:54px;background:rgba(21,18,16,.96);border-top:1px solid var(--patina);display:flex;justify-content:space-around;align-items:center;color:var(--amber);font-family:var(--section)}.atrium{padding:5rem 1.2rem 5rem}.instrument-panel,.colophon{margin-left:0}.instrument-panel{grid-template-columns:1fr;grid-template-areas:"ticker" "primary" "sidebar" "meta" "archive"}.archive-heading,.colophon{grid-template-columns:1fr;display:grid}.depth-meter{position:relative;right:auto;top:auto;height:170px;margin:1rem 0 0 auto}.panel-cell{background-image:none;background-color:var(--leather)}body{padding-bottom:54px}}