:root{--paper:#f3f3eb;--ink:#191d1c;--red:#e43127;--line:#cccec6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}.wrap{max-width:1360px;margin:auto;padding-left:55px;padding-right:55px}.topstrip{display:flex;justify-content:space-between;padding:11px 4%;background:var(--red);color:#fff7e9;font:8px monospace;letter-spacing:1.8px}header{max-width:1500px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;font-size:17px;letter-spacing:-.5px}.brand svg{width:44px;height:29px;fill:var(--red)}.brand small{display:block;font:7px monospace;letter-spacing:1.5px;margin-top:5px;color:#747970}nav{display:flex;gap:35px;align-items:center}nav a{font-size:11px;text-decoration:none;font-weight:600}nav a:last-child{border-bottom:1px solid var(--ink);padding-bottom:6px}.mobile-x{display:none}.hero{padding-top:42px;padding-bottom:55px}.hero-kicker{font:9px monospace;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center}.red-dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block;margin-right:10px}h1{font:900 clamp(53px,8.8vw,128px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-6px;text-align:center;margin:25px -15px 24px;position:relative}h1>span{position:absolute;right:-6px;top:-24px;font-size:22px;letter-spacing:2px;color:var(--red);transform:rotate(9deg)}.hero-sub{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:25px}.hero-sub p{font:normal 26px/1.1 Georgia,serif;letter-spacing:-.5px;margin:0}.hero-sub p b{font-weight:400;color:var(--red);font-style:italic}.hero-note{font:10px/1.8 monospace;color:#71776d}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;text-decoration:none;border:1px solid var(--ink);padding:17px 21px;font-size:11px;font-weight:800;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:1px 1px var(--ink)}.button>span{font-size:18px}.red{background:var(--red);color:#fff8eb}.dark{background:var(--ink);color:var(--paper)}.light{background:#fff7e5;color:var(--ink)}.tv-wrap{position:relative}.side-note{position:absolute;left:-31px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:7px monospace;letter-spacing:1.5px;color:#777d73}.tv{padding:13px 13px 0;border:2px solid #292c2a;border-radius:23px;background:linear-gradient(135deg,#ddddcf,#a8aea3);box-shadow:0 5px 0 #8d9589,0 20px 45px #33402c19}.screen{position:relative;aspect-ratio:16/6.6;background:#141716;border:8px solid #222722;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 10px black}.screen>img{width:100%;height:100%;object-fit:cover;display:block}.screen.portrait>img{object-fit:contain;background:#101411}.screen-top{position:absolute;left:20px;right:20px;top:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.channel{background:#f4f4e7ec;color:#151b15;border:1px solid #1c2318;padding:7px 11px;font:900 15px monospace}.signal{background:#161e14dc;color:#f3f3df;font:8px monospace;letter-spacing:1px;padding:9px 11px}.signal i{display:inline-block;width:3px;height:5px;background:#e7f0d7;margin-left:3px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:11px}.subtitles{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);padding:7px 13px;background:#111811df;color:#fff8df;font:14px/1.4 monospace;text-align:center;width:max-content;max-width:90%;pointer-events:none}.screen-bottom{position:absolute;bottom:0;left:0;right:0;background:#152016db;padding:11px 16px;display:flex;justify-content:space-between;font:7px monospace;color:#e5e9d8;letter-spacing:1.5px}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0000000c 4px);opacity:.5}.screen.changing{animation:tune .24s ease}.tv-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 16px}.tv-brand{font:bold 12px monospace;letter-spacing:1px}.tv-brand small{display:block;font:6px monospace;letter-spacing:1.4px;margin-top:6px;color:#616b5b}.channels{display:flex;align-items:center;gap:8px}.channels>span{font:6px monospace;letter-spacing:1.3px;margin-right:5px}.channels button{width:33px;height:30px;border:1px solid #4c5847;border-radius:4px;background:#d5d9cb;font:700 10px monospace;box-shadow:0 2px 0 #64745b}.channels button.selected{background:var(--red);color:white;box-shadow:0 1px 0 #64745b;transform:translateY(1px)}.freeze{background:none;border:0;border-bottom:1px solid #6b7563;padding:5px 0;font:9px monospace}.speaker{width:100px;height:23px;background:repeating-linear-gradient(90deg,#75806a 0,#75806a 2px,transparent 2px,transparent 5px);opacity:.65}.tv-caption{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:1.2px;color:#70796a;margin-top:20px}.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--red);color:var(--paper);padding:18px 0}.ticker>div{width:max-content;font-size:14px;font-weight:800;letter-spacing:2px;animation:marquee 45s linear infinite}.ticker span{margin:0 34px;font-size:20px}.lore{padding-top:80px;padding-bottom:90px}.section-label{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#6f7969;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:45px;gap:20px}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.lore-photo{position:relative;transform:rotate(-3deg);border:1px solid var(--ink);padding:10px;background:#fffef1;box-shadow:7px 9px 0 #d5dbcb}.lore-photo>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:contrast(1.03)}.photo-foot{display:flex;justify-content:space-between;padding:15px 2px 6px;font:7px monospace;letter-spacing:.7px}.stamp{position:absolute;right:-24px;top:-22px;transform:rotate(16deg);width:93px;height:93px;border-radius:50%;background:var(--red);color:#fff9eb;border:2px solid var(--paper);outline:1px solid var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;font:14px monospace;line-height:1.2}.stamp b{font-size:25px;font-weight:900}.eyebrow{font:8px/1.7 monospace;letter-spacing:1.5px}h2{font:normal clamp(45px,5.5vw,76px)/.99 Georgia,serif;letter-spacing:-3px;margin:24px 0 28px}em{color:var(--red);font-weight:400}.lore-copy>p{font-size:13px;line-height:1.9;color:#66705f;max-width:420px}.lore-copy>.lead{font-size:17px;line-height:1.6;color:#30382b}.fish-facts{border-top:1px solid var(--line);margin:26px 0}.fish-facts div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:15px}.fish-facts span{font:7px monospace;color:#74806b;letter-spacing:1px}.fish-facts b{font-size:11px}.text-link{display:flex;justify-content:space-between;font-size:11px;font-weight:700;text-underline-offset:5px;max-width:280px}.text-link span{font-size:18px}.post-section{background:#e1e8d9;border-block:1px solid #bdc7b2;padding:70px 0 80px}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.post-copy>p{font-size:13px;line-height:1.9;color:#5c6856;margin-bottom:27px}.handnote{font:italic 17px Georgia;transform:rotate(-5deg);margin-top:35px;color:#67765b}.post-card{background:#fffef7;border:1px solid #313a2b;border-radius:10px;box-shadow:6px 7px 0 #bbc9ae;overflow:hidden}.post-head{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid #e3e7da}.post-head img{width:37px;height:37px;object-fit:cover;border-radius:50%;border:1px solid #d3d9cb}.post-head b{font-size:12px}.post-head div>span{display:block;font-size:10px;color:#839079;margin-top:4px}.post-head>.x{margin-left:auto;font-size:24px}.embed{padding:12px 18px}.twitter-tweet{margin:0!important;font:11px/1.7 Arial}.twitter-tweet a{color:#687d5b;text-underline-offset:4px}.post-preview{display:block;margin:0 15px;text-decoration:none;border:1px solid #c7cebc}.post-preview img{display:block;width:100%}.post-preview>span{display:block;padding:12px 15px;font:8px monospace;letter-spacing:1px;background:#edf1e5}.post-card>small{display:block;padding:15px 18px;font-size:9px;color:#7c8872;line-height:1.6}.fish-break{padding-top:65px;padding-bottom:60px}.fish-break-top,.fish-break-bottom{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#707969;border-bottom:1px solid var(--line);padding-bottom:15px}.fish-break>p{position:relative;font:normal clamp(80px,12vw,160px)/.92 Georgia;letter-spacing:-7px;text-align:center;margin:50px 0}.fish-break>p>span{position:absolute;right:6%;top:4%;font:bold 28px/1.5 serif;color:var(--red);letter-spacing:1px;transform:rotate(8deg)}.fish-break-bottom{border-bottom:0;border-top:1px solid var(--line);padding-top:15px;padding-bottom:0}.join{background:var(--red);color:#fff7e7;padding:65px 0}.join-inner{display:flex;justify-content:space-between;gap:35px;align-items:center}.join h2{font-size:58px;letter-spacing:-2px;margin:20px 0}.join h2 em{color:#ffe8c9}.join p{font-size:13px;color:#ffded1}.join-actions{display:grid;justify-items:center;gap:24px;flex-shrink:0}.join-actions>a:last-child{font:9px monospace;text-underline-offset:5px}footer{padding-top:30px;padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:28px}.footer-top>span{font:11px monospace}.footer-top>a:last-child{font:8px monospace;text-decoration:none;letter-spacing:1px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;font:7px/1.7 monospace;color:#77816e;padding-top:20px}.footer-bottom button{font:8px monospace;background:none;border:0;padding:0;text-decoration:underline;color:#646e5c;white-space:nowrap}dialog{width:min(460px,90vw);padding:35px;background:var(--paper);border:2px solid var(--ink);box-shadow:7px 8px var(--red)}dialog::backdrop{background:#152010aa;backdrop-filter:blur(5px)}dialog h2{font:bold 30px Arial;letter-spacing:-1px}dialog p{font-size:14px;line-height:1.8;color:#64715a;margin-bottom:25px}#close{position:absolute;right:12px;top:10px;font-size:26px;background:none;border:0}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes tune{0%{filter:brightness(1.5);transform:scaleY(.97)}50%{filter:contrast(1.2)}100%{filter:none;transform:none}}@media(max-width:1000px){.wrap{padding-left:35px;padding-right:35px}.speaker{display:none}h1{letter-spacing:-4px}.hero-note{font-size:9px}.lore-grid{gap:8%}.lore-copy>.lead{font-size:15px}.stamp{width:75px;height:75px;font-size:12px}.stamp b{font-size:20px}.join h2{font-size:47px}.post-grid{gap:6%}.post-copy h2{font-size:53px}.tv-controls{gap:12px}.tv-brand{font-size:10px}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.topstrip{padding:9px 16px;font-size:6px;letter-spacing:1px}.topstrip span:nth-child(2){display:none}header{padding:20px}.brand{font-size:15px;gap:8px}.brand svg{width:34px}.brand small{font-size:6px;letter-spacing:1px}nav{display:none}.mobile-x{display:block;font-size:19px;text-decoration:none}.hero{padding-top:29px;padding-bottom:32px}.hero-kicker{font-size:6px;letter-spacing:.7px}.red-dot{height:5px;width:5px;margin-right:6px}h1{font-size:9.1vw;letter-spacing:-2px;margin:26px -5px 22px}h1>span{font-size:13px;top:-20px;right:4px}.hero-sub{gap:13px;margin-bottom:23px;flex-wrap:wrap}.hero-sub p{font-size:24px}.hero-note{font-size:8px;line-height:1.6}.hero-sub .button{width:100%;padding:14px 18px;margin-top:6px}.button{font-size:11px;padding:15px 18px}.tv{padding:7px 7px 0;border-radius:14px;margin-left:-7px;margin-right:-7px;box-shadow:0 4px #8d9589,0 15px 30px #33402c12}.screen{aspect-ratio:4/3;border-width:4px;border-radius:8px}.screen>img{object-fit:cover}.screen-top{top:9px;left:9px;right:9px}.channel{font-size:11px;padding:5px 8px}.signal{font-size:6px;padding:7px}.signal i{width:2px;margin-left:2px}.subtitles{font-size:10px;bottom:33px;padding:6px 9px;line-height:1.5;width:85%}.screen-bottom{padding:9px;font-size:5px;letter-spacing:.6px}.tv-controls{padding:14px 5px;flex-wrap:wrap;gap:10px}.tv-brand{font-size:9px}.tv-brand small{font-size:5px;letter-spacing:.7px}.channels{gap:5px;margin-left:auto}.channels>span{display:none}.channels button{width:27px;height:26px;font-size:9px}.freeze{font-size:8px;margin-left:auto;margin-top:3px}.side-note{display:none}.tv-caption{font-size:5px;letter-spacing:.7px;gap:10px;line-height:1.6;margin-top:15px}.ticker{padding:14px 0}.ticker>div{font-size:11px;letter-spacing:1px}.ticker span{margin:0 20px;font-size:16px}.lore{padding-top:45px;padding-bottom:50px}.section-label{font-size:6px;letter-spacing:.5px;line-height:1.7;margin-bottom:30px;gap:10px}.lore-grid{grid-template-columns:1fr;gap:40px}.lore-photo{margin:10px 13px 0 5px;transform:rotate(-2deg)}.stamp{right:-17px;top:-18px}.photo-foot{font-size:6px}.lore-copy h2{font-size:60px;margin-top:15px}.lore-copy>.lead{font-size:17px}.lore-copy>p{font-size:13px}.eyebrow{font-size:7px}.fish-facts div{padding:11px 0}.post-section{padding:45px 0 50px}.post-grid{grid-template-columns:1fr;gap:35px}.post-copy h2{font-size:51px}.post-copy>p{font-size:12px}.handnote{font-size:16px;margin-top:24px}.post-head{padding:14px}.post-card>small{font-size:8px}.fish-break{padding-top:40px;padding-bottom:35px}.fish-break-top,.fish-break-bottom{font-size:6px;letter-spacing:.7px}.fish-break>p{font-size:83px;letter-spacing:-4px;margin:40px 0}.fish-break>p>span{font-size:17px;right:0;top:0}.join{padding:45px 0}.join-inner{display:block}.join h2{font-size:44px}.join-actions{justify-items:start;margin-top:28px;gap:20px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>span{font-size:9px}.footer-top>a:last-child{font-size:7px}.footer-bottom{flex-wrap:wrap;font-size:6px;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom button{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}.screen.changing{animation:none}.button{transition:none}}
