:root{
  /* Sans* eXchange*—not */
  --brass:#C8A45D;
  --ink:#111827;
  --coral:#FF6B5F;
  --violet:#5F4B8B;
  --lamp:#7CFFB2;
  --paper:#D7E7E4;
  --shadow:rgba(17,24,39,.62);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{
  margin:0;
  color:var(--paper);
  font-family:"IBM Plex Sans","Inter",sans-serif;
  background:
    radial-gradient(circle at 68% 10%, rgba(124,255,178,.18), transparent 28rem),
    radial-gradient(circle at 18% 52%, rgba(95,75,139,.36), transparent 35rem),
    linear-gradient(120deg,#111827 0%,#151b2d 45%,#0a101b 100%);
  overflow-x:hidden;
}
.design-proof{display:none}

.grain{
  position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;
  background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:17px 19px;
  mix-blend-mode:soft-light;
}

.cursor-loupe{
  position:fixed;width:92px;height:92px;border:1px solid rgba(124,255,178,.48);border-radius:50%;
  pointer-events:none;z-index:19;transform:translate(-50%,-50%);opacity:.45;
  box-shadow:0 0 40px rgba(124,255,178,.15), inset 0 0 26px rgba(124,255,178,.07);
}
.cursor-loupe:after{content:"";position:absolute;width:42px;height:1px;background:rgba(200,164,93,.55);right:-30px;bottom:8px;transform:rotate(42deg)}

.citation-rail{
  position:fixed;left:22px;top:24px;bottom:24px;width:122px;z-index:10;
  border-left:1px solid rgba(200,164,93,.52);padding:18px 0 18px 18px;
  font-family:"Azeret Mono",monospace;color:rgba(215,231,228,.7);
}
.rail-title{writing-mode:vertical-rl;letter-spacing:.12em;font-size:10px;text-transform:uppercase;position:absolute;left:-8px;top:12px;color:var(--brass)}
.rail-mark{display:block;margin:28px 0;text-decoration:none;color:rgba(215,231,228,.72);font-size:11px;transition:.35s ease;position:relative}
.rail-mark span{display:block;color:var(--brass);font-size:10px;margin-bottom:5px}
.rail-mark:before{content:"";position:absolute;left:-23px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--violet);border:1px solid var(--brass)}
.rail-mark.active{color:var(--lamp);transform:translateX(8px)}
.rail-mark.active:before{background:var(--lamp);box-shadow:0 0 18px var(--lamp)}

.atlas-stack{position:relative;margin-left:0}.scene{min-height:100vh;position:relative;padding:8vw 7vw 7vw 15vw;display:flex;overflow:hidden}.scene:before{content:attr(data-scene);position:absolute;right:4vw;top:5vw;font-family:"Azeret Mono",monospace;color:rgba(200,164,93,.19);font-size:clamp(48px,8vw,130px);letter-spacing:-.08em;white-space:nowrap}.section-label,.mono{font-family:"Azeret Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.section-label{color:var(--lamp);font-size:12px;margin-bottom:20px}h1,h2,h3{font-family:"Fraunces",serif;font-variation-settings:"SOFT" 80;margin:0}h1{font-size:clamp(76px,14vw,190px);line-height:.82;color:var(--paper);letter-spacing:-.08em;text-shadow:0 10px 55px rgba(0,0,0,.45)}h2{font-size:clamp(54px,8vw,118px);line-height:.85;color:var(--paper);letter-spacing:-.07em}h3{font-size:clamp(28px,4vw,58px);line-height:.96;color:var(--paper)}p{font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:rgba(215,231,228,.78)}

.atrium{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0,rgba(124,255,178,.22),transparent 37%),linear-gradient(150deg,rgba(95,75,139,.28),transparent 52%)}.lamp{position:absolute;top:-90px;left:52%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,255,178,.8),rgba(124,255,178,.08) 47%,transparent 70%);filter:blur(4px);animation:lampPulse 5s ease-in-out infinite}.lamp span{position:absolute;left:50%;top:80px;width:1px;height:78vh;background:linear-gradient(var(--lamp),transparent)}.catalogue-card{position:relative;z-index:2;width:min(760px,82vw);padding:34px 38px 42px;border:1px solid rgba(200,164,93,.62);background:linear-gradient(160deg,rgba(215,231,228,.16),rgba(17,24,39,.78));box-shadow:0 28px 110px rgba(0,0,0,.46);backdrop-filter:blur(9px);transform:rotate(-3deg)}.catalogue-card .mono{font-size:12px;color:var(--brass)}.lede{max-width:580px}.punched-row{display:flex;gap:14px;margin-bottom:28px}.punched-row i{width:18px;height:18px;border-radius:50%;background:#111827;border:1px solid rgba(200,164,93,.55);box-shadow:inset 0 0 15px rgba(0,0,0,.55)}.crossrefs{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.crossrefs span{font-family:"Azeret Mono",monospace;color:var(--ink);background:var(--lamp);padding:10px 15px;border-radius:999px;font-size:12px;box-shadow:0 0 26px rgba(124,255,178,.3)}.floating-page{position:absolute;width:44vw;height:68vh;right:7vw;bottom:4vh;border:1px solid rgba(215,231,228,.16);background:rgba(215,231,228,.08);transform:rotate(7deg);box-shadow:0 0 80px rgba(124,255,178,.08)}.floating-page p{position:absolute;bottom:40px;left:48px;max-width:360px;color:rgba(215,231,228,.36)}.page-rule{position:absolute;inset:60px;background:repeating-linear-gradient(to bottom,rgba(215,231,228,.18) 0 1px,transparent 1px 32px)}.redaction{position:absolute;left:22%;top:38%;width:48%;height:30px;background:var(--coral);opacity:.72}.string-map{position:absolute;inset:9vh 6vw auto 12vw;height:76vh;z-index:1;overflow:visible}.string-map path,.orbit-lines path,.annotation-svg path{fill:none;stroke:var(--brass);stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900;animation:drawLine 3s ease forwards}.string-map .delay,.orbit-lines .delay,.annotation-svg .delay{animation-delay:.7s;stroke:var(--lamp)}.string-map circle{fill:var(--coral);stroke:var(--paper);stroke-width:2}.scene-caption{position:absolute;bottom:36px;right:7vw;font-family:"Azeret Mono",monospace;color:rgba(215,231,228,.66)}.scene-caption span{color:var(--brass);display:block}

.orrery{align-items:center;background:linear-gradient(90deg,rgba(17,24,39,1),rgba(95,75,139,.25))}.orrery-grid{display:grid;grid-template-columns:minmax(260px,470px) minmax(420px,1fr);gap:6vw;align-items:center;width:100%}.orrery-copy p{max-width:540px}.legend-stack{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.license-chip,.drawer-bank button{font-family:"Azeret Mono",monospace;border:1px solid rgba(200,164,93,.55);background:rgba(17,24,39,.72);color:var(--paper);padding:12px 16px;cursor:pointer;transition:.35s ease}.license-chip.active,.license-chip:hover,.drawer-bank button:hover{background:var(--lamp);color:var(--ink);box-shadow:0 0 26px rgba(124,255,178,.28)}.rights-orrery{position:relative;width:min(620px,84vw);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(124,255,178,.13),rgba(95,75,139,.09) 35%,transparent 66%)}.central-work{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--paper);color:var(--ink);font-family:"Fraunces",serif;font-size:26px;box-shadow:0 0 50px rgba(124,255,178,.35)}.central-work small{font-family:"Azeret Mono",monospace;font-size:10px}.orbit{position:absolute;inset:var(--inset);border:1px solid rgba(200,164,93,.32);border-radius:50%;animation:spin var(--speed) linear infinite}.orbit span{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:"Azeret Mono",monospace;font-size:12px;color:var(--ink);background:var(--brass);padding:5px 9px;border-radius:999px}.orbit-one{--inset:8%;--speed:19s}.orbit-two{--inset:18%;--speed:27s;animation-direction:reverse}.orbit-three{--inset:29%;--speed:15s}.orbit-four{--inset:39%;--speed:32s;animation-direction:reverse}.orbit.highlight{border-color:var(--lamp);box-shadow:0 0 24px rgba(124,255,178,.28)}.orbit-lines{position:absolute;inset:0;width:100%;height:100%}

