:root{--background:#2a1c15;--foreground:#171717}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background-color:#2a1c15;position:relative}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}:root{--walnut-base:#2a1c15;--walnut-dark:#1a120e}body{background-color:var(--walnut-base);color:var(--foreground);position:relative}body:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'>  <filter id='grain'>    <feTurbulence type='fractalNoise' baseFrequency='0.004 0.02' numOctaves='4' seed='11'/>    <feColorMatrix type='matrix' values='      0 0 0 0 0       0 0 0 0 0       0 0 0 0 0       0 0 0 -1.2 1'/>  </filter>  <rect width='1200' height='800' filter='url(%23grain)' opacity='0.15' fill='black'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0}:root{--grain-angle:7deg;--grain-opacity:.75;--g1-width:4px;--g1-gap:14px;--g2-width:6px;--g2-gap:28px;--v1-width:3px;--v1-gap:20px;--v2-width:5px;--v2-gap:40px;--knot-opacity:.35;--knot-scale:320px;--knot-ring:16%;--knot-band:2px}body:after{content:"";z-index:-1;pointer-events:none;background:  repeating-linear-gradient(var(--grain-angle),rgba(0,0,0,.35) 0,rgba(0,0,0,.35) var(--g1-width),transparent var(--g1-width),transparent var(--g1-gap)),repeating-linear-gradient(var(--grain-angle),rgba(0,0,0,.25) 0,rgba(0,0,0,.25) var(--g2-width),transparent var(--g2-width),transparent var(--g2-gap)),repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) var(--v1-width),transparent var(--v1-width),transparent var(--v1-gap)),repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) var(--v2-width),transparent var(--v2-width),transparent var(--v2-gap));mix-blend-mode:multiply;opacity:var(--grain-opacity);position:fixed;top:0;bottom:0;left:0;right:0}html:after{content:"";z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 25% 35%,transparent 0,transparent calc(var(--knot-ring) - var(--knot-band)),rgba(0,0,0,.5) var(--knot-ring),transparent calc(var(--knot-ring) + var(--knot-band))),repeating-radial-gradient(circle at 70% 60%,transparent 0,transparent calc(var(--knot-ring) - var(--knot-band)),rgba(0,0,0,.45) var(--knot-ring),transparent calc(var(--knot-ring) + var(--knot-band))),repeating-radial-gradient(circle at 50% 20%,transparent 0,transparent calc(var(--knot-ring) - var(--knot-band)),rgba(0,0,0,.55) var(--knot-ring),transparent calc(var(--knot-ring) + var(--knot-band)));background-size:var(--knot-scale)var(--knot-scale),calc(var(--knot-scale)*1.1)calc(var(--knot-scale)*1.1),calc(var(--knot-scale)*.9)calc(var(--knot-scale)*.9);mix-blend-mode:multiply;opacity:var(--knot-opacity);background-position:0 0,20vw 15vh,-10vw 30vh;position:fixed;top:0;bottom:0;left:0;right:0}