:root{--cream:#fbf1dc;--cream-deep:#f3dbab;--ink:#191919;--ink-soft:#3d3d34;--olive:#636c39;--font-display:"Space Grotesk", "Trebuchet MS", sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100svh}@keyframes page-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.demo-panel[aria-hidden=false],.blog__main{animation:.24s ease-out both page-arrive}}.demo-hud{border-bottom:1px solid var(--demo-line);color:var(--demo-muted);letter-spacing:.045em;justify-content:space-between;align-items:center;gap:14px;font:500 .54rem DM Mono,monospace;display:flex}.demo-hud__menu{border:1px solid var(--demo-ink);background:var(--demo-ink);min-height:26px;color:var(--demo-paper);font:inherit;letter-spacing:inherit;cursor:pointer;align-items:center;gap:7px;padding:0 9px;text-decoration:none;display:inline-flex}.demo-hud__menu svg{color:#d9c98c}.demo-hud__logo{aspect-ratio:661/173;background:var(--demo-paper);height:12px;-webkit-mask:var(--demo-logo) center / contain no-repeat;-webkit-mask:var(--demo-logo) center / contain no-repeat;mask:var(--demo-logo) center / contain no-repeat;display:block}.demo-hud__menu:hover{box-shadow:3px 3px 0 var(--demo-olive)}.demo-lang{border:1px solid var(--demo-line);display:flex}.demo-lang>*{min-width:30px;min-height:24px;color:var(--demo-muted);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0 7px;text-decoration:none;display:inline-grid}.demo-lang>[aria-pressed=true],.demo-lang>[aria-current=page]{background:var(--demo-ink);color:var(--demo-paper);cursor:default}.demo-lang>:not([aria-pressed=true],[aria-current=page]):hover{color:var(--demo-ink)}@media (width<=680px){.demo-hud{gap:10px;font-size:.58rem}.demo-hud__menu{min-height:34px;padding-inline:10px}.demo-lang>*{min-height:32px}}.demo-rail{z-index:20;border-right:1px solid var(--demo-line);background:var(--demo-paper);visibility:hidden;flex-direction:column;width:min(260px,85vw);padding:23px 15px 16px;transition:transform .3s cubic-bezier(.2,.72,.2,1),visibility 0s linear .3s;display:flex;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 #1919190f}.is-menu-open .demo-rail{visibility:visible;transition-delay:0s;transform:none}.demo-backdrop{z-index:19;opacity:0;pointer-events:none;background:#19191947;transition:opacity .3s;position:absolute;inset:0}.is-menu-open .demo-backdrop{opacity:1;pointer-events:auto}.demo-rail__close{border:1px solid var(--demo-line);width:30px;height:30px;color:var(--demo-ink);cursor:pointer;background:0 0;place-items:center;display:grid;position:absolute;top:18px;right:12px}.demo-rail__close:hover{border-color:var(--demo-ink)}.demo-brand{width:fit-content;color:var(--demo-ink);letter-spacing:.07em;align-items:center;gap:11px;margin:0 0 31px 7px;font:500 .65rem/1.25 DM Mono,monospace;text-decoration:none;display:flex}.demo-brand img{object-fit:contain;width:39px;height:31px;display:block}.demo-brand b{color:var(--demo-olive);font-weight:500}.demo-menu{gap:7px;display:grid}.demo-menu__label{color:var(--demo-muted);letter-spacing:.1em;margin:0 7px 7px;font:500 .55rem DM Mono,monospace}.demo-menu__item{min-height:47px;color:var(--demo-muted);letter-spacing:.045em;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:25px 1fr 16px;align-items:center;gap:7px;padding:0 10px;font:500 .65rem DM Mono,monospace;transition:background .15s,color .15s,border-color .15s;display:grid}.demo-menu__item:hover{border-color:var(--demo-line);color:var(--demo-ink)}.demo-menu__item.is-active{border-color:var(--demo-ink);background:var(--demo-ink);color:var(--demo-paper);box-shadow:4px 4px 0 var(--demo-olive)}.demo-menu__number{color:var(--demo-olive);font-size:.57rem}.demo-menu__item.is-active .demo-menu__number,.demo-menu__arrow{color:#d9c98c}.demo-menu__arrow{opacity:0;justify-self:end}.demo-menu__item.is-active .demo-menu__arrow{opacity:1}.demo-rail__bottom{border-top:1px solid var(--demo-line);color:var(--demo-muted);letter-spacing:.05em;gap:12px;margin:auto 7px 0;padding-top:18px;font:500 .51rem DM Mono,monospace;display:grid}.demo-social{gap:6px;display:flex}.demo-social a{border:1px solid var(--demo-line);width:34px;height:34px;color:var(--demo-ink);place-items:center;font-size:.95rem;transition:border-color .15s,color .15s;display:grid}.demo-social a:hover{border-color:var(--demo-ink);color:var(--demo-olive)}.demo-menu__item--play{border-color:var(--demo-line);color:var(--demo-ink);margin-top:10px}.demo-menu__item--play .demo-menu__arrow{opacity:1;color:var(--demo-olive)}.demo-rail a{color:inherit;text-decoration:none}.demo-rail :is(a,button):focus-visible{outline:3px solid var(--demo-olive);outline-offset:4px}@media (height<=720px) and (width>=681px){.demo-rail{padding-top:15px;padding-bottom:12px}.demo-brand{margin-bottom:21px}}.demo{--demo-paper:#fbf1dc;--demo-ink:#191919;--demo-olive:#636c39;--demo-muted:#666458;--demo-line:#d9ceb5;background:var(--demo-paper);width:100%;height:100dvh;color:var(--demo-ink);grid-template-columns:minmax(0,1fr);font-family:DM Sans,sans-serif;display:grid;position:relative;overflow:hidden}.demo a{color:inherit}.demo button:focus-visible,.demo a:focus-visible{outline:3px solid var(--demo-olive);outline-offset:4px}.demo-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-main{grid-template-rows:42px minmax(0,1fr) 40px;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;padding:0 clamp(18px,2.6vw,40px);display:grid}.demo-stage-footer{border-top:1px solid var(--demo-line);place-items:center;display:grid}.demo-page-nav{color:var(--demo-ink);letter-spacing:.045em;align-items:center;gap:12px;font:500 .68rem DM Mono,monospace;display:flex}.demo-page-nav>span{text-align:center;min-width:43px}.demo-page-nav i{color:var(--demo-olive);font-style:normal}.demo-page-nav button{border:2px solid var(--demo-ink);background:var(--demo-ink);width:30px;height:26px;color:var(--demo-paper);box-shadow:2px 2px 0 var(--demo-olive);cursor:pointer;place-items:center;padding:0;transition:background .1s steps(2,end),transform .1s steps(2,end),box-shadow .1s steps(2,end);display:grid}.demo-page-nav button:hover:not(:disabled){background:var(--demo-olive)}.demo-page-nav button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.demo-page-nav button:disabled{border-color:var(--demo-line);color:var(--demo-muted);box-shadow:none;cursor:default;background:0 0}.demo-arcade-loading{z-index:30;background:var(--demo-paper);color:var(--demo-ink);place-items:center;font:500 .8rem DM Mono,monospace;display:grid;position:fixed;inset:0}.demo-stage{min-width:0;min-height:0;position:relative;overflow:clip}.demo-track{--demo-panels:6;width:calc(var(--demo-panels) * 100%);height:100%;transition:transform .65s cubic-bezier(.2,.72,.2,1);display:flex}.demo-panel{flex:0 0 calc(100% / var(--demo-panels));flex-direction:column;justify-content:center;min-width:0;height:100%;padding:clamp(24px,4.4vw,66px) clamp(17px,3.5vw,52px) 44px;display:flex;position:relative;overflow:hidden}.demo-kicker{color:var(--demo-olive);letter-spacing:.065em;align-items:center;gap:9px;margin:0 0 21px;font:500 .61rem/1.4 DM Mono,monospace;display:flex}.demo-kicker>span{background:var(--demo-olive);width:7px;height:7px;box-shadow:3px 3px 0 var(--demo-ink)}.demo-panel h1,.demo-panel h2{letter-spacing:-.03em;margin:0;font:800 clamp(2.8rem,5vw,5.25rem)/1 Bricolage Grotesque,sans-serif}.demo-panel h1 em,.demo-panel h2 em{color:var(--demo-olive);font-style:normal}.demo-title-fit{white-space:nowrap;container-type:inline-size}.demo-title-fit>span{font-size:min(1em,13cqi);line-height:.9;display:block}.demo-panel--intro{grid-template-columns:minmax(210px,.88fr) 1.12fr;align-items:center;gap:clamp(24px,5vw,72px);display:grid}.demo-intro__art{place-items:center;min-width:0;display:grid;position:relative}.demo-mascot{aspect-ratio:570/383;width:min(100%,430px);display:block;position:relative}.demo-mascot__frame{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-mascot__frame--blink-two{opacity:0;animation:3.5s step-end infinite mascot-blink-two}.demo-mascot__frame--blink-three{opacity:0;animation:3.5s step-end infinite mascot-blink-three}@keyframes mascot-blink-two{0%,91.4%,94.2%,to{opacity:0}91.5%,94.1%{opacity:1}}@keyframes mascot-blink-three{0%,94.2%,97.1%,to{opacity:0}94.3%,97%{opacity:1}}.demo-art-cross{color:var(--demo-olive);font:400 1.1rem DM Mono,monospace;position:absolute}.demo-art-cross--one{top:11%;right:12%}.demo-art-cross--two{bottom:10%;left:6%}.demo-lead{max-width:470px;color:var(--demo-muted);margin:21px 0 0;font-size:.92rem;line-height:1.7}.demo-continue{border:3px solid var(--demo-ink);background:var(--demo-ink);width:fit-content;min-height:52px;color:var(--demo-paper);box-shadow:0 6px 0 var(--demo-olive), 0 6px 0 3px var(--demo-ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;align-items:center;gap:12px;margin:30px 0 0 auto;padding:0 24px;font:600 .95rem Pixelify Sans,monospace;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:flex}.demo-continue:hover{background:#262626}.demo-continue:active{box-shadow:0 2px 0 var(--demo-olive), 0 2px 0 3px var(--demo-ink);transform:translateY(4px)}.demo-continue__cursor{color:#d9c98c;font-size:.75em;animation:1s step-end infinite demo-blink}@keyframes demo-blink{50%{opacity:0}}.demo-panel--services{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(25px,5vw,72px);display:grid}.demo-panel-heading>p:not(.demo-kicker){max-width:350px;color:var(--demo-muted);margin:20px 0 0;font-size:.87rem;line-height:1.7}.demo-missions{border-top:1px solid var(--demo-line)}.demo-mission{border-bottom:1px solid var(--demo-line);grid-template-columns:37px minmax(130px,.65fr) 1.35fr 18px;align-items:center;gap:12px;min-height:96px;padding:14px 0;display:grid;position:relative}.demo-mission__number{color:var(--demo-olive);align-self:start;padding-top:5px;font:500 .63rem DM Mono,monospace}.demo-mission h3{letter-spacing:-.01em;margin:0;font:700 clamp(1.05rem,1.6vw,1.45rem) Bricolage Grotesque,sans-serif}.demo-mission p{max-width:300px;color:var(--demo-muted);margin:0;font-size:.76rem;line-height:1.55}.demo-mission__arrow{color:var(--demo-olive);align-self:start}.demo-panel--process{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(25px,5vw,72px);display:grid}.demo-levels{grid-template-columns:repeat(3,1fr);gap:17px;margin:0;padding:0;list-style:none;display:grid;position:relative}.demo-levels:before{background:repeating-linear-gradient(to right, var(--demo-olive) 0 4px, transparent 4px 8px);content:"";height:1px;position:absolute;top:17px;left:8%;right:12%}.demo-levels li{flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.demo-level__node{border:1px solid var(--demo-ink);background:var(--demo-paper);width:35px;height:35px;color:var(--demo-olive);place-items:center;font:500 .67rem DM Mono,monospace;display:grid}.demo-levels li:not(:last-child):after{z-index:1;background:repeating-linear-gradient(to right, var(--demo-olive) 0 4px, transparent 4px 8px);content:"";transform-origin:0;height:2px;transition:transform .42s steps(8,end);position:absolute;top:17px;left:35px;right:-17px;transform:scaleX(0)}.demo-levels li[data-phase-state=complete]:after{transform:scaleX(1)}.demo-levels li[data-phase-state=active] .demo-level__node{animation:.3s steps(2,end) 2 phase-pop}.demo-levels li[data-phase-state=active] .demo-level__node,.demo-levels li[data-phase-state=complete] .demo-level__node{border-color:var(--demo-olive);background:var(--demo-olive);color:var(--demo-paper);box-shadow:4px 4px 0 var(--demo-ink)}.demo-levels li[data-phase-state=active] small,.demo-levels li[data-phase-state=complete] small,.demo-levels li[data-phase-state=active] h3{color:var(--demo-olive)}.demo-levels small{color:var(--demo-olive);margin-top:29px;font:500 .55rem DM Mono,monospace;display:block}.demo-levels h3{margin:8px 0;font:700 1.17rem Bricolage Grotesque,sans-serif}.demo-levels p{max-width:190px;color:var(--demo-muted);margin:0;font-size:.73rem;line-height:1.58}@keyframes phase-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.demo-panel--projects{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(24px,5vw,68px);display:grid}.demo-project__copy>p:not(.demo-kicker,.demo-project__note){max-width:420px;color:var(--demo-muted);margin:19px 0 0;font-size:.85rem;line-height:1.68}.demo-project__note{border-left:2px solid var(--demo-olive);color:var(--demo-muted);margin:23px 0 0;padding-left:11px;font-size:.7rem;line-height:1.55}.demo-project__note b{color:var(--demo-olive);letter-spacing:.06em;font:500 .56rem DM Mono,monospace}.demo-project__facts{border-top:1px solid var(--demo-line);grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin:21px 0 0;display:grid}.demo-project__facts div{border-bottom:1px solid var(--demo-line);padding:9px 0}.demo-project__facts dt{color:var(--demo-olive);letter-spacing:.06em;font:500 .55rem DM Mono,monospace}.demo-project__facts dd{margin:3px 0 0;font:700 .85rem Bricolage Grotesque,sans-serif}.demo-project__screen{width:100%;color:inherit;font:inherit;cursor:pointer;background-color:#f3dbab;background-image:linear-gradient(90deg,#1919190d 1px,#0000 1px),linear-gradient(#1919190d 1px,#0000 1px);background-size:18px 18px;border:0;flex-direction:column;justify-content:center;align-items:center;min-height:min(47vh,360px);padding:0;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.demo-project__screen:hover{box-shadow:6px 6px 0 var(--demo-ink);transform:translate(-2px,-2px)}.demo-project__screen:focus-visible{outline:3px solid var(--demo-olive);outline-offset:4px}.demo-screen__caption b{color:var(--demo-olive);font-weight:600}.demo-screen__top{color:var(--demo-muted);letter-spacing:.07em;justify-content:space-between;font:500 .52rem DM Mono,monospace;display:flex;position:absolute;top:14px;left:15px;right:15px}.demo-screen__top b{color:var(--demo-olive);letter-spacing:.2em}.demo-project__screen img{z-index:1;width:min(34%,170px);image-rendering:pixelated}.demo-screen__ground{background:var(--demo-olive);height:9px;box-shadow:0 9px 0 var(--demo-olive), 0 18px 0 var(--demo-ink);position:absolute;bottom:19%;left:0;right:0}.demo-screen__caption{color:var(--demo-ink);font:500 .58rem/1.3 Pixelify Sans,monospace;position:absolute;bottom:5%;left:6%}.demo-screen__number{color:var(--demo-olive);font:500 .65rem DM Mono,monospace;position:absolute;bottom:5%;right:6%}.demo-panel--contact{text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.demo-panel--contact .demo-kicker,.demo-panel--contact .demo-social{justify-content:center}.demo-contact__copy>p:not(.demo-kicker){max-width:560px;color:var(--demo-muted);margin:19px auto 0;font-size:.9rem}.demo-email{border-bottom:1px solid var(--demo-olive);align-items:center;gap:12px;margin-top:27px;padding-bottom:8px;font:600 clamp(.9rem,1.6vw,1.2rem) Bricolage Grotesque,sans-serif;text-decoration:none;display:inline-flex}.demo-email svg{color:var(--demo-olive);font-size:.7em}.demo-social--contact{margin-top:24px}.demo-social--contact a{width:40px;height:40px;font-size:1.05rem}.demo-panel--blog{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(25px,5vw,72px);display:grid}.demo-blog__topics{flex-wrap:wrap;gap:6px;max-width:350px;margin:18px 0 0;display:flex}.demo-blog__topics button{border:1px solid var(--demo-line);color:var(--demo-muted);letter-spacing:.04em;cursor:pointer;background:0 0;padding:4px 7px;font:500 .55rem DM Mono,monospace;transition:background 80ms steps(2,end),color 80ms steps(2,end)}.demo-blog__topics button:hover{border-color:var(--demo-olive);color:var(--demo-ink)}.demo-blog__topics button[aria-pressed=true]{border-color:var(--demo-ink);background:var(--demo-ink);color:var(--demo-paper);box-shadow:2px 2px 0 var(--demo-olive)}.demo-blog__topics button:focus-visible{outline:2px solid var(--demo-olive);outline-offset:2px}.demo-window{border:3px solid var(--demo-ink);background:var(--demo-paper);min-width:0;box-shadow:6px 6px 0 var(--demo-ink);flex-direction:column;display:flex}.demo-window__bar{background:var(--demo-ink);color:var(--demo-paper);letter-spacing:.07em;justify-content:space-between;margin:0;padding:8px 12px;font:500 .58rem DM Mono,monospace;display:flex}.demo-window__bar b{color:#d9c98c;letter-spacing:.2em}.demo-posts{overscroll-behavior:contain;align-content:start;min-width:0;height:min(48vh,400px);padding:0 14px;display:grid;overflow-y:auto}.demo-posts:focus-visible{outline:3px solid var(--demo-olive);outline-offset:-3px}.demo-posts::-webkit-scrollbar{width:14px}.demo-posts::-webkit-scrollbar-track{border-left:3px solid var(--demo-ink);background-color:#f3dbab;background-image:linear-gradient(90deg,#19191914 1px,#0000 1px),linear-gradient(#19191914 1px,#0000 1px);background-size:4px 4px}.demo-posts::-webkit-scrollbar-thumb{border:3px solid var(--demo-ink);background:var(--demo-olive);border-right:0;box-shadow:inset 2px 2px #ffffff40}.demo-posts::-webkit-scrollbar-thumb:hover{background:var(--demo-ink)}@supports not selector(::-webkit-scrollbar){.demo-posts{scrollbar-color:var(--demo-olive) #f3dbab}}.demo-posts__empty{color:var(--demo-muted);letter-spacing:.04em;margin:0;padding:26px 0;font:500 .62rem DM Mono,monospace}.demo-post{border-bottom:1px solid var(--demo-line);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:15px 0;text-decoration:none;display:grid}.demo-post:last-child{border-bottom:0}.demo-post__icon{object-fit:contain;width:56px;height:48px;image-rendering:pixelated;justify-self:center;display:block}.demo-post small{color:var(--demo-olive);letter-spacing:.06em;font:500 .55rem DM Mono,monospace}.demo-post strong{font:700 1rem/1.25 Bricolage Grotesque,sans-serif}.demo-post:hover strong{color:var(--demo-olive)}.demo-post__body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.demo-post__cta{letter-spacing:.08em;align-items:center;gap:8px;margin-top:2px;font:600 .68rem Pixelify Sans,monospace;display:inline-flex}.demo-post__cta svg{color:var(--demo-olive);font-size:.85em;transition:transform .15s steps(2,end)}.demo-post:hover .demo-post__cta svg{transform:translate(4px)}@media (width<=900px){.demo-panel{padding-inline:22px}.demo-panel--intro{grid-template-columns:.8fr 1.2fr;gap:24px}.demo-panel h1,.demo-panel h2{font-size:clamp(2.5rem,5.5vw,4rem)}.demo-panel--services,.demo-panel--process{grid-template-columns:.78fr 1.22fr;gap:22px}.demo-mission{grid-template-columns:26px 1fr 18px;gap:9px;min-height:0;padding:11px 0}.demo-mission p{grid-column:2/3;font-size:.69rem}.demo-mission__arrow{grid-area:1/3}.demo-levels{gap:10px}}@media (width<=680px){.demo-main{grid-template-rows:46px minmax(0,1fr) 40px;padding-inline:16px}.demo-stage{touch-action:pan-y}.demo-panel{place-content:safe center;padding:clamp(16px,3dvh,32px) 2px clamp(28px,5dvh,48px);overflow-y:auto}.demo-panel h1,.demo-panel h2{overflow-wrap:anywhere;font-size:clamp(2rem,9.6vw,3.4rem)}.demo-kicker{margin-bottom:clamp(14px,2.4dvh,24px);font-size:.6rem}.demo-panel--intro{grid-template-columns:minmax(0,1fr);gap:clamp(22px,5.5dvh,56px)}.demo-intro__copy{width:100%}.demo-intro__art{justify-self:center}.demo-mascot{width:clamp(160px,52vw,240px)}.demo-art-cross{font-size:.85rem}.demo-art-cross--one{top:-4%;right:-12%}.demo-art-cross--two{bottom:-2%;left:-10%}.demo-lead{margin-top:clamp(16px,3dvh,30px);font-size:.95rem;line-height:1.6}.demo-continue{min-height:54px;margin:clamp(26px,5dvh,48px) auto 6px;padding-inline:26px;font-size:1rem}.demo-panel--services,.demo-panel--process,.demo-panel--projects,.demo-panel--blog,.demo-panel--contact{grid-template-columns:minmax(0,1fr);gap:clamp(22px,4.5dvh,44px)}.demo-panel-heading>p:not(.demo-kicker){margin-top:clamp(12px,2.4dvh,24px);font-size:.9rem}.demo-mission{grid-template-columns:28px 1fr 16px;gap:4px 10px;padding:clamp(14px,2.2dvh,22px) 0}.demo-mission__number{font-size:.62rem}.demo-mission h3{font-size:1.1rem}.demo-mission p{max-width:none;font-size:.84rem;line-height:1.5}.demo-levels{grid-template-columns:1fr;gap:clamp(18px,3.2dvh,32px)}.demo-levels:before{background:repeating-linear-gradient(to bottom, var(--demo-olive) 0 4px, transparent 4px 8px);width:1px;height:auto;inset:6px auto 6px 15px}.demo-levels li{grid-template-columns:31px 1fr;gap:14px;display:grid}.demo-levels li:not(:last-child):after{background:repeating-linear-gradient(to bottom, var(--demo-olive) 0 4px, transparent 4px 8px);transform-origin:top;width:2px;height:auto;inset:31px auto -18px 15px;transform:scaleY(0)}.demo-levels li[data-phase-state=complete]:after{transform:scaleY(1)}.demo-level__node{width:31px;height:31px;font-size:.6rem}.demo-levels small{margin-top:0;font-size:.55rem}.demo-levels h3{margin:4px 0;font-size:1.05rem}.demo-levels p{max-width:none;font-size:.84rem;line-height:1.5}.demo-project__copy>p:not(.demo-kicker,.demo-project__note){margin-top:clamp(12px,2.4dvh,24px);font-size:.88rem;line-height:1.55}.demo-project__note{margin-top:clamp(14px,2.4dvh,24px);font-size:.78rem}.demo-project__screen{aspect-ratio:16/10;min-height:0}.demo-screen__ground{bottom:27%}.demo-project__screen:hover{box-shadow:6px 6px 0 var(--demo-ink);transform:translate(-2px,-2px)}.demo-project__screen:focus-visible{outline:3px solid var(--demo-olive);outline-offset:4px}.demo-screen__caption b{color:var(--demo-olive);font-weight:600}.demo-screen__top{font-size:.5rem;top:10px;left:10px;right:10px}.demo-screen__caption{font-size:.55rem}.demo-screen__number{font-size:.6rem}.demo-contact__copy>p:not(.demo-kicker){margin-top:clamp(12px,2.4dvh,24px);font-size:.95rem}.demo-email{margin-top:clamp(20px,3.5dvh,34px);font-size:1.1rem}.demo-panel--blog{grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:stretch}.demo-window{min-height:190px}.demo-posts{flex:1 1 0;height:auto;min-height:0;padding-inline:10px}.demo-blog__topics{max-width:none;margin-top:clamp(12px,2.4dvh,22px)}.demo-project__facts{max-width:none;margin-top:clamp(14px,2.4dvh,24px)}.demo-post{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px 0}.demo-post__icon{width:48px;height:42px}.demo-post__body{gap:5px}.demo-hint--keys{display:none}}@media (width>=681px){.demo-hint--touch{display:none}}@media (height<=720px) and (width>=681px){.demo-panel{padding-block:16px 30px}.demo-panel h1,.demo-panel h2{font-size:clamp(2.25rem,4.6vw,4.25rem)}.demo-mascot{width:min(100%,430px,67vh)}.demo-lead{margin-top:14px;font-size:.83rem}.demo-continue{margin-top:18px}.demo-mission{min-height:75px}.demo-mission p{font-size:.69rem}.demo-levels p{font-size:.68rem}.demo-project__screen{min-height:39vh}}@media (prefers-reduced-motion:reduce){.demo-track,.demo *,.demo :before,.demo :after{scroll-behavior:auto!important;transition-duration:.01ms!important}.demo-mascot__frame--blink-two,.demo-mascot__frame--blink-three,.demo-levels li[data-phase-state=active] .demo-level__node,.demo-continue__cursor{animation:none}}.tank-attack-page{--attack-ink:#090a13;--attack-screen:#111425;--attack-purple:#a18adb;--attack-lime:#a3ed79;color:#eef0dd;background:radial-gradient(#24203b 0,#100e1d 50%,#07070c 100%);place-items:center;min-height:100svh;font-family:Pixelify Sans,DM Mono,monospace;display:grid;overflow:hidden}.tank-attack-cabinet{aspect-ratio:1257/2232;isolation:isolate;width:min(100vw,56.32dvh);position:relative;container-type:inline-size}.tank-attack-cabinet__field,.tank-attack-cabinet__front{width:100%;height:100%;position:absolute;inset:0}.tank-attack-cabinet__field{background:var(--attack-ink);position:absolute;inset:0;overflow:hidden}.tank-attack-cabinet__field img{object-fit:fill;will-change:transform;width:120%;height:120%;display:block;position:absolute;top:0;left:-10%}.tank-attack-arena{z-index:1;pointer-events:none;width:93.4%;height:59.7%;position:absolute;top:18.6%;left:3.2%}.tank-attack-cabinet__front{z-index:2;object-fit:fill;pointer-events:none}.tank-attack-cabinet__header{z-index:3;position:absolute;top:2%;left:10%;right:10%}.tank-attack-cabinet__header img{width:100%;height:auto;display:block}.tank-attack-cabinet__status{z-index:3;color:#9895af;letter-spacing:.06em;grid-template-columns:1fr 1fr 1fr 1.35fr;align-items:center;height:4.2%;font-size:clamp(6px,1.3cqw,9px);display:grid;position:absolute;top:11.1%;left:9%;right:9%}.tank-attack-cabinet__status>div{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.tank-attack-cabinet__status strong{color:var(--attack-lime);letter-spacing:.08em;white-space:nowrap;font-size:1.2em;font-weight:600}.tank-attack-screen{z-index:1;color:#f2eddb;text-align:center;background:#05081475;place-items:center;width:93.8%;height:55.3%;transition:opacity .25s,visibility .25s;display:grid;position:absolute;top:17.15%;left:3.1%;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.tank-attack-screen.is-hidden{visibility:hidden;opacity:0}.tank-attack-screen__scanline{pointer-events:none;background:repeating-linear-gradient(#0000 0 5px,#0508141f 5px 6px);position:absolute;inset:0}.tank-attack-screen__copy{z-index:1;justify-items:center;padding:16px;display:grid;position:relative}.tank-attack-screen__wip{border:1px solid var(--attack-purple);color:#e4dcfb;letter-spacing:.14em;background:#a18adb2e;margin:0 0 16px;padding:6px 10px;font:500 clamp(7px,1.05vw,10px) DM Mono,monospace}.tank-attack-screen__eyebrow{color:var(--attack-lime);letter-spacing:.2em;align-items:center;gap:8px;margin:0 0 12px;font-size:clamp(8px,1.4vw,13px);display:flex}.tank-attack-screen__eyebrow span{background:var(--attack-lime);width:7px;height:7px;box-shadow:0 0 10px var(--attack-lime)}.tank-attack-screen h1{color:#f4f0dd;letter-spacing:.02em;text-shadow:0 4px #28243f,0 0 20px #a18adb66;margin:0;font-size:clamp(32px,7.8vw,76px);font-weight:700;line-height:.82}.tank-attack-screen h1 em{color:var(--attack-purple);font-style:normal}.tank-attack-screen__message{color:#cac6d5;margin:18px 0 24px;font:500 clamp(9px,1.35vw,13px) DM Mono,monospace}.tank-attack-screen__ready{color:var(--attack-lime);letter-spacing:.12em;background:#090a13bf;border:1px solid #a3ed798c;align-items:center;gap:8px;padding:8px 10px;font-size:clamp(7px,1.05vw,10px);display:inline-flex}.tank-attack-screen__ready i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.tank-attack-movement{z-index:3;justify-content:flex-start;align-items:center;gap:8%;width:42.4%;display:flex;position:absolute;bottom:4.5%;left:5%}.tank-attack-movement__button{aspect-ratio:1.09;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:45.5%;padding:0}.tank-attack-movement__button img{object-fit:contain;width:100%;height:100%;transition:transform 90ms,filter 90ms;display:block}.tank-attack-movement__button:active img,.tank-attack-movement__button.is-pressed img{filter:brightness(1.35)drop-shadow(0 0 7px #a3ed79bf);transform:scale(.92)}.tank-attack-cabinet button:disabled{cursor:not-allowed}.tank-attack-cabinet button:disabled img{filter:grayscale(.7)brightness(.6)}.tank-attack-movement__button:focus-visible{outline:2px solid var(--attack-lime);outline-offset:2px}.tank-attack-command{z-index:3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.tank-attack-command img{object-fit:contain;width:100%;height:100%;transition:transform 90ms,filter 90ms;display:block}.tank-attack-command:active img,.tank-attack-command.is-pressed img{filter:brightness(1.3)drop-shadow(0 0 7px #a3ed79a6);transform:scale(.93)}.tank-attack-command:focus-visible{outline:2px solid var(--attack-lime);outline-offset:2px}.tank-attack-command--attack{aspect-ratio:2.45;width:41%;bottom:4.3%;left:54.5%}.tank-attack-utility-controls{z-index:3;justify-content:flex-start;align-items:center;gap:5%;width:23.2%;display:flex;position:absolute;top:80%;right:3%}.tank-attack-command--utility{aspect-ratio:1.3;width:45%;position:relative}.tank-attack-command--utility.is-muted:after{content:"";background:#f184a9;width:80%;height:3%;position:absolute;top:49%;left:10%;transform:rotate(-42deg);box-shadow:0 0 4px #090a13}.tank-attack-command--pause.is-paused img{opacity:.35}.tank-attack-command--pause.is-paused:after{content:"";filter:drop-shadow(0 1px 1px #090a13);border-top:1.3cqw solid #0000;border-bottom:1.3cqw solid #0000;border-left:1.5cqw solid #d9ffbd;position:absolute;top:50%;left:50%;transform:translate(-35%,-50%)}@media (width<=360px){.tank-attack-screen__copy{padding:8px}.tank-attack-screen__message{margin:12px 0 16px}.tank-attack-cabinet__status{font-size:clamp(5px,1.4cqw,7px)}}@media (prefers-reduced-motion:reduce){.tank-attack-screen__scanline{display:none}.tank-attack-screen,.tank-attack-movement__button img,.tank-attack-command img{transition:none}}