.scriptorium{display:block;background:linear-gradient(180deg,rgba(200,164,93,.08),transparent 42%),radial-gradient(circle at 20% 80%,rgba(255,107,95,.12),transparent 34%)}.scriptorium h2{margin-bottom:46px}.scriptorium-board{position:relative;min-height:560px;border:1px solid rgba(200,164,93,.25);background:linear-gradient(135deg,rgba(215,231,228,.07),rgba(17,24,39,.55));padding:38px;box-shadow:inset 0 0 90px rgba(0,0,0,.18)}.folded-leaf{position:absolute;left:38px;top:38px;width:min(710px,62vw);min-height:340px;padding:38px;border:1px solid rgba(215,231,228,.3);background:linear-gradient(145deg,rgba(215,231,228,.18),rgba(95,75,139,.22));clip-path:polygon(0 0,88% 0,100% 14%,100% 100%,0 100%);opacity:0;transform:translateY(40px) rotate(-2deg);transition:.55s ease}.folded-leaf.active{opacity:1;transform:translateY(0) rotate(-2deg)}.folded-leaf:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 74px 74px;border-color:transparent transparent rgba(200,164,93,.44) transparent}.folded-leaf span{font-size:12px;color:var(--lamp)}.drawer-bank{position:absolute;right:42px;bottom:42px;display:grid;gap:12px;width:230px}.drawer-bank button{text-align:left;border-left:12px solid var(--brass)}

