:root{--cream: #F4EFE3;--cream-2: #E9E2D0;--ink: #2A1E12;--accent: #F2D26A;--rec: #E0392B;--font: "Bricolage Grotesque";--font-display: "Bricolage Grotesque";--grain-op: .52;--grain-dur: .62s;--logo-scale: 1}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font),"Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit}h1,h2,h3{font-family:var(--font-display),var(--font),system-ui,sans-serif}h1,h2,h3,p{text-wrap:pretty}::selection{background:var(--accent);color:var(--ink)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:var(--grain-op, .52);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.28 0 0 0 0 0.28 0 0 0 0 0.28 0 0 0 1.5 -0.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;animation:grainShift var(--grain-dur, .62s) steps(4) infinite;will-change:background-position,opacity}html.dark-page body:after{mix-blend-mode:screen;opacity:var(--grain-op, .4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.86 0 0 0 0 0.84 0 0 0 0 0.78 0 0 0 1.3 -0.28'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html.no-texture body:after{display:none}@keyframes grainShift{0%{background-position:0 0}20%{background-position:-50px 30px}40%{background-position:38px -46px}60%{background-position:-32px 52px}80%{background-position:46px 18px}to{background-position:-24px -38px}}image-slot{--slot-bg: repeating-linear-gradient(135deg, var(--cream-2) 0 14px, #ded6c2 14px 28px)}.rec-dot{width:.42em;height:.42em;border-radius:99px;background:var(--rec);display:inline-block;vertical-align:middle;margin-left:.34em;opacity:0;transform:scale(.5)}.rec-dot.on{animation:recBlink 1.05s steps(1,end) infinite}@keyframes recBlink{0%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.nav-dot{animation:navDotPulse 3.4s ease-in-out infinite;will-change:transform,opacity}@keyframes navDotPulse{0%,62%,to{transform:scale(1);opacity:1}72%{transform:scale(1.85);opacity:.5}82%{transform:scale(1);opacity:1}}#boot{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cream);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-mask:radial-gradient(circle at var(--cx, 50%) var(--cy, 50%),transparent calc(var(--reveal-r, 0px) - 1px),#000 calc(var(--reveal-r, 0px) + 1px));mask:radial-gradient(circle at var(--cx, 50%) var(--cy, 50%),transparent calc(var(--reveal-r, 0px) - 1px),#000 calc(var(--reveal-r, 0px) + 1px))}#boot .b{font-weight:800;font-size:34px;letter-spacing:-.04em;line-height:1;display:flex;align-items:center;font-family:var(--font-display),var(--font),system-ui,sans-serif;color:var(--ink)}#boot .dot{width:12px;height:12px;border-radius:99px;background:var(--rec);display:inline-block;align-self:flex-end;margin:0 0 6px 5px;transform-origin:center center;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1.2);opacity:1}}
