/* Typography compliance tokens: Space Grotesk** Grotesk* for clean technical sophistication without becoming mono-heavy. Long body passages and refined annotations: **Libre Baskerville** Baskerville* for a calm literary voice. Use **IBM Plex Mono** Mono* only sparingly for tiny diagnostic codes */
.font-proof{display:none}
:root{--cream:#F8EEDC;--ivory:#FFF8EC;--blush:#F3C8BD;--mint:#BFE8D4;--blue:#A9D8E8;--butter:#F6D98B;--leather:#6A4A32;--ink:#241B16;--teal:#2FB7A7;--tangerine:#F47A54;--p:0;--mx:.5;--my:.5}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Libre Baskerville",Georgia,serif;background:radial-gradient(circle at 18% 12%,var(--ivory),transparent 34%),linear-gradient(135deg,var(--cream),var(--ivory) 45%,#ead9bf);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background:repeating-linear-gradient(87deg,rgba(106,74,50,.08) 0 1px,transparent 1px 5px),repeating-linear-gradient(173deg,rgba(36,27,22,.045) 0 1px,transparent 1px 7px),radial-gradient(circle at 12% 30%,rgba(106,74,50,.18),transparent 18%),radial-gradient(circle at 88% 72%,rgba(243,200,189,.45),transparent 28%)}.grain:after{content:"";position:absolute;inset:18px;border:1px solid rgba(106,74,50,.22);border-radius:28px;box-shadow:inset 0 0 42px rgba(106,74,50,.18)}.visor{position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(36,27,22,.14) 1px,transparent 1px) 0 0/8.333vw 100%,linear-gradient(rgba(47,183,167,.12) 1px,transparent 1px) 0 0/100% 9vh}.calibration{position:absolute;top:18px;left:28px;right:28px;height:34px;border-top:1px solid rgba(36,27,22,.34);border-bottom:1px solid rgba(255,248,236,.7);display:flex;align-items:center;justify-content:space-between;font-family:"Space Grotesk",Inter,Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(36,27,22,.78);backdrop-filter:blur(8px)}.tide{position:absolute;left:26px;top:80px;bottom:34px;width:3px;background:rgba(36,27,22,.18)}.tide i{position:absolute;left:0;top:0;width:100%;height:calc(var(--p)*100%);background:linear-gradient(var(--teal),var(--tangerine));box-shadow:0 0 18px var(--mint)}.chapters{position:absolute;left:42px;top:50%;transform:translateY(-50%);display:grid;gap:17px;pointer-events:auto}.chapters button{width:36px;height:36px;border:1px solid rgba(36,27,22,.28);border-radius:50%;background:rgba(255,248,236,.35);font-family:"IBM Plex Mono",monospace;color:var(--ink);cursor:pointer;transition:.35s}.chapters button.active{background:var(--ink);color:var(--ivory);box-shadow:0 0 0 8px rgba(191,232,212,.32)}.hud-stack{position:absolute;right:30px;top:108px;width:min(310px,25vw);display:grid;gap:12px}.hud-stack div{padding:14px 16px;border:1px solid rgba(36,27,22,.22);background:rgba(255,248,236,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(12px);border-radius:18px}.hud-stack b{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--tangerine);margin-bottom:8px}.hud-stack span{font-size:13px;line-height:1.45}.fish-field{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;pointer-events:none;opacity:.82;filter:drop-shadow(0 12px 18px rgba(106,74,50,.12))}.current{fill:none;stroke:rgba(47,183,167,.28);stroke-width:2;stroke-dasharray:8 12}.fish{transform-box:fill-box;transform-origin:center;opacity:.72;transition:transform .4s ease}.teal{fill:var(--teal)}.coral{fill:var(--tangerine)}.blue{fill:var(--blue)}.butter{fill:var(--butter)}.shadow{fill:rgba(36,27,22,.25);filter:url(#soft)}.f1{transform:translate(120px,560px) rotate(-12deg) scale(.9)}.f2{transform:translate(270px,500px) rotate(8deg) scale(.55)}.f3{transform:translate(440px,620px) rotate(-3deg) scale(.72)}.f4{transform:translate(650px,400px) rotate(14deg) scale(.62)}.f5{transform:translate(800px,535px) rotate(-18deg) scale(.5)}.f6{transform:translate(980px,620px) rotate(5deg) scale(1.6)}.f7{transform:translate(1090px,300px) rotate(-10deg) scale(.55)}.f8{transform:translate(1200px,430px) rotate(6deg) scale(.8)}.f9{transform:translate(1320px,220px) rotate(-6deg) scale(.46)}main{position:relative;z-index:2}.scene{min-height:100vh;position:sticky;top:0;display:grid;align-items:center;padding:8vh 9vw 7vh 10vw;overflow:hidden}.spread{max-width:980px;padding:5vw 6vw;border-radius:34px;background:rgba(255,248,236,.58);box-shadow:0 24px 80px rgba(106,74,50,.2),inset 0 0 0 1px rgba(106,74,50,.18),inset 0 0 55px rgba(106,74,50,.08)}.eyebrow{font-family:"Space Grotesk",Inter,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--leather)}h1,h2{font-family:Newsreader,Georgia,serif;font-weight:600;line-height:.9;margin:0;color:var(--ink)}h1{font-size:clamp(76px,14vw,210px);letter-spacing:calc(-.07em + var(--p)*.035em)}h1 em{font-style:italic;color:var(--tangerine);display:inline-block;transform:translateY(calc(var(--p)*-14px))}h2{font-size:clamp(48px,8vw,126px);letter-spacing:-.055em;max-width:920px}.lede{max-width:650px;font-size:clamp(19px,2vw,28px);line-height:1.55}.stamp,.conclusion{display:inline-block;margin-top:28px;border:1px solid var(--leather);border-radius:999px;padding:12px 18px;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.16em;color:var(--tangerine);background:rgba(248,238,220,.56)}.lens{position:absolute;border:1px solid rgba(47,183,167,.45);border-radius:50%;background:radial-gradient(circle,rgba(191,232,212,.24),transparent 62%);box-shadow:0 0 0 1px rgba(255,248,236,.7),inset 0 0 38px rgba(47,183,167,.18);display:grid;place-items:center;font-family:"Space Grotesk";text-transform:uppercase;letter-spacing:.22em;color:var(--teal)}.lens.large{right:17vw;bottom:12vh;width:230px;height:230px;animation:rotateLens 20s linear infinite}.split{grid-template-columns:minmax(0,1fr) 42vw;gap:6vw;background:linear-gradient(90deg,rgba(243,200,189,.24),rgba(191,232,212,.15))}.scene p{font-size:clamp(17px,1.45vw,23px);line-height:1.72;max-width:720px}.map-panel{height:62vh;border-radius:32px;border:1px solid rgba(36,27,22,.25);background:rgba(255,248,236,.36);backdrop-filter:blur(10px);position:relative;box-shadow:0 20px 70px rgba(106,74,50,.13)}.map-panel svg{position:absolute;inset:8%;width:84%;height:84%;fill:none;stroke:var(--teal);stroke-width:2;stroke-dasharray:7 10}.node{position:absolute;padding:9px 12px;border-radius:999px;background:var(--ivory);font-family:"Space Grotesk";font-size:12px;color:var(--leather);box-shadow:0 8px 28px rgba(106,74,50,.14)}.n1{left:18%;top:25%}.n2{right:18%;top:18%}.n3{left:34%;bottom:25%}.n4{right:24%;bottom:34%}.quote{background:radial-gradient(circle at 74% 42%,rgba(169,216,232,.36),transparent 30%)}.annotation{margin-left:22vw;background:rgba(255,248,236,.48);border-left:1px solid var(--tangerine);padding:22px 28px}.margin-note{position:absolute;left:11vw;top:24vh;writing-mode:vertical-rl;font-family:"Space Grotesk";letter-spacing:.18em;text-transform:uppercase;color:var(--leather);font-size:12px}.type-drift{display:flex;gap:16px;flex-wrap:wrap;margin-top:42px}.type-drift span{font-family:Newsreader,serif;font-size:clamp(28px,4vw,62px);font-style:italic;color:rgba(36,27,22,.38);transform:translateX(calc((var(--p) - .5)*40px));transition:.4s}.loop{grid-template-columns:1fr 410px;gap:8vw;background:linear-gradient(145deg,rgba(248,238,220,.7),rgba(246,217,139,.28))}.reticle{width:390px;height:390px;border:1px solid rgba(47,183,167,.5);border-radius:50%;position:relative;display:grid;place-items:center;background:rgba(255,248,236,.22);animation:pulse 5s ease-in-out infinite}.reticle:before,.reticle:after{content:"";position:absolute;inset:18%;border:1px solid rgba(36,27,22,.18);border-radius:50%}.reticle:after{inset:38%;border-color:rgba(244,122,84,.38)}.reticle span{font-family:"Space Grotesk";letter-spacing:.2em;text-transform:uppercase;color:var(--tangerine)}.reticle b{position:absolute;width:12px;height:12px;background:var(--teal);border-radius:50%;left:50%;top:50%;transform:rotate(var(--a)) translateX(176px)}.reticle b:nth-child(2){--a:35deg}.reticle b:nth-child(3){--a:155deg}.reticle b:nth-child(4){--a:275deg}.final{place-items:center;background:radial-gradient(circle at 50% 120%,var(--mint),transparent 42%),linear-gradient(var(--ivory),var(--cream))}.patch-note{text-align:center;max-width:850px;padding:7vw;border-radius:38px;background:rgba(255,248,236,.62);box-shadow:0 28px 100px rgba(47,183,167,.2),inset 0 0 0 1px rgba(106,74,50,.16)}.patch-note p{margin-left:auto;margin-right:auto}.is-visible h2{letter-spacing:calc(-.055em + .018em)}@keyframes rotateLens{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 70px rgba(47,183,167,.28)}}@media(max-width:900px){.hud-stack{display:none}.split,.loop{grid-template-columns:1fr}.scene{padding-left:18vw}.map-panel{height:45vh}.reticle{width:280px;height:280px}h1{font-size:24vw}}