html,body{overflow:hidden!important;margin:0!important}
#bh{margin:0!important;--paper:#efe9dd;--ink:#151515;--red:#e2412d;--blue:#2148a6;--yel:#f3b51b;position:fixed;inset:0;z-index:99999;background:var(--paper);overflow:hidden;cursor:crosshair;-webkit-tap-highlight-color:transparent;outline:none}
#bh .g{position:absolute;left:0;top:0;display:grid}
#bh .c{position:relative;overflow:hidden}
#bh .c svg{position:absolute;inset:0;width:100%;height:100%;display:block;transform:rotate(var(--r,0deg));transition:transform .7s cubic-bezier(.2,.9,.2,1)}
#bh .c.pop svg{animation:bhpop .75s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:var(--d,0s)}
@keyframes bhpop{0%{transform:scale(0) rotate(calc(var(--r,0deg) - 90deg))}100%{transform:scale(1) rotate(var(--r,0deg))}}
#bh .sun{position:absolute;border-radius:50%;background:var(--red);mix-blend-mode:multiply;pointer-events:none;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);animation:bhdrift 18s ease-in-out infinite alternate}
#bh .bar{position:absolute;background:var(--blue);mix-blend-mode:multiply;pointer-events:none;transform-origin:0 50%;animation:bhsweep 24s ease-in-out infinite alternate}
@keyframes bhdrift{0%{translate:0 0}100%{translate:-6% 8%}}
@keyframes bhsweep{0%{rotate:-8deg}100%{rotate:6deg}}
#bh .n{position:absolute;background:var(--ink);display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;z-index:2}
#bh h1{margin:0;font-family:"Jost","Futura","Century Gothic",system-ui,sans-serif;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--paper);white-space:nowrap;text-transform:lowercase}
#bh h1 span{color:var(--yel)}
#bh .gr{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.18;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='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){#bh .sun,#bh .bar{animation:none}#bh .c svg{transition:none}#bh .c.pop svg{animation:none}}