:root{--ink:#10161f;--ink-deep:#0a0e14;--paper:#f2ecdf;--paper-warm:#ece4d2;--gold:#c19a3d;--gold-bright:#e3c06a;--vermilion:#b8452f;--smoke:#8a94a6;--thread:#d4af5a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Literata,Georgia,serif;font-weight:300;line-height:1.75;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}.grain{pointer-events:none;z-index:60;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-8%)}30%{transform:translate(3%,-12%)}50%{transform:translate(8%,4%)}70%{transform:translate(-8%,8%)}90%{transform:translate(5%,3%)}}.nav{z-index:55;-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0a0e14eb,#0a0e14b8 70%,#0000);justify-content:space-between;align-items:center;padding:1.1rem clamp(1.5rem,5vw,4rem);display:flex;position:fixed;top:0;left:0;right:0}.nav .logo{color:var(--paper);letter-spacing:.01em;font-family:GFS Didot,serif;font-size:1.25rem;text-decoration:none}.nav .logo span{color:var(--gold-bright);padding-right:.1em;font-style:italic}.nav .links{gap:clamp(1rem,3vw,2.6rem);display:flex}.nav .links a{letter-spacing:.3em;text-transform:uppercase;color:var(--smoke);border-bottom:1px solid #0000;padding-bottom:.3rem;font-family:IBM Plex Mono,monospace;font-size:.64rem;text-decoration:none;transition:all .35s}.nav .links a:hover{color:var(--gold-bright)}.nav .links a.here{color:var(--gold-bright);border-bottom-color:var(--gold)}.nav.on-paper{background:linear-gradient(#f2ecdff0,#f2ecdfcc 70%,#0000)}.nav.on-paper .logo{color:var(--ink-deep)}.nav.on-paper .logo span{color:var(--vermilion)}.nav.on-paper .links a{color:#10161f8c}.nav.on-paper .links a:hover{color:var(--vermilion)}.nav.on-paper .links a.here{color:var(--vermilion);border-bottom-color:var(--vermilion)}.nav-burger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:34px;height:34px;padding:0;display:none}.nav-burger span{background:var(--paper);width:100%;height:1px;transition:transform .35s cubic-bezier(.2,.6,.2,1),opacity .25s;display:block}.nav.on-paper .nav-burger span{background:var(--ink)}.nav-burger.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (max-width:760px){.nav-burger{display:flex}.nav{-webkit-backdrop-filter:none}.nav .links{background:var(--ink-deep);opacity:0;pointer-events:none;z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:2.1rem;transition:opacity .4s cubic-bezier(.2,.6,.2,1),transform .4s cubic-bezier(.2,.6,.2,1);display:flex;position:fixed;inset:0;transform:translateY(-14px)}.nav.on-paper .links{background:var(--paper)}.nav .links.open{opacity:1;pointer-events:auto;transform:none}.nav .links a{letter-spacing:.01em;text-transform:none;color:var(--paper);opacity:0;border-bottom:none;padding-bottom:0;font-family:GFS Didot,serif;font-size:1.8rem;transition:opacity .5s,transform .5s;transform:translateY(10px)}.nav.on-paper .links a{color:var(--ink-deep)}.nav .links.open a{opacity:1;transform:none}.nav .links.open a:first-child{transition-delay:80ms}.nav .links.open a:nth-child(2){transition-delay:.14s}.nav .links.open a:nth-child(3){transition-delay:.2s}.nav .links.open a:nth-child(4){transition-delay:.26s}.nav .links a.here{color:var(--gold-bright);border-bottom:none}.nav.on-paper .links a.here{color:var(--vermilion)}}body.nav-lock{overflow:hidden}.kicker{letter-spacing:.45em;text-transform:uppercase;color:var(--vermilion);align-items:center;gap:1.2rem;margin-bottom:1.6rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:flex}.kicker:after{content:"";background:linear-gradient(to right, var(--vermilion), transparent);width:4.5rem;height:1px}.paper-mode .kicker{color:var(--vermilion)}.paper-mode .kicker:after{background:linear-gradient(to right, var(--vermilion), transparent)}h1.title,h2.title{letter-spacing:-.01em;font-family:GFS Didot,serif;font-weight:400;line-height:1.1}.btn{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #10161f59;padding:1rem 2.2rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;text-decoration:none;transition:all .45s cubic-bezier(.2,.6,.2,1);display:inline-block}.btn:hover{border-color:var(--vermilion);color:var(--vermilion);transform:translateY(-2px);box-shadow:0 6px 18px -8px #b8452f66}.btn.solid{background:var(--vermilion);color:var(--paper);border-color:var(--vermilion)}.btn.solid:hover{color:var(--paper);background:#9a3826}.paper-mode .btn{color:var(--ink);border-color:#10161f59}.paper-mode .btn:hover{border-color:var(--vermilion);color:var(--vermilion);box-shadow:0 6px 18px -8px #b8452f66}.paper-mode .btn.solid{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--paper)}.paper-mode .btn.solid:hover{color:#fff;background:#232d3d}.chip{letter-spacing:.14em;color:#c3cbd8;border:1px solid #8a94a64d;padding:.42rem .8rem;font-family:IBM Plex Mono,monospace;font-size:.64rem;display:inline-block}.chip.gold{color:var(--gold-bright);border-color:#c19a3d8c}.paper-mode .chip{color:#10161fa6;border-color:#10161f40}.paper-mode .chip.red{color:var(--vermilion);border-color:#b8452f80}.paper-mode{background:linear-gradient(to bottom, var(--paper-warm), var(--paper) 10%, var(--paper) 90%, var(--paper-warm));color:var(--ink)}.paper-mode ::selection{background:var(--ink);color:var(--paper)}.rv{opacity:0;transition:opacity 1s cubic-bezier(.2,.6,.2,1),transform 1s cubic-bezier(.2,.6,.2,1);transform:translateY(30px)}.rv.in{opacity:1;transform:none}.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}.rv.d4{transition-delay:.5s}.deckle{width:100%;height:42px;display:block}.deckle path{fill:var(--paper-warm)}.deckle.flip{transform:scaleY(-1)}footer.tale-footer{letter-spacing:.26em;text-transform:uppercase;color:var(--smoke);background:var(--ink-deep);border-top:1px solid #8a94a626;flex-wrap:wrap;justify-content:center;gap:1rem 3rem;padding:2.4rem 1.5rem 2.8rem;font-family:IBM Plex Mono,monospace;font-size:.64rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}.rv{opacity:1;transform:none}}.nav .logo img{width:auto;height:36px;display:block}
body{background:radial-gradient(ellipse 70% 55% at 78% 45%, #b8452f0d, transparent 65%), radial-gradient(ellipse 55% 45% at 15% 100%, #b8452f0f, transparent 60%), var(--paper);min-height:100vh}.stage{grid-template-columns:minmax(300px,430px) 1fr;min-height:100vh;padding-top:4.5rem;display:grid}@media (max-width:900px){.stage{grid-template-columns:1fr;align-content:start;min-height:auto}}.aside{border-right:1px solid #10161f1f;flex-direction:column;gap:1.4rem;padding:clamp(2rem,5vh,4rem) clamp(1.5rem,3.5vw,3.4rem);display:flex}.aside h1{color:var(--ink);font-family:GFS Didot,serif;font-size:clamp(2.1rem,3.4vw,3rem);font-weight:400;line-height:1.1}.aside .lede{color:#10161fb8;max-width:34ch;font-size:1.02rem;font-style:italic}.aside .lede em{color:var(--vermilion);font-style:normal}.layers{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.layers button{letter-spacing:.24em;text-transform:uppercase;color:#10161f99;cursor:pointer;background:0 0;border:1px solid #10161f47;padding:.7rem 1.1rem;font-family:IBM Plex Mono,monospace;font-size:.62rem;transition:all .35s}.layers button:hover{border-color:var(--vermilion);color:var(--vermilion)}.layers button.active{border-color:var(--vermilion);color:var(--paper);background:var(--vermilion)}.layers button small{letter-spacing:.12em;opacity:.7;font-size:.58rem;display:block}.panel{opacity:0;background:#ece4d299;border:1px solid #b8452f59;margin-top:.8rem;padding:1.7rem 1.7rem 1.9rem;transition:opacity .7s,transform .7s;display:none;transform:translateY(16px)}.panel.show{opacity:1;transform:none}.panel .pk{letter-spacing:.34em;text-transform:uppercase;color:var(--vermilion);font-family:IBM Plex Mono,monospace;font-size:.6rem}.panel h2{color:var(--ink);margin:.4rem 0 1.2rem;font-family:GFS Didot,serif;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:400;line-height:1.15}.kpis{grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem;margin-bottom:1.4rem;display:grid}.kpi .v{color:var(--vermilion);font-variant-numeric:tabular-nums;font-family:GFS Didot,serif;font-size:1.55rem;line-height:1.15}.kpi .k{letter-spacing:.24em;text-transform:uppercase;color:#10161f8c;font-family:IBM Plex Mono,monospace;font-size:.56rem}.panel .note{color:#10161f8c;margin-bottom:1.3rem;font-size:.78rem;font-style:italic}.panel .btn{padding:.8rem 1.6rem;font-size:.68rem}.panel .btn-row{flex-wrap:wrap;gap:.7rem;display:flex}.hint{letter-spacing:.26em;text-transform:uppercase;color:#10161f73;font-family:IBM Plex Mono,monospace;font-size:.6rem}.map-wrap{position:relative;overflow:hidden}#map{width:100%;height:100%;display:block}@media (max-width:900px){.map-wrap{order:-1;height:58vh;min-height:360px}.aside{padding-top:1.4rem}}#map path{fill:#10161f0a;stroke:#10161f80;stroke-width:.7px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .3s}#map path:hover{fill:#b8452f33;stroke:var(--vermilion)}#map path.sel{fill:#b8452f52;stroke:var(--vermilion);stroke-width:1.3px}#map.drawing path{animation:1.2s both inkIn}@keyframes inkIn{0%{fill:#0000;stroke-opacity:0}to{stroke-opacity:1}}.hoverlabel{pointer-events:none;color:var(--ink);white-space:nowrap;opacity:0;z-index:5;background:#f2ecdff0;border:1px solid #b8452f80;padding:.45rem 1rem;font-family:GFS Didot,serif;font-size:1.05rem;transition:opacity .2s;position:absolute;transform:translate(-50%,-140%)}.hoverlabel.show{opacity:1}.map-caption{letter-spacing:.3em;text-transform:uppercase;color:#10161f66;text-align:right;font-family:IBM Plex Mono,monospace;font-size:.58rem;position:absolute;bottom:1.6rem;right:2rem}.panel-lighthouse{opacity:.72;width:62%;max-width:190px;margin:1.2rem auto .4rem}.panel-lighthouse svg{width:100%;height:auto;display:block}