/* Compliance vocabulary: creates HUD-like navigation doubles visual motif. used technical labels (Google (2% frequency Details:** maximum `background-clip: text` effect using (`linear-gradient(135deg Playfair's formality. paragraphs `clamp(1rem thin horizontal click (or scroll-into-view first three sections onboarding gesture */
:root{--deep:#1a1a22;--gun:#2a2a32;--chrome-strip:#2c2c34;--slate:#3a3a44;--silver:#d0d0d8;--soft:#b8b8c4;--line:#c0c0c8;--gold:#c9a45c;--teal:#5e9e96;--glow:#e8e0d0;--rust:#a0705a;--fog:#f0ece6;--muted:#8a8a98;--gray:#a0a0a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--soft);font-family:"Source Sans 3",Inter,sans-serif;font-size:clamp(1rem,1.15vw,1.15rem);font-weight:400;line-height:1.72;letter-spacing:.01em;overflow-x:hidden}button{font:inherit;color:inherit}a{color:var(--teal);text-decoration:none;background:linear-gradient(90deg,var(--teal),var(--teal)) 0 100%/0 1px no-repeat;transition:background-size .3s ease,color .3s ease}a:hover{background-size:100% 1px;color:var(--gold)}code{font-family:"IBM Plex Mono",monospace;font-size:.85em;color:var(--gold);background:rgba(201,164,92,.08);padding:.15em .4em;border-radius:2px}.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(94,158,150,.72)}
.compliance-token{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.hero{position:relative;min-height:100vh;width:100vw;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 58% 42%,rgba(94,158,150,.14),transparent 30%),linear-gradient(170deg,var(--gun),var(--deep));isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 33px,rgba(208,208,216,.025) 34px,transparent 35px);opacity:.8}.hero-dissolve{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,26,34,.95) 0 38.2%,rgba(240,236,230,.1) 38.4%,transparent 62%),linear-gradient(180deg,transparent 70%,rgba(26,26,34,.9));z-index:1}.hex-field{position:absolute;inset:-12vh 0;z-index:0}.hex{position:absolute;left:var(--x);top:-12%;width:var(--s);height:var(--s);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,rgba(208,208,216,.55),rgba(201,164,92,.4));box-shadow:0 0 18px rgba(201,164,92,.2);animation:drift var(--d) linear infinite;animation-delay:var(--delay);opacity:.45}.hero-inner{position:relative;z-index:3;text-align:center;padding:2rem;max-width:1150px}.hero h1{margin:.05em 0;font-family:"Playfair Display",Playfair,serif;font-size:clamp(4rem,10vw,9rem);font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:lowercase;background:linear-gradient(135deg,#d0d0d8,#a0a0a8,#e8e0d0,#c9a45c,#d0d0d8);background-size:240% 240%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(201,164,92,.15);animation:chrome 10s ease-in-out infinite}.hero-text{max-width:720px;margin:1.2rem auto 0;color:var(--soft);font-weight:300}.hero-crack{position:absolute;z-index:2;width:min(82vw,1050px);height:auto;filter:drop-shadow(0 0 6px rgba(201,164,92,.4));opacity:.82}.hero-crack path,.crack-separator path{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes drift{0%{transform:translate3d(-8px,-10vh,0) rotate(0deg);opacity:0}10%{opacity:.55}100%{transform:translate3d(20px,124vh,0) rotate(360deg);opacity:0}}@keyframes chrome{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.archive-shell{display:grid;grid-template-columns:38.2% 61.8%;min-height:100vh;background:var(--fog)}.context-column{position:sticky;top:0;height:100vh;padding:2.4rem 2rem;background:linear-gradient(170deg,#2c2c34,#3a3a44);color:var(--silver);overflow:hidden;border-right:1px solid rgba(160,160,168,.28)}.context-column:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,#3a3a44 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,#3a3a44 0 1px,transparent 1px 48px);opacity:.04}.context-column>*{position:relative;z-index:1}.wordmark{font-family:"Playfair Display",serif;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:.04em;color:var(--silver);text-shadow:0 0 30px rgba(201,164,92,.15)}.context-nav{display:flex;flex-direction:column;gap:1rem;margin:4rem 0 2rem;max-width:260px}.context-nav a{display:grid;grid-template-columns:3rem 1fr;align-items:center;color:var(--gray);font-weight:300}.context-nav a:before{content:attr(data-label);font-family:"IBM Plex Mono",monospace;font-size:10px;color:rgba(201,164,92,.75)}.context-nav a.active{color:var(--silver)}.hud-ring{position:absolute;right:8%;top:17%;width:160px;height:160px;border-radius:50%;border:1px solid rgba(208,208,216,.11);clip-path:polygon(0 0,100% 0,100% 38%,68% 38%,68% 100%,0 100%);animation:spin 45s linear infinite}.hud-ring span{position:absolute;inset:24px;border-radius:50%;border:1px solid rgba(94,158,150,.2);clip-path:polygon(18% 0,100% 0,100% 70%,48% 70%,48% 100%,0 100%,0 18%)}@keyframes spin{to{transform:rotate(360deg)}}.timeline{position:absolute;left:2rem;bottom:3rem;top:55%;width:135px}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:#3a3a44}.timeline-line span{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--silver);box-shadow:0 0 14px rgba(201,164,92,.8);transition:top .18s linear}.tick{position:absolute;top:var(--p);left:0;transform:translateY(-50%);padding-left:16px;font-family:"IBM Plex Mono",monospace;font-size:10px;color:rgba(208,208,216,.58)}.tick:before{content:"";position:absolute;left:0;top:50%;width:9px;height:1px;background:var(--gold)}.readouts{position:absolute;right:1.5rem;bottom:2rem;display:flex;flex-direction:column;gap:.35rem;font-family:"IBM Plex Mono",monospace;font-size:9px;color:rgba(94,158,150,.3)}.mobile-toggle{display:none}
.content-panel{position:relative;min-height:100vh;padding:6rem clamp(2rem,5vw,5rem);overflow:hidden;background:var(--fog);color:var(--slate)}.strata-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stratum{position:absolute;left:-6%;right:-6%;height:110px;opacity:.22;clip-path:polygon(0 38%,14% 31%,30% 42%,47% 30%,65% 40%,82% 28%,100% 37%,100% 100%,0 100%);transition:transform .12s linear}.s1{top:18%;background:#2a2a32}.s2{top:42%;height:74px;background:#3a3a44;opacity:.16}.s3{top:68%;height:48px;background:#5e9e96;opacity:.12}.intro-block,.disclosure-node,.site-footer{position:relative;z-index:1}.intro-block{max-width:760px;margin:0 0 5rem}.intro-block h2{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,6vw,5.5rem);font-weight:400;letter-spacing:.04em;line-height:1.05;color:var(--gun);margin:.2rem 0 1.3rem}.crystal-field{height:150px;margin-top:2rem;position:relative}.crystal-field span{position:absolute;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,rgba(208,208,216,.75),rgba(94,158,150,.18),rgba(201,164,92,.25));border:1px solid rgba(201,164,92,.35);box-shadow:0 16px 40px rgba(42,42,50,.12)}.crystal-field span:nth-child(1){width:82px;height:82px;left:8%;top:22px;transform:rotate(5deg)}.crystal-field span:nth-child(2){width:56px;height:56px;left:24%;top:70px;transform:rotate(12deg)}.crystal-field span:nth-child(3){width:108px;height:108px;left:41%;top:5px;transform:rotate(-8deg)}
.disclosure-node{margin:2.5rem 0;background:rgba(255,255,255,.16);backdrop-filter:blur(4px)}.node-head{width:100%;display:grid;grid-template-columns:3.5rem 1fr 2rem;gap:1rem;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(58,58,68,.16);padding:1.5rem 0;cursor:pointer}.node-index{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--gold)}.node-head strong{display:block;font-family:"Playfair Display",serif;font-weight:400;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.04em;line-height:1.08;color:var(--gun);text-shadow:0 0 30px rgba(201,164,92,.15)}.node-head em{display:block;margin-top:.35rem;font-style:normal;font-weight:300;color:var(--muted)}.crack-plus{position:relative;width:26px;height:26px;transition:transform .45s cubic-bezier(.4,0,.2,1)}.crack-plus:before,.crack-plus:after{content:"";position:absolute;background:var(--gold);box-shadow:0 0 8px rgba(201,164,92,.45)}.crack-plus:before{width:24px;height:2px;top:12px;left:1px;transform:rotate(-5deg)}.crack-plus:after{width:2px;height:24px;left:12px;top:1px;transform:rotate(8deg)}.disclosure-node.open .crack-plus{transform:rotate(45deg)}.node-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(90deg,transparent,var(--gold),transparent);clip-path:polygon(0 52%,18% 47%,28% 55%,39% 38%,52% 50%,66% 42%,78% 57%,100% 45%,100% 52%,78% 64%,66% 50%,52% 66%,39% 50%,28% 69%,18% 54%,0 62%);opacity:.55;transform:scaleX(.42);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s}.disclosure-node.open .node-head:after{transform:scaleX(1);opacity:.92}.node-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1);padding:0 0;color:var(--slate)}.disclosure-node.open .node-body{max-height:720px;padding:1.4rem 0 2rem}.node-body p{max-width:760px;margin:0 0 1rem}.root-network{width:100%;height:120px;margin-top:1rem}.root-network path{fill:none;stroke:var(--teal);stroke-width:.8;stroke-dasharray:6 9;animation:rootdraw 8s linear infinite;opacity:.65}@keyframes rootdraw{to{stroke-dashoffset:-120}}.crack-separator{position:relative;z-index:1;height:70px;margin:1rem 0;transform:rotate(2deg);filter:drop-shadow(0 0 4px rgba(201,164,92,.4))}.crack-separator.alt{transform:rotate(-4deg)}.crack-separator svg{width:100%;height:100%}.crack-separator path{stroke:var(--line);stroke-width:1.4}.glossary p{font-family:"Source Sans 3",sans-serif}.site-footer{margin-top:5rem;padding:2rem 0;border-top:1px solid rgba(192,192,200,.55);font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--muted)}
@media (prefers-color-scheme:light){body{background:var(--fog);color:var(--slate)}.hero{background:radial-gradient(circle at 58% 42%,rgba(94,158,150,.12),transparent 30%),linear-gradient(170deg,#2a2a32,#1a1a22)}.content-panel{background:var(--fog);color:var(--slate)}}
@media (max-width:768px){.hero h1{font-size:clamp(3rem,14vw,5rem)}.archive-shell{display:block}.context-column{height:56px;position:sticky;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;overflow:visible}.wordmark{font-size:1.25rem}.mobile-toggle{display:grid;gap:4px;background:transparent;border:0;padding:.35rem;order:2}.mobile-toggle span{width:22px;height:2px;background:var(--gold);display:block}.context-nav{position:absolute;left:0;right:0;top:56px;margin:0;padding:1rem;max-width:none;background:rgba(42,42,50,.88);backdrop-filter:blur(12px);transform:translateY(-130%);transition:transform .35s ease}.context-column.nav-open .context-nav{transform:translateY(0)}.timeline,.readouts,.hud-ring{display:none}.content-panel{padding:3.5rem 1.25rem}.node-head{grid-template-columns:2.3rem 1fr 1.7rem}.crack-separator{height:44px}.disclosure-node.open .node-body{max-height:980px}}