:root{--comic-canvas:#0d1c16}body{isolation:isolate;background:var(--comic-canvas)}.comic-backdrop{z-index:-1;pointer-events:none;contain:paint;background:var(--comic-canvas);position:fixed;inset:0;overflow:hidden}.comic-layer{pointer-events:none;transform-origin:50% 60%;position:absolute;inset:-24px}.comic-paper{background:var(--comic-canvas)}.comic-ink,.comic-corners{background-image:url(/media/cartoon/ink-frame.webp);background-repeat:no-repeat;background-size:100% 100%}.comic-ink{opacity:.46;-webkit-mask-image:linear-gradient(90deg,#000,#0000 25% 78%,#000);mask-image:linear-gradient(90deg,#000,#0000 25% 78%,#000)}.comic-corners{opacity:.9;-webkit-mask-image:linear-gradient(#000 0%,#0000 31% 68%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 31% 68%,#000 100%)}.comic-backdrop[data-mood=contact] .comic-ink,.comic-backdrop[data-mood=index] .comic-ink{opacity:.12}.comic-backdrop[data-mood=contact] .comic-corners,.comic-backdrop[data-mood=index] .comic-corners{opacity:.32;-webkit-mask-image:linear-gradient(#000,#0000 20% 82%,#000);mask-image:linear-gradient(#000,#0000 20% 82%,#000)}.comic-backdrop[data-mood=project] .comic-ink{opacity:.13}.comic-backdrop[data-mood=project] .comic-corners{opacity:.42;-webkit-mask-image:linear-gradient(#000,#0000 23% 86%,#000);mask-image:linear-gradient(#000,#0000 23% 86%,#000)}.comic-backdrop[data-mood=about] .comic-corners{opacity:.7}.comic-backdrop[data-mood=project][data-playing=true] .comic-ink,.comic-backdrop[data-mood=project][data-playing=true] .comic-corners{opacity:.08}.comic-ink,.comic-corners{transition:opacity .3s}.comic-local{position:absolute}.dialog{isolation:isolate;background:var(--comic-canvas)}.dialog>.comic-backdrop{position:fixed}.project-environment{background:0 0}.disc-stage:before{opacity:.8;border:2px solid #204c32;border-radius:50%;height:20%;bottom:22px;left:4%;right:4%;transform:rotate(-2deg);box-shadow:0 4px #0a2015,0 8px #143220;background:0 0!important}.route-wipe{clip-path:polygon(0 0,100% 4%,100% 100%,0 96%);background:#103521 url(/media/cartoon/ink-frame.webp) 50%/cover;border-block:5px solid #e8e9d2}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.site-header .main-nav{text-shadow:0 1px #07100d;font-weight:700}.site-header .main-nav>a,.site-header .main-nav>button{color:#effaf5;isolation:isolate;white-space:nowrap;transition:transform .2s,color .2s;position:relative}.site-header .main-nav>a:before,.site-header .main-nav>button:before{content:"";z-index:-1;filter:drop-shadow(3px 4px 0 var(--bubble-shadow,#020a06));transform:rotate(var(--bubble-tilt,-1deg));pointer-events:none;background:url(/media/cartoon/menu-bubble.svg) 50%/100% 100% no-repeat;transition:transform .2s,filter .2s;position:absolute;inset:-5px -13px -15px}.site-header .main-nav>:nth-child(2n){--bubble-tilt:1.5deg}.site-header .main-nav>.nav-contact{background:0 0;border-color:#0000}.site-header .main-nav>.nav-contact:before{inset:-3px -1px -12px}.site-header .main-nav>a:after,.site-header .main-nav>button:after{content:none}.site-header .main-nav>a:is(:hover,:focus-visible),.site-header .main-nav>button:is(:hover,:focus-visible){opacity:1;text-shadow:0 1px #07100d;transform:translateY(-2px)}.site-header .main-nav>a:is(:hover,:focus-visible):before,.site-header .main-nav>button:is(:hover,:focus-visible):before{filter:brightness(1.15) drop-shadow(4px 5px 0 var(--bubble-shadow,#020a06));transform:rotate(0)scale(1.04)}.site-header .brand,.site-header .header-note{text-shadow:0 1px 2px #07100d,0 0 6px #07100d}@media (max-width:700px){.site-header .main-nav.is-open{gap:25px;padding:24px 8% 32px}.site-header .main-nav.is-open>a,.site-header .main-nav.is-open>button{align-items:center;min-height:38px;padding:8px 12px;display:flex}.site-header .main-nav.is-open>a:before,.site-header .main-nav.is-open>button:before{inset:-3px -4px -12px}.comic-layer{inset:-12px}.comic-ink{opacity:.27;-webkit-mask-image:linear-gradient(90deg,#000,#0000 14% 88%,#000);mask-image:linear-gradient(90deg,#000,#0000 14% 88%,#000)}.comic-corners{opacity:.55;-webkit-mask-image:linear-gradient(#000,#0000 20% 85%,#000);mask-image:linear-gradient(#000,#0000 20% 85%,#000)}.disc-stage:before{opacity:.55;left:0;right:0}}@media (prefers-reduced-motion:reduce){.comic-layer{transform:none!important}.comic-ink,.comic-corners,.site-header .main-nav>a,.site-header .main-nav>button,.site-header .main-nav>a:before,.site-header .main-nav>button:before{transition:none}.site-header .main-nav>a:is(:hover,:focus-visible),.site-header .main-nav>button:is(:hover,:focus-visible){transform:none}.site-header .main-nav>a:is(:hover,:focus-visible):before,.site-header .main-nav>button:is(:hover,:focus-visible):before{transform:rotate(var(--bubble-tilt,-1deg))}}