@font-face{font-family:Bangers;src:url(/fonts/comic/bangers-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/comic/atkinson-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/comic/atkinson-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pixelify Camp;src:url(/fonts/pixel-camp/pixelify-bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1e1b2e;--ink-soft:#3b3654;--paper:#fff8ec;--surface:#fffdf7;--gold:#e8b23a;--gold-soft:#f3cb67;--teal:#1f6a73;--teal-deep:#174f56;--red:#c9301f;--sky:#6fa8dc;--muted:#4f4a66;--font-comic:"Bangers", Impact, "Arial Narrow", sans-serif;--font-body:"Atkinson Hyperlegible", Verdana, Arial, sans-serif;--font-pixel:"Pixelify Camp", ui-monospace, monospace;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:clamp(3.5rem, 8vw, 6.5rem);--gutter:clamp(1rem, 4vw, 3rem);--page:1240px;--line:4px;--line-thin:3px;--shadow:8px 8px 0 var(--ink);--shadow-small:4px 4px 0 var(--ink);--radius:6px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.2, 1.6, .4, 1);--ease-soft:cubic-bezier(.16, 1, .3, 1);--fast:.2s;--base:.48s;--reveal:.76s;--focus:var(--teal);--header-h:76px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-text-size-adjust:100%}main{overflow-x:clip}body{background-color:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);background-image:radial-gradient(circle,#1e1b2e17 1.4px,#0000 1.7px);background-size:14px 14px;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}p{margin:0 0 var(--space-2)}p:last-child{margin-bottom:0}em{color:var(--red);font-style:normal}h1,h2{margin:0 0 var(--space-3);font-family:var(--font-comic);letter-spacing:.025em;overflow-wrap:break-word;font-weight:400;line-height:1.04}h1{font-size:clamp(3rem,7.2vw,5.9rem)}h2{font-size:clamp(2.5rem,5.4vw,4.4rem)}h3{margin:0 0 var(--space-1);font-size:1.2rem;line-height:1.25}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}.skip-link{z-index:50;background:var(--ink);color:var(--paper);padding:.7rem 1rem;font-weight:700;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.section-wrap{width:min(100%, var(--page));padding-inline:var(--gutter);margin-inline:auto}.eyebrow{margin:0 0 var(--space-2);border:var(--line-thin) solid var(--ink);background:var(--gold);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-block}.panel{isolation:isolate;padding:clamp(1.25rem,3vw,2.25rem);position:relative}.panel:before{content:"";z-index:-1;border:var(--line) solid var(--ink);background:var(--panel-bg,var(--surface));box-shadow:var(--shadow);transform:rotate(var(--tilt,-.5deg));transition:transform var(--base) var(--ease-soft);position:absolute;inset:0}.panel:hover:before{transform:rotate(0)scale(1.012)}.panel--right{--tilt:.5deg}.panel--gold{--panel-bg:var(--gold)}.panel--straight{--tilt:0deg}.band{isolation:isolate;padding-block:var(--space-5);color:var(--band-text,var(--ink));position:relative}.band:before{content:"";z-index:-1;border-block:6px solid var(--ink);background:var(--band-bg);position:absolute;inset:0;transform:skewY(-1.2deg)}.band--ink{--band-bg:var(--ink);--band-text:var(--paper);--focus:var(--gold)}.band--ink em,.band--teal em{color:var(--gold-soft)}.band--teal{--band-bg:var(--teal-deep);--band-text:var(--paper);--focus:var(--gold)}.band--gold{--band-bg:var(--gold)}.band--gold em{color:var(--ink);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.08em}.band .panel{color:var(--ink);--focus:var(--teal)}.band .panel em{color:var(--red)}.plain-section{padding-block:var(--space-5)}.button{border:var(--line-thin) solid var(--ink);border-radius:var(--radius);background:var(--red);color:#fff;min-height:48px;box-shadow:var(--shadow-small);font:700 1.03rem/1.2 var(--font-body);cursor:pointer;transition:transform var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out);justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.25rem;text-decoration:none;display:inline-flex}.button svg{width:1.1em;height:1.1em;transition:transform var(--fast) var(--ease-out);flex:none}.button:hover{transform:translate(-2px,-2px)}.button:hover svg{transform:translate(3px)}.button:active{box-shadow:none;transform:translate(4px,4px)}.button[disabled]{cursor:progress}.button--gold{background:var(--gold);color:var(--ink)}.button--paper{background:var(--paper);color:var(--ink)}.text-link{text-underline-offset:4px;align-items:center;gap:.4rem;min-height:44px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.text-link svg{width:1em;height:1em;transition:transform var(--fast) var(--ease-out);flex:none}.text-link:hover svg{transform:translate(3px,-1px)}.actions{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.bubble{border:var(--line-thin) solid var(--ink);max-width:18rem;color:var(--ink);background:#fff;border-radius:1.4rem;margin:0;padding:.7rem 1rem;font-weight:700;line-height:1.3;display:inline-block;position:relative}.bubble small{color:var(--muted);letter-spacing:.08em;font-size:.72rem;display:block}.bubble:before,.bubble:after{content:"";left:var(--tail-x,2.2rem);border-style:solid;width:0;height:0;position:absolute}.bubble:before{border-width:20px 14px 0 2px;border-color:var(--ink) transparent transparent;bottom:-20px}.bubble:after{border-width:14px 9px 0 1px;border-color:#fff #0000 #0000;margin-left:3px;bottom:-13px}.sfx{z-index:3;pointer-events:none;color:var(--gold);font:400 clamp(2rem, 4.4vw, 3.2rem)/1 var(--font-comic);letter-spacing:.04em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);transform:rotate(var(--sfx-tilt,-8deg));position:absolute}.tags{margin:var(--space-2) 0 0;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tags li{border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:.2rem .7rem;font-size:.92rem;font-weight:700}.small-note{color:var(--muted);font-size:.9rem}.band--ink .small-note,.band--teal .small-note{color:#e6e0d4}.band .panel .small-note{color:var(--muted)}.section-heading{gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;display:grid}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:34rem;margin:0}.site-header{z-index:30;border-bottom:var(--line) solid var(--ink);background:var(--paper);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-2);width:min(100%, var(--page));min-height:var(--header-h);padding:.4rem var(--gutter);margin-inline:auto;display:flex}.wordmark{align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.logo-plate{border:var(--line-thin) solid var(--ink);background:var(--ink);box-shadow:3px 3px 0 var(--gold);transition:transform var(--fast) var(--ease-out);padding:.3rem .55rem;display:block}.wordmark:hover .logo-plate{transform:translate(-1px,-1px)rotate(-1deg)}.logo-plate img{width:168px;height:auto}.site-footer .logo-plate{box-shadow:none;border:0;padding:0}.wordmark small{color:var(--muted);letter-spacing:.06em;font-size:.66rem;font-weight:700;line-height:1.25;display:block}.main-nav{align-items:center;gap:clamp(.8rem,2vw,1.6rem);display:flex}.main-nav a:not(.button){align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.main-nav a:not(.button):after{content:"";background:var(--gold);transform-origin:0;height:4px;transition:transform var(--fast) var(--ease-out);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.main-nav a:not(.button):hover:after,.main-nav a.is-current:after{transform:scaleX(1)}.main-nav .button{min-height:44px;padding-block:.4rem;font-size:.95rem}.menu-toggle{display:none}.hero{padding-block:clamp(2.25rem, 5vw, 4.5rem) var(--space-5);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}.hero-copy{animation:panel-in var(--reveal) var(--ease-soft) both}.hero-copy>*{animation:rise-in var(--reveal) var(--ease-soft) both}.hero-copy>h1{animation-name:rise-solid;animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.25s}.hero-copy>:nth-child(n+5){animation-delay:.34s}.hero-copy>p:not(.eyebrow){max-width:38rem;font-size:1.12rem}.hero-visual{animation:panel-in var(--reveal) .12s var(--ease-soft) both;position:relative}.art-stage{aspect-ratio:1/1.02;border:var(--line) solid var(--ink);background:var(--gold);box-shadow:var(--shadow);position:relative;overflow:hidden;transform:rotate(.8deg)}.rays{aspect-ratio:1;background:repeating-conic-gradient(var(--gold-soft) 0 9deg, var(--gold) 9deg 18deg);width:170%;margin:-85% 0 0 -85%;animation:90s linear infinite rays-turn;position:absolute;top:50%;left:50%}.hero-mascot{animation:mascot-up .9s .26s var(--ease-pop) both, bob 3.2s 1.3s ease-in-out infinite alternate;position:absolute;bottom:-1%;left:6%;right:2%}.hero-bubble{z-index:4;--tail-x:62%;animation:bubble-pop var(--base) .7s var(--ease-pop) both, drift 4.2s 1.4s ease-in-out infinite alternate;font-size:1.15rem;position:absolute;top:1.1rem;left:-.6rem}.release-box{animation:rise-in var(--reveal) .52s var(--ease-soft) both;z-index:4;border:var(--line-thin) solid var(--ink);background:var(--paper);max-width:80%;box-shadow:var(--shadow-small);padding:.45rem .8rem;font-size:.85rem;line-height:1.3;position:absolute;bottom:-1.1rem;right:-.5rem}.release-box strong{font-family:var(--font-comic);letter-spacing:.03em;font-size:1.3rem;font-weight:400;display:block}.release-box a{text-decoration:none}.release-box a:hover strong{text-decoration:underline}.pixel-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.feature-grid{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feature{border:var(--line-thin) solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-small);transition:transform var(--fast) var(--ease-out);grid-template-columns:48px 1fr;gap:.75rem;padding:.85rem;display:grid}.feature:hover{transform:translateY(-3px)rotate(-.5deg)}.feature svg{width:48px;height:48px}.feature p{margin:0;line-height:1.35}.feature strong{margin-bottom:.15rem;line-height:1.25;display:block}.feature span{font-size:.95rem;line-height:1.4}.scene-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scene{border:var(--line) solid var(--ink);background:var(--ink);box-shadow:6px 6px 0 var(--gold);transition:transform var(--base) var(--ease-soft);margin:0;position:relative}.scene:nth-child(2){transform:rotate(.7deg)}.scene:first-child{transform:rotate(-.7deg)}.scene:hover{transform:rotate(0)scale(1.03)}.scene-stage{aspect-ratio:4/3;position:relative;overflow:hidden}.scene-backdrop{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.scene-character{width:38%;position:absolute;bottom:3%;right:4%}.scene-boss{width:34%;image-rendering:pixelated;position:absolute;bottom:10%;right:12%}.scene figcaption{background:var(--ink);color:var(--paper);font:700 1rem/1.3 var(--font-pixel);padding:.25rem .6rem}.pixel-side{position:relative}.pixel-side .sfx{--sfx-tilt:7deg;top:-1.7rem;right:-.25rem}.print-layout{gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;display:grid}.print-art{position:relative}.print-art .inline-art{display:block}.print-art .sfx{top:.4rem;left:.9rem}.halftone:after{content:"";z-index:-1;background-image:radial-gradient(circle,#1e1b2e47 2px,#0000 2.4px);background-size:11px 11px;position:absolute;inset:8px;-webkit-mask-image:linear-gradient(35deg,#0000 45%,#000);mask-image:linear-gradient(35deg,#0000 45%,#000)}.side-bubble{margin-top:var(--space-4);--tail-x:3rem;max-width:44rem;font-weight:400}.strip{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.service-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.service-grid p{margin-bottom:var(--space-2)}.strip-number{margin-bottom:var(--space-1);color:var(--red);font:400 2.6rem/1 var(--font-comic);display:inline-block}.scenario{max-width:46rem;margin-bottom:var(--space-4)}.first-step{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.first-step p{flex:24rem;margin:0}.about-grid{gap:var(--space-4);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;display:grid}.about-mark{max-width:220px}.contact-grid{gap:var(--space-4);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.contact-direct{overflow-wrap:anywhere}.field-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{margin-bottom:var(--space-2);gap:.3rem;display:grid}.field label{font-weight:700}.field input,.field textarea{border:var(--line-thin) solid var(--ink);border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;padding:.6rem .75rem}.field input:focus-visible,.field textarea:focus-visible{outline-offset:1px}.field textarea{resize:vertical}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-privacy{color:var(--muted);font-size:.92rem}.form-bottom{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.form-status{margin:0;font-weight:700}.form-status:empty{display:none}.form-status-success{border:var(--line-thin) solid var(--ink);background:var(--gold-soft);animation:bubble-pop var(--base) var(--ease-pop) both;border-radius:1rem;padding:.4rem .8rem}.form-status-error{color:var(--red)}.button.is-sending svg,.button.is-sending span{animation:.6s ease-in-out infinite alternate send-hop}.site-footer{margin-top:var(--space-4);padding-block:var(--space-4) var(--space-3);background:var(--ink);color:var(--paper);--focus:var(--gold);position:relative}.site-footer:before{content:"";background:url(/images/comic/trenner-zacken.svg) 0 100%/40px 20px repeat-x;height:20px;position:absolute;bottom:100%;left:0;right:0}.footer-top{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;display:grid}.footer-top .wordmark small{color:#d9d3c6}.footer-nav{gap:.1rem;display:grid}.footer-nav a,.footer-bottom a{text-underline-offset:4px;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.footer-bottom{justify-content:space-between;align-items:center;gap:.5rem var(--space-3);margin-top:var(--space-3);padding-top:var(--space-2);border-top:2px solid #fff4;flex-wrap:wrap;display:flex}.footer-bottom div{gap:var(--space-3);display:flex}.product-hero{gap:var(--space-4);padding-block:clamp(2.25rem, 5vw, 4.5rem) var(--space-5);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;display:grid}.product-art .scene{transform:rotate(1deg)}.product-story{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.gallery{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1.5fr 1fr;display:grid}.gallery figure{margin:0}.gallery img{width:100%;image-rendering:pixelated}.gallery figcaption{gap:.1rem;margin-top:.6rem;display:grid}.gallery figcaption strong{font-size:1.05rem}.feature-rows{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.feature-rows h3{margin-top:.1rem}.legal-page{max-width:48rem;margin:var(--space-4) auto;padding-inline:var(--gutter)}.legal-sheet{border:var(--line-thin) solid var(--ink);background:var(--surface);padding:clamp(1.25rem,4vw,2.5rem)}.legal-sheet h1{font-size:clamp(2.5rem,6vw,3.6rem)}.legal-sheet h2{margin:var(--space-4) 0 var(--space-1);font:700 1.3rem/1.3 var(--font-body);letter-spacing:0}.legal-sheet a{overflow-wrap:anywhere}.status-page{gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;display:grid}.status-art{position:relative}.status-art .sfx{top:-.8rem;left:-.4rem}.loading-page{place-items:center;gap:var(--space-2);min-height:60vh;font-weight:700;display:grid}.loading-cube{width:96px;animation:.62s ease-in-out infinite alternate cube-hop}.motion-toggle{z-index:25;border:var(--line-thin) solid var(--ink);border-radius:var(--radius);background:var(--paper);min-height:44px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:700 .85rem/1.1 var(--font-body);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .7rem;display:inline-flex;position:fixed;bottom:.9rem;right:.9rem}.motion-toggle svg{width:1rem;height:1rem}.h-tail{transform-box:fill-box;transform-origin:0 100%;animation:1.5s ease-in-out infinite alternate tail-wag}.h-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s 2s infinite blink}.sfx{animation:2.6s ease-in-out infinite alternate sfx-wobble}.scene-character{animation:1.1s steps(2,jump-none) infinite alternate pixel-hop}.scene-boss{animation:2.8s ease-in-out infinite alternate drift}.p-head{animation:3.2s ease-in-out infinite alternate head-scan}.p-spool{transform-box:fill-box;transform-origin:50%;animation:12s linear infinite spool-turn}.p-print{transform-box:fill-box;transform-origin:50% 100%;animation:6.4s ease-in-out infinite alternate print-grow}html.motion-ready [data-reveal]{opacity:0;transition:opacity var(--reveal) var(--ease-soft), transform var(--reveal) var(--ease-soft), rotate var(--reveal) var(--ease-soft);transition-delay:var(--reveal-delay,0s);transform:translateY(40px)}html.motion-ready [data-reveal=left]{transform:translate(-56px)rotate(-2deg)}html.motion-ready [data-reveal=right]{transform:translate(56px)rotate(2deg)}html.motion-ready [data-reveal=pop]{transition-timing-function:var(--ease-soft), var(--ease-pop), var(--ease-pop);transform:scale(.82)rotate(-3deg)}html.motion-ready [data-reveal].is-visible{opacity:1;transform:rotate(0)}html.motion-ready .is-visible.feature:hover{transition-delay:0s;transition-duration:var(--fast);transform:translateY(-4px)rotate(-.6deg)}.stagger>:nth-child(2){--reveal-delay:.11s}.stagger>:nth-child(3){--reveal-delay:.22s}.stagger>:nth-child(4){--reveal-delay:.33s}.stagger>:nth-child(5){--reveal-delay:.44s}.stagger>:nth-child(n+6){--reveal-delay:.55s}.is-offscreen,.is-offscreen *{animation-play-state:paused}html.motion-paused *,html.motion-paused :before,html.motion-paused :after{animation-play-state:paused!important}@keyframes panel-in{0%{transform:translateY(28px)scale(.97)}to{transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes rise-solid{0%{transform:translateY(22px)}to{transform:none}}@keyframes mascot-up{0%{transform:translateY(45%)}to{transform:none}}@keyframes bob{to{translate:0 -1.6%}}@keyframes drift{to{translate:0 -6px}}@keyframes blink{0%,93%,to{scale:1}96.5%{scale:1 .1}}@keyframes sfx-wobble{0%{rotate:-2.5deg;scale:1}to{rotate:2.5deg;scale:1.06}}@keyframes pixel-hop{to{translate:0 -4%}}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes band-tilt{0%{transform:skewY(-2.6deg)}to{transform:skewY(.2deg)}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes rays-turn{to{transform:rotate(360deg)}}@keyframes tail-wag{0%{transform:rotate(-5deg)}to{transform:rotate(7deg)}}@keyframes head-scan{0%{transform:translate(-56px)}to{transform:translate(56px)}}@keyframes spool-turn{to{transform:rotate(360deg)}}@keyframes print-grow{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes cube-hop{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-22px)rotate(4deg)}}@keyframes send-hop{0%{transform:translateY(1px)}to{transform:translateY(-3px)}}@keyframes parallax-drift{0%{translate:0 -16px}to{translate:0 16px}}@keyframes page-out{to{opacity:0;transform:translateY(-14px)}}@keyframes page-in{0%{opacity:0;transform:translateY(28px)}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.site-header{view-transition-name:site-header}.motion-toggle{view-transition-name:motion-toggle}::view-transition-old(root){animation:.22s ease-in both page-out}::view-transition-new(root){animation:page-in .52s .12s var(--ease-soft) both}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:761px){[data-parallax]{animation:linear both parallax-drift;animation-timeline:view()}}@media (prefers-reduced-motion:no-preference){.site-header:after{content:"";right:0;bottom:calc(-1 * var(--line));height:var(--line);background:var(--gold);pointer-events:none;transform-origin:0;animation:linear both scroll-progress;animation-timeline:scroll(root);position:absolute;left:0}.band:before{animation:linear both band-tilt;animation-timeline:view()}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}html.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.motion-toggle{display:none}}@media (max-width:1020px){.wordmark small{display:none}.pixel-grid,.print-layout,.product-story,.contact-grid,.product-hero,.section-heading{grid-template-columns:minmax(0,1fr)}.footer-top{grid-template-columns:minmax(0,1fr) auto}.footer-top>p{grid-area:2/1/auto/-1}}@media (max-width:820px){:root{--header-h:66px;--shadow:5px 5px 0 var(--ink)}.logo-plate img{width:140px}.menu-toggle{border:var(--line-thin) solid var(--ink);border-radius:var(--radius);background:var(--gold);min-height:44px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:700 1rem/1 var(--font-body);cursor:pointer;align-items:center;padding:.35rem .9rem;display:inline-flex}.main-nav{z-index:29;padding:var(--space-2) var(--gutter) var(--space-3);border-bottom:var(--line) solid var(--ink);background:var(--paper);visibility:hidden;opacity:0;transition:opacity var(--fast) var(--ease-out), transform var(--fast) var(--ease-out), visibility 0s linear var(--fast);flex-direction:column;align-items:flex-start;gap:.1rem;position:absolute;top:100%;left:0;right:0;transform:translateY(-12px)}.main-nav.is-open{visibility:visible;opacity:1;transition-delay:0s;transform:none}.main-nav .button{margin-top:var(--space-1)}.hero{grid-template-columns:minmax(0,1fr)}.hero-visual{width:100%;max-width:30rem;margin-inline:auto}.strip,.service-grid,.about-grid,.status-page{grid-template-columns:minmax(0,1fr)}.about-mark{max-width:130px}.status-art{max-width:220px}}@media (max-width:560px){main{overflow-x:clip}body{font-size:1rem}.feature-grid,.field-grid,.gallery,.footer-top{grid-template-columns:minmax(0,1fr)}.scene-grid{gap:.8rem}.hero-bubble{font-size:1rem;left:.4rem}.release-box{right:.3rem}.motion-toggle span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.motion-toggle{padding-inline:.8rem}}@media print{.site-header,.motion-toggle,.site-footer:before{display:none}main{overflow-x:clip}body{background:#fff}}