.margin{align-items:center;gap:6vw;background:radial-gradient(circle at 78% 52%,rgba(255,107,95,.16),transparent 31%),linear-gradient(110deg,rgba(95,75,139,.38),transparent)}.margin-column{max-width:450px}.annotated-sheet{position:relative;flex:1;min-height:520px;padding:46px;border:1px solid rgba(215,231,228,.26);background:rgba(215,231,228,.1);box-shadow:0 30px 90px rgba(0,0,0,.32);transform:rotate(2deg)}.annotated-sheet blockquote{font-family:"Fraunces",serif;font-size:clamp(34px,5vw,76px);line-height:.95;margin:46px 0;color:var(--paper)}.tape{position:absolute;font-family:"Azeret Mono",monospace;font-size:12px;color:var(--ink);background:var(--coral);padding:10px 18px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.tape-one{right:12%;top:18%;transform:rotate(9deg)}.tape-two{left:9%;bottom:18%;transform:rotate(-7deg);background:var(--brass)}.annotation-svg{position:absolute;inset:20% 5% 5%;width:88%;height:70%;overflow:visible}.annotation-svg circle{fill:none;stroke:var(--lamp);stroke-width:2;opacity:.75}.arrow-path{stroke:var(--coral)!important}

.appendix{align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(124,255,178,.11),transparent 48%),linear-gradient(180deg,transparent,rgba(0,0,0,.36))}.appendix-shell{width:min(980px,78vw);border:1px solid rgba(200,164,93,.42);padding:54px;background:linear-gradient(145deg,rgba(17,24,39,.72),rgba(215,231,228,.08));box-shadow:0 0 120px rgba(95,75,139,.23)}.appendix-shell>.mono{font-size:12px;color:var(--brass)}.appendix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.appendix-grid div{min-height:126px;border:1px solid rgba(215,231,228,.16);padding:18px;font-family:"Azeret Mono",monospace;color:rgba(215,231,228,.74);background:rgba(215,231,228,.05)}.appendix-grid span{display:block;color:var(--lamp);font-size:30px;margin-bottom:22px}

.reveal{opacity:0;transform:translateY(44px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}

@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lampPulse{50%{opacity:.68;transform:scale(1.05)}}

@media (max-width:900px){.citation-rail{display:none}.scene{padding:22vw 6vw 12vw}.scene:before{top:8vw;right:-10vw;font-size:64px}.orrery-grid{grid-template-columns:1fr}.rights-orrery{width:86vw}.folded-leaf{width:calc(100% - 76px)}.drawer-bank{position:relative;right:auto;bottom:auto;margin-top:390px;width:auto;grid-template-columns:repeat(3,1fr)}.margin{display:block}.annotated-sheet{margin-top:36px}.appendix-grid{grid-template-columns:1fr 1fr}.cursor-loupe{display:none}}