@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(../media/silkscreen-latin-ext-400-normal.43w9rmfxloigk.woff2)format("woff2"),url(../media/silkscreen-latin-ext-400-normal.1lz2_83exzhrc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(../media/silkscreen-latin-400-normal.21ajxjsno3x-m.woff2)format("woff2"),url(../media/silkscreen-latin-400-normal.0ctai0ij4h0x7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-cyrillic-700-normal.0cajfu6vc88qz.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-700-normal.04wa2qjpaxnqr.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-ext-700-normal.1f6gu5es44xsy.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-700-normal.114-rc5qr4ppl.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-700-normal.428ik7ognx028.woff2)format("woff2"),url(../media/pixelify-sans-latin-700-normal.0r_9vlkbgum3z.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-ext-400-normal.0_q8wa_t-7-c7.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.1-h66gx1kjeux.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-400-normal.2dcg25_89g34d.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.1r3eey-1tdqwh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.40ek894ady0so.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.0blsyrk14nago.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1ih4rrmj883u6.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0hj8bqnym411c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-ext-500-normal.2tfs-ajhr_27q.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-500-normal.29wincfdhpbow.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-500-normal.30hm7mcic8nak.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-500-normal.1g2cl4geicio1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-vietnamese-500-normal.400h8-n7y356b.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-500-normal.2w9-mj8vy__-b.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-ext-500-normal.2yypdhrkbqnza.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-500-normal.3-fgi0nn_mag-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.25_05y-blbp24.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.20ixcot5hpnm-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-pixel:"Silkscreen";--font-big:"Pixelify Sans";--font-body:"IBM Plex Mono";--sky:#006dc9;--sky-light:#4fcbfd;--cream:#f6e8cf;--ink:#17131a;--ground:#17131a;--man-h:min(82svh, 125vw)}*{box-sizing:border-box;margin:0}html{background:#c2410c}body{color:var(--ink);font-family:var(--font-body), monospace;background:#c2410c;overflow-x:clip}img{display:block}.skip{z-index:20;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:400 13px var(--font-pixel), monospace;padding:10px 14px;text-decoration:none;position:fixed;top:16px;right:16px}.skip:hover{background:#fff}.skip:focus-visible{outline-offset:3px;outline:3px solid #fff}.stage{background:var(--sky);height:100svh;position:relative;overflow:hidden}.clouds{position:absolute;inset:0}.cloud{height:auto;position:absolute}.cloud-left{width:min(30vw,400px);bottom:26%;left:2%}.cloud-small{width:min(15vw,200px);bottom:14%;left:15%}.cloud-right{width:min(33vw,440px);bottom:17%;right:1%}.streak{background:var(--sky-light);height:18px;display:block;position:absolute;transform:rotate(-24deg)}.s1{width:16vw;bottom:8%;left:-3%}.s2{width:12vw;bottom:44%;right:-3%}.s3{width:20vw;bottom:7%;right:7%}.title{left:0;right:0;bottom:calc(var(--man-h) * .615);text-align:center;color:#fff;position:absolute}.eyebrow{color:var(--cream);font:400 clamp(13px, 2.2vw, 26px) var(--font-pixel), monospace;text-transform:uppercase;justify-content:center;align-items:center;gap:2vw;margin-bottom:1svh;display:flex}.eyebrow:before,.eyebrow:after{content:"";background:currentColor;width:7vw;height:3px}.name{font:700 min(23vw, 46svh) / .8 var(--font-big), monospace;-webkit-font-smoothing:none;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap}.man{z-index:3;height:var(--man-h);aspect-ratio:1122/1402;position:absolute;bottom:0;left:50%;translate:-50%}.ground{z-index:4;background:var(--ground);height:96px;position:absolute;bottom:-96px;left:0;right:0;overflow:hidden}.ground-track{background:repeating-linear-gradient(90deg, var(--cream) 0 32px, transparent 32px 64px);width:300%;height:16px;margin-top:40px}.walker{z-index:5;aspect-ratio:420/660;height:min(46svh,300px);position:absolute;bottom:76px;left:50%;translate:-50%}.walker img{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.walker img.on{visibility:visible}.walker.flipped img{transform:scaleX(-1)}.signs{z-index:2;gap:42vw;width:max-content;padding-right:10vw;display:flex;position:absolute;bottom:96px;left:100vw}.sign{padding-bottom:min(52svh,340px);position:relative}.sign:after{content:"";background:var(--ink);width:14px;height:min(52svh,340px);position:absolute;bottom:0;left:50%;translate:-50%}.sign span{background:var(--cream);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font:700 clamp(24px, 4vw, 52px) / 1 var(--font-big), monospace;text-transform:uppercase;white-space:nowrap;padding:18px 26px;display:block}.is-static .walker,.is-static .signs,.is-static .ground{display:none}@media (max-width:760px){:root{--man-h:min(82svh, 160vw)}.title{bottom:calc(var(--man-h) * .71)}.skip{padding:8px 10px;font-size:11px;top:10px;right:10px}.cloud-left{width:46vw;bottom:70%;left:-6%}.cloud-small{display:none}.cloud-right{width:50vw;bottom:62%;right:-8%}.signs{gap:80vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.voxel{background:var(--sky);height:900svh;position:relative}.voxel-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.voxel-canvas{position:absolute;inset:0}.voxel-canvas canvas{display:block}.voxel-role,.voxel-hint{color:var(--cream);font:400 clamp(12px, 1.5vw, 18px) var(--font-pixel), monospace;text-transform:uppercase;white-space:nowrap;position:absolute;left:50%;translate:-50%}.voxel-role{top:22px}.voxel-hint{opacity:0;animation:1.2s steps(2,end) infinite voxel-bob;bottom:18px}@keyframes voxel-bob{50%{translate:-50% 6px}}.voxel-caption{width:min(720px,100vw - 32px);color:var(--cream);text-align:center;opacity:0;margin-left:calc(min(720px,100vw - 32px)/-2);position:absolute;bottom:15svh;left:50%}.voxel-caption p{font:400 13px var(--font-pixel), monospace;text-transform:uppercase}.voxel-caption h2{font:500 clamp(22px, 2.6vw, 36px) / 1.15 var(--font-big), monospace;margin:8px 0 14px}.voxel-caption a{background:var(--cream);color:var(--ink);font:400 13px var(--font-pixel), monospace;padding:10px 14px;text-decoration:none;display:inline-block}.voxel-caption a:hover{background:#fff}@media (max-width:760px){.voxel-role{font-size:11px;top:18px;left:16px;translate:none}}.work{z-index:30;color:var(--cream);background:#c2410c;padding:clamp(40px,7vw,96px) clamp(16px,4vw,56px) 32px;position:relative}.work a{color:inherit}.label{font:400 13px var(--font-pixel), monospace;text-transform:uppercase}.work-head h2{font:700 clamp(56px, 13vw, 190px) / .85 var(--font-big), monospace;text-transform:uppercase;margin:6px 0 clamp(28px,4vw,56px)}.work-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.card{background:var(--card);min-height:300px;color:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);flex-direction:column;grid-column:span 4;padding:24px;text-decoration:none;transition:translate .12s steps(2,end),box-shadow .12s steps(2,end);display:flex;position:relative}.card.big{grid-column:span 6;min-height:420px}.card:hover,.card:focus-visible{box-shadow:12px 12px 0 var(--ink);outline:none;translate:-4px -4px}.card h3{font:700 clamp(34px, 3.6vw, 56px) / .95 var(--font-big), monospace;text-transform:uppercase;margin:10px 0 12px}.card.big h3{font-size:clamp(44px,6vw,92px)}.card p:not(.label){font-size:16px;line-height:1.5}.card .go{font:400 13px var(--font-pixel), monospace;text-transform:uppercase;margin-top:auto;padding-top:22px}.foot{font:400 13px var(--font-pixel), monospace;text-transform:uppercase;border-top:4px solid;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(48px,7vw,96px);padding-top:18px;display:flex}.foot nav{gap:20px;display:flex}.project{background:var(--card);min-height:100svh;color:var(--cream)}.project a{color:inherit}.project-top{z-index:2;font:400 13px var(--font-pixel), monospace;text-transform:uppercase;justify-content:space-between;padding:20px clamp(16px,4vw,56px);display:flex;position:absolute;top:0;left:0;right:0}.voxel-title{height:min(62svh,620px);position:relative}.voxel-title canvas{display:block}.project-intro,.project-body,.project .foot,.project-photo{margin-inline:clamp(16px,4vw,56px)}.project-intro p:first-child{margin-bottom:12px}.project-intro h1{max-width:22ch;font:500 clamp(30px, 4.6vw, 68px) / 1.05 var(--font-big), monospace}.project-intro .byline{margin-top:18px;font-size:15px}.project-photo{border:4px solid var(--ink);width:min(100% - 2*clamp(16px,4vw,56px),1100px);height:auto;box-shadow:8px 8px 0 var(--ink);margin-block:40px 0;display:block}.project-body{grid-template-columns:2fr 1fr;gap:clamp(32px,6vw,88px);margin-block:clamp(40px,6vw,80px);display:grid}.project-body ol{counter-reset:did;gap:22px;margin-top:16px;padding:0;list-style:none;display:grid}.project-body li.did{counter-increment:did;grid-template-columns:40px 1fr;font-size:clamp(16px,1.3vw,19px);line-height:1.5;display:grid}.project-body li.did:before{content:counter(did, decimal-leading-zero);font:400 13px / 1.9 var(--font-pixel), monospace;opacity:.75}.project-body aside .label:not(:first-child){margin-top:28px}.project-body aside p:not(.label),.project-body aside ul{margin-top:8px;padding:0;line-height:1.6;list-style:none}.next{background:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);margin-inline:clamp(16px,4vw,56px);padding:22px 26px;text-decoration:none;display:block;color:var(--ink)!important}.next span{font:700 clamp(32px, 6vw, 80px) / 1 var(--font-big), monospace;text-transform:uppercase;display:block}.project .foot{padding-bottom:28px}@media (max-width:900px){.card,.card.big{grid-column:span 12;min-height:0}.project-body{grid-template-columns:1fr}.voxel-title{height:46svh}}.work .card{color:var(--ink-on)}.card h3,.card .label,.card .go{color:var(--accent)}.project{color:var(--ink-on)}.project .label,.project-body li.did:before,.project-top span,.project-intro h1{color:var(--accent)}.project .next{background:var(--accent);color:var(--card)!important}.project .next .label{color:inherit}.voxel-caption:first-of-type a{background:#e4f53c}@media (max-width:760px){.voxel-caption{bottom:24svh}.voxel-caption h2{font-size:20px}.voxel-caption a,.card .go{min-height:44px}.voxel-caption a{align-items:center;padding:0 16px;display:inline-flex}.work-grid{gap:16px}.card,.card.big{box-shadow:6px 6px 0 var(--ink);padding:20px}.card h3,.card.big h3{font-size:clamp(36px,11vw,52px)}.foot{flex-direction:column}.foot nav{flex-wrap:wrap;gap:8px 24px}.foot nav a,.project-top a,.project-body aside a{align-items:center;min-height:44px;display:inline-flex}.project-top{align-items:center;padding-block:8px}.voxel-title{height:40svh}.project-intro h1{font-size:clamp(27px,8vw,38px)}.project-body li.did{grid-template-columns:32px 1fr}.next{box-shadow:6px 6px 0 var(--ink);padding:18px}.skip{align-items:center;min-height:40px;display:inline-flex}}@media (hover:none){.card:hover{box-shadow:8px 8px 0 var(--ink);translate:none}}.voxel-hint{z-index:3;bottom:max(22px, env(safe-area-inset-bottom));color:#fff;letter-spacing:.08em;text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink);pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:15px;display:inline-flex}.voxel-hint:after{content:"";border-inline:8px solid #0000;width:0;height:0;filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink));border-top:10px solid #fff}.page-walker{z-index:40;aspect-ratio:420/660;height:26svh;translate:var(--x,0) 0;scale:var(--s,1);transform-origin:50% 100%;contain:layout style;backface-visibility:hidden;pointer-events:none;visibility:hidden;position:fixed;bottom:0;left:0}.page-walker.shown{visibility:visible}.page-walker img{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.page-walker.shown img.on{visibility:visible}.page-walker.flipped:not(.facing) img{transform:scaleX(-1)}@media (max-width:760px){.page-walker{height:15svh}.foot,.project .foot{padding-bottom:96px}}.foot{padding-bottom:110px}.sound-toggle{bottom:max(14px, env(safe-area-inset-bottom));z-index:45;background:var(--ink);min-height:40px;color:var(--cream);border:2px solid var(--cream);font:400 12px var(--font-pixel), monospace;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:fixed;right:14px}.sound-toggle:focus-visible{outline-offset:2px;outline:3px solid #fff}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:currentColor;width:3px;height:3px}.bars.playing i{animation:.7s steps(3,end) infinite alternate bars}.bars.playing i:nth-child(2){animation-delay:.2s}.bars.playing i:nth-child(3){animation-delay:.4s}@keyframes bars{to{height:12px}}.contact{background:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);grid-template-columns:1fr 1fr;margin-top:clamp(48px,7vw,96px);scroll-margin-top:24px;display:grid}.contact-art{background:var(--sky);min-height:460px;position:relative;overflow:hidden}.contact-man{width:min(100%,520px);position:absolute;bottom:0;left:50%;translate:-50% 12%}.contact-cloud{width:42%;position:absolute}.contact-cloud.one{top:8%;left:-6%}.contact-cloud.two{top:3%;right:-8%}.contact-main{color:var(--cream);padding:clamp(24px,4vw,56px)}.contact-main h2{font:700 clamp(46px, 6.4vw, 96px) / .9 var(--font-big), monospace;text-transform:uppercase;margin:6px 0 26px}.contact form{gap:16px;display:grid}.contact label span{font:400 13px var(--font-pixel), monospace;text-transform:uppercase;margin-bottom:6px;display:block}.contact input:not(.contact-trap),.contact textarea{background:var(--cream);width:100%;min-height:48px;color:var(--ink);border:3px solid var(--cream);font:400 16px var(--font-body), monospace;resize:vertical;border-radius:0;padding:12px;display:block}.contact input:focus-visible,.contact textarea:focus-visible{outline-offset:2px;outline:3px solid #e4f53c}.contact-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact button{min-height:52px;color:var(--cream);border:3px solid var(--cream);font:700 22px var(--font-big), monospace;text-transform:uppercase;cursor:pointer;background:#c2410c;padding:0 22px}.contact button:hover{background:var(--cream);color:var(--ink)}.contact button:disabled{opacity:.7;cursor:progress}.contact-error{color:var(--ink);background:#e4f53c;padding:10px 12px;font-size:15px}.contact-sent p:first-child{font:700 clamp(30px, 4vw, 52px) / 1 var(--font-big), monospace;color:#e4f53c}.contact-sent p:nth-child(2){margin:12px 0 22px;line-height:1.5}@media (max-width:900px){.contact{box-shadow:6px 6px 0 var(--ink);grid-template-columns:1fr}.contact-art{order:2;min-height:300px}.contact-man{width:min(92%,400px)}}.voxel.no-webgl{height:100svh}.voxel.no-webgl .voxel-canvas{background:url(/hero/man.webp) bottom/auto 92% no-repeat}.voxel.no-webgl .voxel-caption,.voxel.no-webgl .voxel-hint{display:none}.voxel-tagline{color:#fff;text-align:center;width:min(90vw,1100px);text-shadow:2px 2px 0 var(--ink);font:500 clamp(19px, 2.3vw, 32px) / 1.12 var(--font-big), monospace;opacity:calc(1 - var(--tag-off,0));margin:0;position:absolute;top:48px;left:50%;translate:-50%}.tools,.quests{margin-top:clamp(56px,8vw,110px)}.tools h2,.quests h2,.about h2{font:700 clamp(42px, 8vw, 116px) / .9 var(--font-big), monospace;text-transform:uppercase;margin:6px 0 clamp(20px,3vw,36px)}.inventory{background:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:14px;list-style:none;display:grid}.inventory li{min-height:148px;color:var(--cream);background:#2a2438;border:3px solid #4a4160;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;transition:translate .1s steps(2,end),background .1s steps(2,end);display:flex;position:relative}.inventory li:hover{border-color:var(--cream);background:#006dc9;translate:0 -4px}.inventory .slot{font:400 11px var(--font-pixel), monospace;opacity:.65;position:absolute;top:8px;left:10px}.inventory strong{font:700 clamp(22px, 2.2vw, 32px) / 1 var(--font-big), monospace}.inventory span:last-child{font-size:13px;line-height:1.35}.quest-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.quest{background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:16px 16px 22px}.quest h3{font:700 clamp(25px, 2.5vw, 36px) / 1 var(--font-big), monospace;margin:6px 0 8px}.quest p:last-child{font-size:15px;line-height:1.5}.quest .label{margin-top:14px}.quest-art{border:3px solid var(--ink);height:210px;position:relative;overflow:hidden}.quest-art.sky{background:#006dc9}.quest-art.night{background:#0a0a0b}.quest-art.sunset{background:#c2410c;place-items:center;display:grid}.sprite-loop{height:100%;margin-inline:auto;display:block}.quest-art.night img{width:auto;max-width:none;height:265%;image-rendering:pixelated;position:absolute;top:-58%;left:50%;translate:-50%}.wave-bars{height:110px;color:var(--cream);align-items:center;gap:8px;display:flex}.wave-bars i{background:currentColor;width:14px;height:30%;animation:.9s steps(4,end) infinite alternate wave-bar}.wave-bars i:nth-child(2n){animation-delay:.25s}.wave-bars i:nth-child(3n){animation-delay:.5s}@keyframes wave-bar{to{height:100%}}.about{color:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#0a0a0b;grid-template-columns:minmax(220px,1fr) 2fr;gap:0;margin-top:clamp(56px,8vw,110px);display:grid}.player-art{background:#006dc9;height:100%;min-height:340px;padding:22px 12px 0}.about>div:last-child{padding:clamp(22px,4vw,48px)}.about h2{color:#e4f53c;font-size:clamp(38px,6vw,84px)}.about dl{grid-template-columns:repeat(2,1fr);gap:18px 28px;margin:0;display:grid}.about dt{font:400 12px var(--font-pixel), monospace;text-transform:uppercase;opacity:.75}.about dd{margin:4px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.35}@media (max-width:900px){.inventory{grid-template-columns:repeat(2,1fr)}.quest-grid,.about,.about dl{grid-template-columns:1fr}.player-art{height:280px;min-height:280px}}@media (max-width:760px){.voxel-tagline{width:calc(100vw - 32px);top:66px}.inventory{box-shadow:6px 6px 0 var(--ink);gap:8px;padding:8px}.inventory li{min-height:132px;padding:12px}.quest,.about{box-shadow:6px 6px 0 var(--ink)}}.card:last-child:not(.big){grid-column:span 12;min-height:0}.game-shot{background:var(--ink);display:block;position:relative;overflow:hidden}.game-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.shot-pixel{image-rendering:pixelated}.shot-clear{opacity:0;transition:opacity .18s steps(3,end);position:absolute;inset:0}.game-shot:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000024 0 2px,#0000 2px 4px);transition:opacity .18s steps(3,end);position:absolute;inset:0;box-shadow:inset 0 0 44px #0000006b}@media (hover:hover){.card:hover .shot-clear,.project-photo:hover .shot-clear{opacity:1}.card:hover .game-shot:after,.project-photo:hover .game-shot:after{opacity:.2}}.card .game-shot{aspect-ratio:16/9;border:3px solid var(--ink);margin-bottom:14px}.card.big .game-shot{aspect-ratio:21/10}.player-art{padding:0}.player-character{width:100%;height:100%;min-height:inherit;position:relative}.player-character img{object-fit:contain;object-position:bottom;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.player-character img.on{visibility:visible}.contact-main{container-type:inline-size}.contact-main h2{white-space:nowrap;font-size:15cqw}.pixel-link{z-index:2;background:var(--accent,var(--cream));border:3px solid var(--ink);min-height:44px;box-shadow:4px 4px 0 var(--ink);font:400 13px var(--font-pixel), monospace;text-transform:uppercase;align-items:center;gap:10px;padding:0 14px;text-decoration:none;transition:translate 80ms steps(2,end),box-shadow 80ms steps(2,end);display:inline-flex;position:relative;color:var(--card,var(--ink))!important}.pixel-link:after{content:"";border-block:5px solid #0000;border-left:7px solid;width:0;height:0}.pixel-link:hover,.pixel-link:focus-visible{box-shadow:6px 6px 0 var(--ink);outline:2px solid;translate:-2px -2px}.foot .pixel-link{--accent:var(--cream);--card:var(--ink)}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline-offset:3px;outline:3px solid #fff}.card:hover{box-shadow:12px 12px 0 var(--ink);translate:-4px -4px}.card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.card .go{min-height:0;margin:0;padding:0}.card .go:after{content:" >"}.card .pixel-link{--accent:var(--cream);--card:var(--ink)}.project-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.numbers{flex-wrap:wrap;gap:14px;margin:30px 0 0;display:flex}.numbers>div{border:3px solid var(--accent);min-width:150px;padding:14px 18px}.numbers dt{color:var(--accent);font:700 clamp(30px, 3.4vw, 48px) / 1 var(--font-big), monospace}.numbers dd{margin:6px 0 0;font-size:14px;line-height:1.35}.project-story,.highlights{margin:clamp(40px,6vw,80px) clamp(16px,4vw,56px) 0}.project-story p:last-child{max-width:34em;font:500 clamp(21px, 2.4vw, 34px) / 1.28 var(--font-body), monospace;margin-top:12px}.highlights>div{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.highlights article{border:3px solid var(--accent);background:#ffffff0d;padding:20px 22px}.highlights h3{color:var(--accent);font:700 clamp(22px, 2.1vw, 30px) / 1.08 var(--font-big), monospace;margin-bottom:10px}.highlights p{font-size:16px;line-height:1.55}.stack{flex-wrap:wrap;gap:8px;display:flex!important}.stack li{border:2px solid var(--accent);padding:5px 9px;font-size:14px;line-height:1.3}@media (max-width:760px){.highlights>div{grid-template-columns:1fr}.numbers>div{flex:calc(50% - 7px);min-width:0}.project-links .pixel-link{flex:auto;justify-content:space-between}.card-actions .pixel-link{flex:100%;justify-content:space-between}}@media (hover:none){.card:hover{translate:none}}.work:after,.project:after{content:"";z-index:35;pointer-events:none;background:repeating-linear-gradient(0deg,#00000012 0 2px,#0000 2px 4px);position:absolute;inset:0}.project{position:relative}.title-band{background:var(--band,transparent);margin-bottom:clamp(24px,4vw,48px)}.project-top{color:var(--top,inherit)}.title-band:not([style]){margin-bottom:0}@keyframes glitch-text{0%,92%,to{text-shadow:none;translate:0}93%{text-shadow:-3px 0 #ff2d55,3px 0 #19e3ff;translate:3px}94.5%{text-shadow:4px 0 #ff2d55,-4px 0 #19e3ff;translate:-3px 1px}96%{text-shadow:-2px 0 #19e3ff,2px 0 #ff2d55;translate:1px}97.5%{text-shadow:none;translate:0}}@keyframes glitch-hit{0%,to{text-shadow:none;translate:0}25%{text-shadow:-3px 0 #ff2d55,3px 0 #19e3ff;translate:3px}50%{text-shadow:3px 0 #ff2d55,-3px 0 #19e3ff;translate:-3px}75%{text-shadow:-1px 0 #19e3ff,1px 0 #ff2d55;translate:1px}}.work-head h2,.tools h2,.quests h2,.about h2,.contact-main h2,.project-intro h1{animation:8s step-end infinite glitch-text}.tools h2{animation-delay:2s}.quests h2{animation-delay:4s}.about h2{animation-delay:1s}.contact-main h2{animation-delay:3s}@media (hover:hover){.card:hover h3,.quest:hover h3{animation:.35s step-end glitch-hit}}@media (prefers-reduced-motion:reduce){.work-head h2,.tools h2,.quests h2,.about h2,.contact-main h2,.project-intro h1,.card:hover h3,.quest:hover h3{animation:none}}.tear{display:block;position:relative}.tear-base,.tear-slice{animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--tear-delay,0s);display:block}.tear-base{animation-name:tear-base}.tear-slice{text-shadow:-3px 0 #ff2d55,3px 0 #19e3ff;clip-path:inset(100% 0 0);animation-name:tear-slice;position:absolute;inset:0;translate:10px}@keyframes tear-base{0%{clip-path:polygon(0 0,100% 0,100% -30%,0 -30%,0 -6%,100% -6%,100% 100%,0 100%)}22%,to{clip-path:polygon(0 0,100% 0,100% 106%,0 106%,0 130%,100% 130%,100% 100%,0 100%)}}@keyframes tear-slice{0%{clip-path:inset(-30% -20px 106%)}22%,to{clip-path:inset(106% -20px -30%)}}.tools h2{--tear-delay:1.5s}.quests h2{--tear-delay:3s}.about h2{--tear-delay:4.5s}.contact-main h2{--tear-delay:2.2s}.card:nth-child(2n){--tear-delay:1s}.card:nth-child(3n){--tear-delay:2.6s}.card:nth-child(5n){--tear-delay:4s}.next{--tear-delay:3.4s}@media (prefers-reduced-motion:reduce){.tear-base{animation:none}.tear-slice{display:none}}@media (max-width:900px){.contact-art{order:2;min-height:440px}.contact{grid-template-columns:1fr}}.contact-art{background:#2fa9ee;container-type:size}.arcade{aspect-ratio:670/1140;height:80%;position:absolute;bottom:3%;left:50%;translate:-50%;container-type:inline-size}.arcade img{width:100%;height:100%;image-rendering:pixelated;display:block}.arcade-top{color:#0a2fa8;width:58.5%;height:8.7%;font:700 11cqw / 1 var(--font-big), monospace;text-transform:uppercase;place-items:center;display:grid;position:absolute;top:7.5%;left:14.5%}.arcade-screen{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4cqw;width:59.5%;height:25.4%;display:flex;position:absolute;top:22.8%;left:19.5%;transform:skew(-10deg)}.arcade-screen p:first-child{font:700 11cqw / .95 var(--font-big), monospace;text-transform:uppercase;color:#e4f53c}.arcade-screen .blink{font:400 4.2cqw / 1.2 var(--font-pixel), monospace;text-transform:uppercase;padding-inline:3cqw;animation:1.2s step-end infinite press-start}@keyframes press-start{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.arcade-screen .blink{animation:none}}.contact-art:after{content:"";background:#17131a;height:9%;position:absolute;bottom:0;left:0;right:0}.arcade{z-index:1;bottom:5%}@media (max-width:900px){.voxel-title{height:320px}}@media (max-width:760px){.voxel-title{height:260px}.page-walker{height:122px}.voxel-caption{bottom:24%}}.voxel-loader{z-index:10;color:#fff;background:#006dc9;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s steps(4,end),visibility .3s;display:flex;position:absolute;inset:0}.voxel-loader.done{opacity:0;visibility:hidden}.voxel-loader img{width:112px;height:176px}.loader-bar{background:#17131a;border:3px solid #f6e8cf;width:min(320px,70vw);height:24px;padding:3px}.loader-bar i{width:var(--load,6%);background:#e4f53c;height:100%;transition:width .2s steps(4,end);display:block}.voxel-loader p{font:400 15px var(--font-pixel), monospace;text-transform:uppercase;letter-spacing:.08em}.inventory li{justify-content:flex-start;min-height:0;padding-top:38px}.inventory strong{overflow-wrap:anywhere}@media (max-width:760px){.inventory li{min-height:0;padding:34px 12px 14px}.inventory strong{font-size:23px}.inventory span:last-child{font-size:13px}.sound-toggle{justify-content:center;width:44px;height:44px;min-height:44px;padding:0;right:10px}.sound-label{display:none}}@media (hover:none){.shot-clear{display:none}}.decisions{margin:clamp(40px,6vw,80px) clamp(16px,4vw,56px) 0}.decisions>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,48px);margin-top:20px;display:grid}.decisions article{border-top:2px solid var(--accent);align-content:start;gap:10px;min-width:0;padding-top:16px;display:grid}.decision-no{font:400 13px var(--font-pixel), monospace;color:var(--accent)}.decisions h3{font:500 clamp(20px, 2vw, 28px) / 1.15 var(--font-big), monospace}.decisions p{font-size:clamp(15px,1.2vw,17px);line-height:1.55}.decision-cost{opacity:.78}.decision-cost strong{color:var(--accent);font-weight:600}.walker-say{background:var(--cream);width:max-content;max-width:min(240px,60vw);color:var(--ink);border:2px solid var(--ink);opacity:0;pointer-events:none;padding:7px 10px;font-size:13px;line-height:1.3;transition:opacity .15s;position:absolute;bottom:100%;left:40%}.say-left .walker-say{left:auto;right:40%}.walker-say.on{opacity:1}.walker-hit{pointer-events:auto;cursor:pointer;background:0 0;border:0;position:absolute;inset:10% 20% 0}.page-walker.hop img{animation:.3s steps(4,end) walker-hop}@keyframes walker-hop{50%{translate:0 -8%}}@media (max-width:760px){.walker-say{font-size:12px}}.tear:not(.live) .tear-base,.tear:not(.live) .tear-slice,:is(h1:has(.tear:not(.live)),h2:has(.tear:not(.live))){animation-play-state:paused}.project-wait{background:var(--ink)}.about .cv-link{--accent:#e4f53c;--card:var(--ink);margin-top:26px}.contact-note{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:-10px 0 24px;line-height:1.5;display:flex}.contact-note .pixel-link{--accent:var(--cream);--card:var(--ink)}.caption-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.voxel-caption .caption-actions .cv{background:#e4f53c}@media (min-width:1201px){.card:not(.big),.card:last-child:not(.big){grid-column:span 3;min-height:300px}.card:not(.big) h3{font-size:clamp(26px,2.4vw,38px)}}@media (min-width:901px) and (max-width:1200px){.card:not(.big),.card:last-child:not(.big){grid-column:span 6;min-height:300px}}.top-actions{z-index:20;gap:12px;display:flex;position:fixed;top:16px;right:16px}.top-actions .skip{position:static}.top-actions .cv-top{background:#e4f53c}.top-actions .cv-top:hover{background:#f1ff6b}@media (max-width:760px){.top-actions{gap:8px;top:10px;right:10px}.cv-top .long{display:none}}.speaker{fill:currentColor;flex:none;width:16px;height:16px}.speaker .mute{fill:#ff6b6b}.speaker.on .w1{animation:1.2s step-end infinite wave-blink}.speaker.on .w2{animation:1.2s step-end .3s infinite wave-blink}@keyframes wave-blink{0%,70%{opacity:1}71%,to{opacity:.25}}@media (max-width:760px){.speaker{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.speaker.on .w1,.speaker.on .w2{animation:none}}
