/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}}html,body{min-height:100%;margin:0}.site-root{display:contents}.subsite-page{z-index:2000;background:#111a20;position:fixed;inset:0;overflow:hidden}.subsite-frame{background:#fff;border:0;width:100%;height:100%;display:block}.subsite-return{z-index:2002;color:#19232a;background:#ffd34d;border:3px solid #19232a;align-items:center;min-height:42px;padding:8px 13px;font-family:Fusion Pixel,Noto Sans SC,sans-serif;font-size:12px;font-weight:900;text-decoration:none;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:inline-flex;position:fixed;top:18px;left:18px;box-shadow:5px 5px #19232a}:is(.subsite-return:hover,.subsite-return:focus-visible){outline:none;transform:translate(-2px,-2px);box-shadow:7px 7px #ff7334}@media (max-width:700px){.subsite-return{min-height:36px;padding:6px 10px;font-size:10px;top:10px;left:10px}}.creality-experience{--cc-ink:#17242c;--cc-orange:#ff7334;--cc-yellow:#ffd34d;z-index:2000;color:#fff7d5;background-color:#17333d;background-image:linear-gradient(#74cdd821 1px,#0000 1px),linear-gradient(90deg,#74cdd821 1px,#0000 1px);background-size:32px 32px;grid-template-rows:auto minmax(0,1fr);font-family:Fusion Pixel,Noto Sans SC,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.creality-experience-bar{z-index:3;border-bottom:5px solid var(--cc-ink);background:#101f27f5;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:82px;padding:12px 18px;display:grid}.creality-back,.creality-experience-bar button{border:3px solid var(--cc-ink);min-height:40px;box-shadow:4px 4px 0 var(--cc-orange);color:var(--cc-ink);font:inherit;cursor:pointer;background:#fff7d5;padding:8px 12px;font-size:11px;font-weight:900;text-decoration:none}.creality-experience-bar>div{gap:3px;display:grid}.creality-experience-bar>div span{color:#72d2df;font-size:10px}.creality-experience-bar>div strong{font-size:clamp(15px,1.5vw,24px)}.creality-experience-bar nav{gap:8px;display:flex}.creality-experience-bar button.is-active{background:var(--cc-yellow);box-shadow:2px 2px 0 var(--cc-orange);transform:translate(2px,2px)}.creality-study{grid-template-columns:minmax(260px,.7fr) minmax(0,1.6fr);gap:clamp(18px,3vw,54px);min-height:0;padding:clamp(22px,4vw,64px);display:grid}.creality-study-copy{align-self:center}.creality-study-copy>span{color:var(--cc-orange);font-size:clamp(10px,.9vw,14px)}.creality-study-copy h1{color:var(--cc-yellow);margin:18px 0;font-size:clamp(30px,4vw,66px);line-height:1.08}.creality-study-copy p{color:#c8dfe2;max-width:620px;font-size:clamp(13px,1.15vw,18px);line-height:1.8}.creality-study-copy .creality-study-overview{color:#fff7d5;font-size:clamp(12px,1vw,16px);line-height:1.65}.creality-study-stage{border:6px solid var(--cc-ink);min-height:0;box-shadow:12px 12px 0 var(--cc-orange);background:#f0f2ef;place-items:center;display:grid;position:relative;overflow:hidden}.creality-study-stage>img{object-fit:contain;object-position:center;width:76%;height:72%;display:block}.creality-study-caption{box-shadow:4px 4px 0 var(--cc-orange);background:#101f27e6;border:3px solid #fff7d5;align-items:center;gap:16px;padding:10px 12px;display:flex;position:absolute;bottom:18px;left:18px}.creality-study-caption strong{font-size:clamp(10px,1vw,15px)}.creality-study-caption span{color:#72d2df;font-size:10px}.creality-study-controls{gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.creality-study-controls button{border:3px solid var(--cc-ink);background:var(--cc-yellow);width:46px;height:46px;box-shadow:4px 4px 0 var(--cc-ink);color:var(--cc-ink);font:inherit;cursor:pointer;font-size:18px}.creality-study-compare{grid-template-columns:1fr 1fr;gap:8px;width:100%;height:100%;padding:5% 8% 8%;display:grid}.creality-study-compare figure{border:4px solid var(--cc-ink);background:#fff;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.creality-study-compare figcaption{background:var(--cc-yellow);color:var(--cc-ink);padding:9px 12px;font-size:11px;font-weight:900}.creality-study-compare img{object-fit:contain;object-position:top center;width:100%;height:100%;min-height:0}.creality-prototype{min-height:0;padding:14px}.creality-prototype iframe{border:5px solid var(--cc-ink);width:100%;height:100%;box-shadow:8px 8px 0 var(--cc-orange);background:#fff;display:block}@media (max-width:800px){.creality-experience-bar{grid-template-columns:1fr auto;gap:8px;min-height:104px;padding:9px}.creality-back{grid-row:1}.creality-experience-bar>div{display:none}.creality-experience-bar nav{grid-column:2}.creality-experience-bar button,.creality-back{min-height:34px;padding:6px 8px;font-size:9px}.creality-study{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px;padding:14px}.creality-study-copy h1{margin:8px 0;font-size:clamp(24px,8vw,38px)}.creality-study-copy p{margin:0;font-size:11px;line-height:1.5}.creality-study-copy .creality-study-overview{display:none}.creality-study-caption{max-width:62%;padding:7px 8px;bottom:8px;left:8px}.creality-study-controls{gap:5px;bottom:8px;right:8px}.creality-study-controls button{width:34px;height:34px}.creality-study-compare{padding:8% 3% 14%}.creality-study-compare figcaption{padding:6px;font-size:8px}.creality-prototype{padding:7px}}@font-face{font-family:Fusion Pixel ZH;src:url(/fonts/fusion-pixel-12px-proportional-zh-hans.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--night:#101922;--night-soft:#172630;--cream:#fff2cb;--paper:#f3ead5;--yellow:#ffd24a;--orange:#ff7a2f;--cyan:#76d5de;--pink:#f2a6be;--green:#87b45d;--ink:#19232a;--line:#263945;--muted:#66737a;--page-pad:clamp(18px, 3.2vw, 56px);--content:1440px;--pixel-font:"Fusion Pixel ZH", "Arial Rounded MT Bold", "Microsoft YaHei", sans-serif;--pixel-shadow:7px 7px 0 #0c151bd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:126px}body{background:var(--paper);color:var(--ink);font-family:var(--pixel-font);font-synthesis:weight;margin:0;font-weight:600;overflow-x:clip}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,textarea{font:inherit}body:has(.entry-gate:not([hidden])){overflow:hidden}.entry-gate{z-index:1000;color:var(--cream);place-items:center;padding:clamp(18px,4vw,54px);display:grid;position:fixed;inset:0}.entry-gate[hidden]{display:none}.entry-backdrop{background-color:#070f15f0;background-image:linear-gradient(#76d5de14 1px,#0000 1px),linear-gradient(90deg,#76d5de14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;transition:opacity .18s steps(3,end);position:absolute;inset:0}.entry-dialog{z-index:2;background:var(--night-soft);width:min(900px,100%);transition:opacity .16s steps(3,end),transform .16s steps(3,end),width .2s steps(4,end);animation:.58s cubic-bezier(.2,1.38,.4,1) both entry-window-pop;position:relative;box-shadow:12px 12px #03080ccc}.entry-titlebar{border-bottom:3px solid var(--night);background:var(--yellow);min-height:48px;color:var(--night);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;padding:10px 16px;font-size:13px;font-weight:900;display:flex}.entry-titlebar small{font-size:10px}.entry-dialog-body{overflow:hidden}.entry-copy{padding:clamp(26px,4vw,48px)}.entry-kicker{color:var(--cyan);letter-spacing:.14em;margin:0 0 15px;font-size:11px}.entry-copy h1{max-width:18ch;color:var(--cream);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(27px,4vw,50px);line-height:1.16}.entry-copy>p:not(.entry-kicker){color:#c7d8d8;max-width:58ch;margin:20px 0 0;font-size:clamp(12px,1.3vw,16px);line-height:1.8}.entry-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.entry-button{border:3px solid var(--cream);min-height:54px;color:var(--cream);cursor:pointer;background:#243845;padding:13px 20px;font-size:13px;font-weight:900;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end),background .1s steps(2,end),color .1s steps(2,end);box-shadow:5px 5px #071016}.entry-button-primary{border-color:var(--night);color:var(--night);background:var(--yellow);box-shadow:5px 5px 0 var(--orange)}:is(.entry-button:hover,.entry-button:focus-visible){color:var(--night);background:var(--cyan);outline:3px solid var(--cream);outline-offset:3px;box-shadow:7px 7px 0 var(--orange);transform:translate(-2px,-2px)}.entry-button:active{box-shadow:1px 1px 0 var(--orange);transform:translate(3px,3px)}.entry-gate.is-opening .entry-dialog,.entry-gate.is-opening .entry-backdrop{opacity:0;pointer-events:none;transform:scale(.92)}.cloud-curtain{z-index:4;opacity:0;pointer-events:none;transition:opacity .12s steps(2,end);display:flex;position:absolute;inset:0;overflow:hidden}.cloud-panel{background-color:#f7ffff;background-image:linear-gradient(90deg,#0000 0 20%,#76d5de47 20% 28%,#0000 28% 65%,#ffd24a38 65% 73%,#0000 73%),linear-gradient(#0000 0 18%,#76d5de33 18% 25%,#0000 25% 72%,#76d5de38 72% 80%,#0000 80%);background-size:160px 160px;width:50%;height:100%;transition:transform 1.05s cubic-bezier(.7,0,.25,1);position:relative}.cloud-panel:after{content:"";clip-path:polygon(0 0,100% 0,100% 8%,66% 8%,66% 18%,100% 18%,100% 31%,50% 31%,50% 43%,100% 43%,100% 57%,72% 57%,72% 69%,100% 69%,100% 82%,55% 82%,55% 92%,100% 92%,100% 100%,0 100%);background:#f7ffff;width:96px;position:absolute;top:0;bottom:0}.cloud-panel-left:after{right:-95px}.cloud-panel-right:after{left:-95px;transform:scaleX(-1)}.entry-gate.is-opening .cloud-curtain{opacity:1}.entry-gate.is-splitting .cloud-panel-left{transform:translate(-125%)}.entry-gate.is-splitting .cloud-panel-right{transform:translate(125%)}.welcome-toast{z-index:900;width:min(560px,100% - 28px);min-height:72px;color:var(--cream);opacity:0;pointer-events:none;background:#101922f7;align-items:center;gap:14px;padding:13px 18px;transition:opacity .2s steps(3,end),transform .42s cubic-bezier(.2,1.35,.4,1);display:flex;position:fixed;top:118px;left:50%;transform:translate(-50%,-34px)scale(.92)}.welcome-toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.welcome-toast>span{height:42px;color:var(--night);background:var(--yellow);box-shadow:3px 3px 0 var(--orange);flex:0 0 42px;place-items:center;display:grid}.welcome-toast p{margin:0}.welcome-toast strong,.welcome-toast small{display:block}.welcome-toast strong{color:var(--yellow);font-size:13px}.welcome-toast small{color:#c7d8d8;margin-top:6px;font-size:10px;line-height:1.45}.game-menu{z-index:100;border:4px solid var(--cream);outline:4px solid var(--night);width:min(1680px,100% - 28px);min-height:82px;color:var(--cream);background:#0d161df0;grid-template-columns:minmax(330px,.78fr) 1.7fr;animation:.56s cubic-bezier(.2,1.36,.42,1) both interface-pop-in;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:9px 9px #090f14c7}.game-menu:before{content:"";pointer-events:none;border:1px dashed #fff2cb47;position:absolute;inset:4px}.profile-trigger-shell{z-index:3;min-width:0;position:relative}.player-name{z-index:1;width:100%;min-height:100%;color:inherit;letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;border-right:2px solid #fff2cb59;align-items:center;padding:18px 28px;font-size:clamp(19px,1.42vw,27px);font-weight:900;display:flex;position:relative}.player-name:before{content:"ZL";background:var(--yellow);color:var(--night);box-shadow:3px 3px 0 var(--orange);margin-right:16px;padding:7px 9px}:is(.player-name:hover,.player-name:focus-visible){color:var(--cyan);outline:none}.player-name:focus-visible:after{content:"";border:2px dashed var(--yellow);position:absolute;inset:7px}.profile-popover{width:min(560px,100vw - 28px);color:var(--cream);opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;background:#101922fa;transition:opacity .14s steps(3,end),visibility .14s steps(3,end),transform .3s cubic-bezier(.2,1.35,.4,1);position:absolute;top:calc(100% + 18px);left:0;transform:translateY(-16px)scale(.94)}.profile-trigger-shell:hover .profile-popover,.profile-trigger-shell:focus-within .profile-popover,.profile-trigger-shell.is-open .profile-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.profile-popover-bar{border-bottom:3px solid var(--night);min-height:38px;color:var(--night);background:var(--yellow);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.profile-popover-bar small{font-size:9px}.profile-popover-body{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:18px;display:grid}.profile-pixel-photo{border:3px solid var(--cream);min-height:205px;box-shadow:5px 5px 0 var(--orange);background:linear-gradient(#76d5de 0 70%,#ffd24a 70%);align-self:stretch;place-items:end center;display:grid;overflow:hidden}.profile-pixel-photo img{object-fit:contain;object-position:bottom center;width:100%;height:100%;image-rendering:pixelated}.profile-popover-copy{min-width:0}.profile-popover-copy>strong{color:var(--yellow);border-bottom:2px dashed #fff2cb52;padding-bottom:12px;font-size:16px;line-height:1.4;display:block}.profile-popover-copy dl{margin:12px 0 0}.profile-popover-copy dl div{border-bottom:1px dashed #fff2cb33;padding:8px 0}.profile-popover-copy dt{color:var(--cyan);letter-spacing:.08em;font-size:9px}.profile-popover-copy dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.5}:is(.profile-popover-copy a:hover,.profile-popover-copy a:focus-visible){color:var(--yellow);outline:none}.menu-actions{z-index:1;isolation:isolate;grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.game-option{text-align:center;border-left:1px solid #fff2cb2e;place-items:center;min-height:76px;padding:15px 10px;font-size:clamp(15px,1.08vw,20px);font-weight:900;transition:color .12s steps(2,end),background .12s steps(2,end),transform .12s steps(2,end),box-shadow .12s steps(2,end);display:grid;position:relative}.game-option:before{content:"▶";color:#0000;margin-right:6px}:is(.game-option:hover,.game-option:focus-visible,.game-option.is-active){z-index:2;color:var(--night);background:var(--yellow);box-shadow:5px 5px 0 var(--orange);outline:none;transform:translate(-3px,-3px)}.game-option:hover:before,.game-option.is-active:before{color:var(--night)}.game-option:focus-visible:before{color:var(--night)}.pixel-window{border:3px solid var(--ink);box-shadow:var(--pixel-shadow);outline:2px solid #ffffff8c}.pixel-section{padding:clamp(92px, 10vw, 150px) var(--page-pad);position:relative}.pixel-section>*{width:min(100%, var(--content));margin-inline:auto}.grid-paper{background-color:var(--paper);background-image:linear-gradient(#19232a16 1px,#0000 1px),linear-gradient(90deg,#19232a16 1px,#0000 1px);background-size:24px 24px}.grid-paper-dark{background-color:var(--night);background-image:linear-gradient(#76d5de14 1px,#0000 1px),linear-gradient(90deg,#76d5de14 1px,#0000 1px);background-size:24px 24px}.section-heading{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:clamp(24px,5vw,80px);margin-bottom:clamp(42px,6vw,84px);display:grid}.section-heading .section-code{grid-column:1/-1;margin-bottom:-10px}.section-heading h2{letter-spacing:-.06em;text-wrap:balance;max-width:1000px;margin:0;font-size:clamp(36px,5.3vw,78px);line-height:1.02}.section-code{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.section-intro{color:#4a585f;max-width:600px;margin:0;font-size:clamp(14px,1.15vw,18px);line-height:1.85}.console-title{border-bottom:3px solid var(--ink);background:var(--yellow);min-height:44px;color:var(--ink);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;padding:9px 14px;font-size:12px;font-weight:900;display:flex}.pixel-button{border:3px solid var(--ink);background:var(--yellow);width:max-content;min-height:52px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:900;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background .12s steps(2,end);display:inline-flex}:is(.pixel-button:hover,.pixel-button:focus-visible){background:var(--cyan);box-shadow:2px 2px 0 var(--ink);outline:none;transform:translate(3px,3px)}.pixel-button.is-disabled{opacity:.55;cursor:not-allowed;background:#cbd0cc}.wide-button{width:100%;margin-top:38px}.reveal-item{opacity:0;transform-origin:50% 18%;transition:opacity .3s ease-out var(--reveal-delay,0s), transform .58s cubic-bezier(.18, 1.42, .38, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(42px)scale(.92)}.reveal-item.is-visible{opacity:1;transform:translateY(0)scale(1)}.world-hero{background:#6fc6ef;min-height:100svh;position:relative;overflow:hidden}.world-gif{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.hero-shade{background:linear-gradient(#0911163b 0%,#0000 32% 61%,#091116cc 100%);position:absolute;inset:0}.pixel-clock{z-index:3;top:122px;left:var(--page-pad);width:clamp(220px,18vw,310px);color:var(--cream);background:#0e181feb;position:absolute;overflow:hidden;box-shadow:7px 7px #090f14c7,inset 0 0 0 2px #76d5de1f}.pixel-clock-bar{border-bottom:3px solid var(--night);min-height:32px;color:var(--night);background:var(--cyan);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;font-size:clamp(8px,.65vw,10px);display:flex}.pixel-clock time{color:var(--yellow);letter-spacing:.07em;text-align:center;text-shadow:3px 3px 0 var(--orange);font-variant-numeric:tabular-nums;padding:15px 14px 18px;font-size:clamp(29px,3vw,48px);font-weight:900;line-height:1;display:block}.hero-hud{z-index:2;top:auto;right:var(--page-pad);width:min(820px, calc(100% - 2 * var(--page-pad)));color:var(--cream);text-align:left;background:#0e181fdb;padding:clamp(16px,2vw,28px);position:absolute;bottom:clamp(72px,8vh,110px);transform:none}.hero-hud.reveal-item{transform:translateY(42px)scale(.92)}.hero-hud.reveal-item.is-visible{transform:translateY(0)scale(1)}.hero-hud h1{letter-spacing:-.04em;text-wrap:balance;margin:12px 0 16px;font-size:clamp(25px,3.1vw,54px);line-height:1.18}.hero-hud>p:last-child{color:var(--cyan);margin:0;font-size:clamp(11px,1vw,15px);line-height:1.7}.status-chip{color:var(--yellow);letter-spacing:.08em;justify-content:flex-start;align-items:center;gap:9px;margin:0;font-size:11px;display:flex}.status-dot{background:var(--green);width:10px;height:10px;animation:1s steps(2,end) infinite blink;box-shadow:0 0 0 3px #87b45d33}.scroll-command{z-index:2;right:var(--page-pad);border:2px solid var(--night);background:var(--yellow);box-shadow:4px 4px 0 var(--night);padding:10px 14px;font-size:12px;font-weight:900;position:absolute;bottom:32px}.scroll-command span{animation:1s steps(3,end) infinite bounce;display:inline-block}.profile-layout{grid-template-columns:1.12fr .88fr;align-items:stretch;gap:28px;display:grid}.profile-console,.skill-console{background:#f9f1df}.profile-data{background:var(--ink);grid-template-columns:repeat(2,1fr);gap:2px;margin:0;padding:18px;display:grid}.profile-data div{background:var(--cream);min-height:88px;padding:14px}.profile-data dt{color:var(--orange);margin-bottom:8px;font-size:11px;font-weight:900}.profile-data dd{margin:0;font-size:14px;font-weight:900;line-height:1.45}.profile-copy{padding:22px}.profile-copy p{margin:0 0 16px;font-size:15px;line-height:1.85}.skill-console{align-self:start}.skill-row{border-bottom:2px dashed #19232a33;grid-template-columns:110px 1fr 34px;align-items:center;gap:12px;padding:17px 18px;font-size:13px;font-weight:900;display:grid}.skill-row i{border:2px solid var(--ink);background:linear-gradient(90deg, var(--orange) var(--level), transparent var(--level));height:15px}.skill-row b{text-align:right}.tool-list{color:var(--muted);margin:0;padding:20px;font-size:12px;line-height:1.8}.maker-vignette{border:3px solid var(--ink);min-height:260px;box-shadow:var(--pixel-shadow);background:#9fdbe0;grid-column:2;align-items:end;margin-top:-120px;margin-left:28px;padding:28px;display:flex;position:relative;overflow:hidden}.maker-vignette:before{content:"";border-top:4px solid var(--ink);background:#547c62;height:42%;position:absolute;inset:auto 0 0}.spool-house{z-index:2;border:4px solid var(--ink);background:#f0c46b;width:58%;min-width:250px;position:relative}.spool-roof{border-bottom:4px solid var(--ink);background:var(--orange);justify-content:center;align-items:center;gap:12px;height:54px;display:flex}.spool-roof span{border:6px solid var(--ink);background:var(--yellow);width:44px;height:44px;box-shadow:inset 0 0 0 8px var(--cream);border-radius:50%}.spool-room{height:112px;position:relative}.tiny-printer{border:6px solid var(--ink);background:#263945;width:82px;height:76px;position:absolute;bottom:16px;left:20px}.tiny-printer:before{content:"";border:3px solid var(--cyan);background:#101922;position:absolute;inset:10px}.tiny-printer i{z-index:2;background:var(--orange);width:21px;height:16px;box-shadow:0 32px 0 var(--cream);position:absolute;top:17px;left:25px}.room-window{border:5px solid var(--ink);background:linear-gradient(90deg, transparent 47%, var(--ink) 47% 54%, transparent 54%), linear-gradient(transparent 47%, var(--ink) 47% 54%, transparent 54%), #ddf1df;width:78px;height:65px;position:absolute;bottom:16px;right:20px}.tool-rack{z-index:2;border-bottom:12px solid var(--ink);width:34%;height:170px;margin-left:18px;position:relative}.pen,.knife{border:4px solid var(--ink);transform-origin:bottom;width:18px;position:absolute;bottom:10px}.pen:after,.knife:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-17px;left:1px}.pen-a{background:var(--pink);height:128px;left:18px;transform:rotate(-8deg)}.pen-b{background:var(--yellow);height:145px;left:58px;transform:rotate(5deg)}.knife{background:#cbd0cc;height:118px;left:99px;transform:rotate(12deg)}.ruler{z-index:4;border:2px solid var(--ink);background:var(--yellow);justify-content:space-between;width:calc(100% - 40px);height:24px;padding:4px 7px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:14px;right:20px}.ruler:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 17px, var(--ink) 17px 19px);opacity:.35;position:absolute;inset:0}.ruler span{z-index:1;background:var(--yellow);position:relative}.experience-track{border:3px solid var(--ink);box-shadow:var(--pixel-shadow);grid-template-columns:repeat(3,1fr);margin-top:38px;display:grid}.experience-track article{background:var(--cream);border-right:3px solid var(--ink);min-height:210px;padding:22px}.experience-track article:last-child{border-right:0}.experience-track span{color:var(--orange);font-size:12px;font-weight:900}.experience-track h3{margin:14px 0 12px;font-size:19px}.experience-track p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.ruler-divider{height:52px;padding:0 var(--page-pad) 7px;border-block:3px solid var(--ink);background:var(--yellow);background-image:repeating-linear-gradient(90deg, transparent 0 39px, var(--ink) 39px 41px);color:var(--ink);justify-content:space-between;align-items:end;font-size:10px;font-weight:900;display:flex}.ruler-divider span{background:var(--yellow);padding:2px 4px}.split-heading{grid-template-columns:1.1fr .7fr}.split-heading .section-code{grid-column:auto}.split-heading h2{margin-top:12px}.project-slots{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-slot{border:3px solid var(--ink);background:var(--cream);min-height:550px;box-shadow:var(--pixel-shadow);grid-template-rows:auto 220px 1fr auto;transition:transform .14s steps(2,end),box-shadow .14s steps(2,end);display:grid;position:relative}:is(.project-slot:hover,.project-slot:focus-visible){box-shadow:12px 12px 0 var(--orange);outline:none;transform:translate(-4px,-4px)}.slot-top{border-bottom:3px solid var(--ink);background:var(--night);color:var(--cream);letter-spacing:.08em;justify-content:space-between;padding:10px 12px;font-size:10px;display:flex}.slot-ready{color:var(--green)}.slot-art{border-bottom:3px solid var(--ink);place-items:center;display:grid;position:relative;overflow:hidden}.slot-art:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 22px,#19232a1f 22px 24px);position:absolute;inset:0}.slot-art-1{background:#83cdd3}.slot-art-2{background:#f0aa95}.slot-art-3{background:#a5bc6a}.slot-art strong{color:#19232a73;font-size:68px;line-height:1;position:absolute;bottom:8px;right:14px}.mini-spool{border:15px solid var(--ink);background:var(--yellow);width:126px;height:126px;box-shadow:inset 0 0 0 16px var(--cream);border-radius:50%;position:relative}.mini-spool:before,.mini-spool:after{content:"";background:var(--ink);width:20px;height:24px;position:absolute;left:38px}.mini-spool:before{top:-27px}.mini-spool:after{bottom:-27px}.mini-spool i{border:5px solid var(--ink);background:var(--orange);border-radius:50%;position:absolute;inset:37px}.slot-copy{padding:22px 20px 14px}.slot-kicker{color:var(--orange);font-size:11px;font-weight:900;line-height:1.5}.slot-copy h3{margin:12px 0;font-size:clamp(20px,2vw,29px);line-height:1.18}.slot-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.slot-open{border:2px solid var(--ink);background:var(--yellow);text-align:center;margin:0 18px 18px;padding:12px;font-size:12px;font-weight:900}.research-section{color:var(--cream)}.research-section .section-intro{color:#bcd2d2}.research-heading{grid-template-columns:1.1fr .72fr}.research-lab{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:110px;display:grid;position:relative}.process-card{z-index:2;border:3px solid var(--cream);background:var(--night-soft);min-height:240px;box-shadow:6px 6px 0 var(--cyan);padding:24px;position:relative}.process-card>span{border:3px solid var(--cream);background:var(--orange);width:46px;height:46px;color:var(--night);place-items:center;font-weight:900;display:inline-grid}.process-card h3{color:var(--yellow);margin:24px 0 12px;font-size:23px}.process-card p{color:#bdcfce;margin:0;font-size:13px;line-height:1.8}.extruder-line{border:4px solid var(--cream);border-top:0;height:58px;position:absolute;bottom:28px;left:10%;right:10%}.extruder-line:before{content:"";border:4px solid var(--cream);background:var(--yellow);height:22px;position:absolute;bottom:-20px;left:-8%;right:-8%}.extruder-line i{border:4px solid var(--cream);background:var(--orange);width:56px;height:50px;position:absolute;top:-36px;left:calc(50% - 28px)}.extruder-line b{background:var(--cyan);width:12px;height:42px;position:absolute;top:14px;left:calc(50% - 6px)}.inverse-button{color:var(--night);border-color:var(--cream);box-shadow:5px 5px 0 var(--cream)}.contact-section{padding:clamp(80px, 10vw, 150px) var(--page-pad);background:var(--orange);border-top:4px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);align-items:center;gap:clamp(40px,8vw,120px);display:grid;position:relative}.contact-copy h2{letter-spacing:-.06em;margin:14px 0 22px;font-size:clamp(38px,6vw,88px);line-height:.98}.contact-copy p:last-child{margin:0;font-size:14px;font-weight:900}.contact-cartridge{border:5px solid var(--ink);background:var(--cream);min-height:210px;box-shadow:12px 12px 0 var(--ink);flex-direction:column;justify-content:center;padding:30px;transition:transform .15s steps(2,end),background .15s steps(2,end);display:flex;position:relative}.contact-cartridge:before,.contact-cartridge:after{content:"";background:var(--ink);width:22px;height:44px;position:absolute;top:24px}.contact-cartridge:before{left:-12px}.contact-cartridge:after{right:-12px}.contact-cartridge span{color:var(--orange);font-size:11px;font-weight:900}.contact-cartridge strong{margin:16px 0;font-size:clamp(24px,3vw,42px)}.contact-cartridge small{overflow-wrap:anywhere;line-height:1.5}.contact-cartridge:hover{background:var(--cyan);transform:translate(5px,5px)}.pixel-footer{min-height:72px;padding:18px var(--page-pad);border-top:3px solid var(--ink);background:var(--cream);justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:900;display:flex}.pixel-footer a{text-underline-offset:4px;text-decoration:underline}.dark-footer{border-color:var(--cream);background:var(--night);color:var(--cream)}.portfolio-world{background:var(--night)}.portfolio-hero{background:#75c7e6;min-height:100svh;position:relative;overflow:hidden}.portfolio-hero>img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.82)contrast(1.05);position:absolute;inset:0}.portfolio-hero-overlay{background:linear-gradient(90deg,#0c151bd6 0 33%,#0c151b2e 55%,#0c151bbf 100%);position:absolute;inset:0}.portfolio-title{z-index:2;top:clamp(140px,18vh,190px);left:var(--page-pad);width:min(570px, calc(100% - 2 * var(--page-pad)));color:var(--cream);background:#101922e6;padding:clamp(20px,3vw,38px);position:absolute}.portfolio-title h1{color:var(--yellow);letter-spacing:-.08em;margin:18px 0;font-size:clamp(42px,7vw,98px);line-height:.88}.portfolio-title>p:last-child{color:#c6d9d6;margin:0;font-size:14px;line-height:1.8}.portfolio-selector{z-index:3;right:var(--page-pad);width:min(560px, calc(100% - 2 * var(--page-pad)));color:var(--cream);background:#101922f0;position:absolute;bottom:clamp(42px,7vh,88px)}.portfolio-selector nav{display:grid}.archive-option{border-bottom:2px solid #fff2cb40;grid-template-columns:56px 1fr;align-items:center;min-height:74px;transition:background .12s steps(2,end),color .12s steps(2,end),padding .12s steps(2,end);display:grid;position:relative}.archive-option:last-child{border-bottom:0}.archive-option span{color:var(--yellow);border-right:2px solid #fff2cb40;align-self:stretch;place-items:center;font-weight:900;display:grid}.archive-option strong{padding:12px 16px;font-size:14px;line-height:1.35}:is(.archive-option:hover,.archive-option:focus-visible){background:var(--yellow);color:var(--night);outline:none;padding-left:7px}:is(.archive-option:hover span,.archive-option:focus-visible span){color:var(--night);border-color:var(--night)}.archive-gate{min-height:430px;padding:clamp(80px, 9vw, 140px) var(--page-pad);border-block:4px solid var(--ink);background-color:var(--paper);grid-template-columns:220px 1fr 260px;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.archive-gate h2{letter-spacing:-.05em;max-width:900px;margin:16px 0 0;font-size:clamp(32px,4.5vw,64px);line-height:1.06}.spool-totem{place-items:center;height:210px;display:grid;position:relative}.spool-totem i{border:15px solid var(--ink);background:var(--yellow);width:130px;height:130px;box-shadow:inset 0 0 0 16px var(--cream);border-radius:50%;position:absolute}.spool-totem i:first-child{transform:translate(-35px,35px)}.spool-totem i:nth-child(2){background:var(--cyan);transform:translate(35px,35px)}.spool-totem i:nth-child(3){background:var(--orange);transform:translateY(-40px)}.spool-totem b{z-index:2;border:8px solid var(--ink);background:var(--paper);border-radius:50%;width:42px;height:42px;position:absolute}.archive-tools{border-bottom:12px solid var(--ink);height:240px;position:relative}.long-pen,.long-knife{border:6px solid var(--ink);transform-origin:bottom;width:36px;position:absolute;bottom:8px}.long-pen{background:var(--pink);height:210px;left:55px;transform:rotate(-14deg)}.long-knife{background:#bfc8ca;height:190px;right:55px;transform:rotate(12deg)}.long-pen:after,.long-knife:after{content:"";border:8px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-28px;left:4px}.project-case{padding:clamp(78px, 9vw, 140px) var(--page-pad);border-bottom:5px solid var(--ink);color:var(--ink);scroll-margin-top:104px}.project-case>*{width:min(100%, var(--content));margin-inline:auto}.case-header{background:var(--cream);grid-template-columns:190px minmax(0,1fr) minmax(280px,.55fr);display:grid}.case-code{border-right:3px solid var(--ink);background:var(--night);min-height:260px;color:var(--cream);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.case-code span{color:var(--yellow);letter-spacing:.1em;font-size:11px}.case-code strong{font-size:92px;line-height:.8}.case-title{border-right:3px solid var(--ink);flex-direction:column;justify-content:center;padding:clamp(24px,4vw,56px);display:flex}.case-title h2{letter-spacing:-.055em;text-wrap:balance;margin:14px 0;font-size:clamp(30px,4.2vw,62px);line-height:1.04}.case-title h3{max-width:760px;color:var(--muted);margin:0;font-size:clamp(14px,1.45vw,21px);font-weight:700;line-height:1.55}.case-description{align-items:center;margin:0;padding:clamp(24px,3vw,42px);font-size:14px;line-height:1.9;display:flex}.case-measure{border:3px solid var(--ink);background:var(--yellow);background-image:repeating-linear-gradient(90deg, transparent 0 28px, var(--ink) 28px 30px);justify-content:space-between;align-items:end;height:46px;padding:0 8px 6px;font-size:10px;font-weight:900;display:flex;position:relative;margin-top:30px!important}.case-measure span{background:var(--yellow);padding:2px 4px}.case-content{grid-template-columns:minmax(0,1fr) 310px;gap:26px;display:grid;margin-top:26px!important}.case-media{background:var(--cream)}.media-stage{aspect-ratio:16/9;background:#e0ddcf;place-items:center;display:grid;position:relative;overflow:hidden}.media-stage:after{content:"";pointer-events:none;border:2px dashed #19232a40;position:absolute;inset:10px}.media-stage img,.media-stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-stage>strong{z-index:2;margin-top:65px;font-size:clamp(16px,2vw,24px)}.media-stage>span{z-index:2;color:var(--muted);margin-top:-70px;font-size:11px}.empty-printer{border:10px solid var(--ink);background:#76d5de59;border-bottom-width:18px;width:210px;height:145px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.empty-gantry{background:var(--ink);height:9px;position:absolute;top:22px;left:17px;right:17px}.empty-nozzle{background:var(--orange);clip-path:polygon(0 0,100% 0,100% 72%,65% 72%,50% 100%,35% 72%,0 72%);width:34px;height:43px;position:absolute;top:30px;left:calc(50% - 17px)}.empty-bed{background:var(--ink);height:12px;box-shadow:0 9px 0 var(--yellow);position:absolute;bottom:18px;left:22px;right:22px}.case-side{border:3px solid var(--ink);background:var(--night);min-height:100%;color:var(--cream);box-shadow:var(--pixel-shadow);padding:24px}.case-side p{color:#bfd0cf;margin:18px 0 24px;font-size:13px;line-height:1.8}.case-side .pixel-button{text-align:center;width:100%;margin-top:24px}.filament-swatch{border-block:2px dashed #fff2cb40;gap:10px;padding-block:22px;display:flex}.filament-swatch i{border:8px solid var(--cream);background:var(--orange);width:54px;height:54px;box-shadow:inset 0 0 0 7px var(--night);border-radius:50%}.filament-swatch i:nth-child(2){background:var(--cyan)}.filament-swatch i:nth-child(3){background:var(--yellow)}.website-module{border:3px solid var(--ink);background:var(--cream);box-shadow:var(--pixel-shadow);grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:28px;padding:28px;display:grid;margin-top:28px!important}.website-heading{align-self:center;padding:10px}.website-heading h3{margin:18px 0;font-size:clamp(26px,3vw,45px);line-height:1.08}.website-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.website-heading .website-notice{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--orange);margin-top:16px;padding:10px 12px}.website-heading .website-link{width:max-content;margin-top:20px}.pixel-browser{border:3px solid var(--ink);background:#dfe2d8}.browser-bar{border-bottom:3px solid var(--ink);background:var(--night);min-height:42px;color:var(--cream);grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:8px 12px;font-size:10px;display:grid}.browser-lights{color:var(--orange)}.browser-url{text-overflow:ellipsis;white-space:nowrap;background:#2d3a41;padding:5px 9px;overflow:hidden}.browser-view{aspect-ratio:16/9;background-color:#e4e0cf;background-image:linear-gradient(#19232a1a 1px,#0000 1px),linear-gradient(90deg,#19232a1a 1px,#0000 1px);background-size:20px 20px;place-items:center;display:grid;position:relative;overflow:hidden}.browser-view iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.browser-view>strong{z-index:2;margin-top:60px;font-size:18px}.browser-view>span:last-child{z-index:2;color:var(--muted);text-align:center;margin-top:-55px;font-size:11px}.model-placeholder{width:160px;height:110px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.model-cube{border:5px solid var(--ink);background:var(--yellow);width:58px;height:58px;position:absolute;transform:rotate(45deg);box-shadow:7px 7px #19232a40}.cube-one{top:28px;left:10px}.cube-two{background:var(--orange);top:2px;left:54px}.cube-three{background:var(--cyan);top:30px;left:98px}@keyframes blink{50%{opacity:.35}}@keyframes bounce{50%{transform:translateY(4px)}}@keyframes entry-window-pop{0%{opacity:0;transform:translateY(28px)scale(.86)}70%{opacity:1;transform:translateY(-4px)scale(1.025)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes interface-pop-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.9)}72%{opacity:1;transform:translate(-50%,2px)scale(1.018)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:1050px){.profile-layout{grid-template-columns:1fr 1fr}.maker-vignette{grid-column:1/-1;min-height:320px;margin:0}.project-slots{grid-template-columns:1fr}.project-slot{grid-template-rows:auto 1fr;grid-template-columns:180px minmax(0,1fr) auto;min-height:280px}.slot-top{grid-column:1/-1}.slot-art{border-bottom:0;border-right:3px solid var(--ink);grid-row:2}.slot-copy{grid-area:2/2;align-self:center}.slot-open{grid-area:2/3;align-self:center;margin:18px}.archive-gate{grid-template-columns:180px 1fr}.archive-tools{display:none}.case-header{grid-template-columns:150px 1fr}.case-description{border-top:3px solid var(--ink);grid-column:1/-1}.case-content{grid-template-columns:1fr}.case-side{min-height:0}}@media (max-width:900px){html{scroll-padding-top:154px}.game-menu{border-width:3px;outline-width:3px;grid-template-columns:1fr;width:calc(100% - 20px);min-height:0;top:10px}.player-name{border-bottom:2px solid #fff2cb59;border-right:0;min-height:50px;padding:10px 14px;font-size:16px}.profile-popover{top:calc(100% + 10px)}.menu-actions{grid-template-columns:repeat(4,1fr)}.game-option{min-height:54px;padding-inline:4px;font-size:12px}.game-option:before{display:none}.world-hero{min-height:780px}.pixel-clock{top:140px;left:var(--page-pad);width:228px}.pixel-clock time{padding-block:13px 16px;font-size:31px}.hero-hud{top:auto;right:var(--page-pad);width:calc(100% - 2 * var(--page-pad));text-align:center;bottom:86px}.hero-hud .status-chip{justify-content:center}.section-heading,.split-heading,.research-heading{grid-template-columns:1fr}.section-heading .section-code{grid-column:auto}.profile-layout{grid-template-columns:1fr}.maker-vignette{grid-column:auto}.experience-track{grid-template-columns:1fr}.experience-track article{border-right:0;border-bottom:3px solid var(--ink)}.experience-track article:last-child{border-bottom:0}.research-lab{grid-template-columns:1fr;padding-bottom:50px}.extruder-line{display:none}.contact-section{grid-template-columns:1fr}.portfolio-hero{min-height:960px}.portfolio-hero-overlay{background:linear-gradient(#0c151bc7,#0c151b40 48%,#0c151bdb)}.portfolio-title{top:160px}.portfolio-selector{left:var(--page-pad);bottom:48px;right:auto}.archive-gate{text-align:center;grid-template-columns:1fr}.spool-totem{transform:scale(.8)}.case-header{grid-template-columns:110px 1fr}.case-code{min-height:220px}.case-code strong{font-size:62px}.case-title{border-right:0}.website-module{grid-template-columns:1fr}}@media (max-width:650px){html{scroll-padding-top:160px}.menu-actions{grid-template-columns:repeat(2,1fr)}.world-hero{min-height:820px}.pixel-clock{width:206px;top:186px}.pixel-clock-bar{min-height:28px;padding:7px 9px}.pixel-clock time{padding:12px 10px 14px;font-size:28px}.world-gif{object-position:54% center}.hero-hud h1{font-size:28px}.entry-gate{padding:12px}.entry-titlebar{min-height:42px;padding:8px 10px}.entry-titlebar small{display:none}.entry-copy{padding:24px 20px 26px}.entry-copy h1{font-size:28px}.entry-actions{grid-template-columns:1fr;display:grid}.entry-button{width:100%}.welcome-toast{top:132px}.profile-popover{width:calc(100vw - 20px);position:fixed;top:70px;left:10px}.profile-popover-body{grid-template-columns:118px minmax(0,1fr);gap:13px;padding:13px}.profile-pixel-photo{min-height:160px}.profile-popover-copy>strong{font-size:13px}.scroll-command{right:14px}.profile-data{grid-template-columns:1fr}.maker-vignette{min-height:300px;padding:16px}.spool-house{width:76%;min-width:0}.tool-rack{width:24%;margin-left:8px}.pen-a{left:4px}.pen-b{left:31px}.knife{left:58px}.project-slot{grid-template-rows:auto 190px auto auto;grid-template-columns:1fr;min-height:0;display:grid}.slot-top,.slot-art,.slot-copy,.slot-open{grid-area:auto}.slot-art{border-right:0;border-bottom:3px solid var(--ink)}.slot-open{margin:0 18px 18px}.pixel-footer{flex-direction:column;align-items:flex-start}.portfolio-hero{min-height:980px}.portfolio-title{top:176px}.portfolio-selector{bottom:30px}.archive-gate{padding-block:70px}.case-header{grid-template-columns:1fr}.case-code{border-right:0;border-bottom:3px solid var(--ink);flex-direction:row;align-items:end;min-height:110px}.case-code strong{font-size:58px}.case-title,.case-description{padding:24px}.case-measure{background-image:repeating-linear-gradient(90deg, transparent 0 18px, var(--ink) 18px 20px)}.empty-printer{border-width:8px;width:160px;height:110px}.website-module{padding:16px}.browser-view>span:last-child{width:80%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.profile-section,.work-section,.research-section,.contact-section,.project-case{isolation:isolate;overflow:hidden}.profile-section>*,.work-section>*,.research-section>*,.contact-section>*,.project-case>:not(.level-scenery){z-index:3;position:relative}.profile-section{background-color:#bde6e7;background-image:linear-gradient(#87d1e4 0 34%,#c9edf0 34% 68%,#8db369 68% 100%)}.profile-section:before{content:"";z-index:0;background:#fff6d7;width:84px;height:26px;position:absolute;top:110px;left:7%;box-shadow:28px -20px #fff6d7,58px 0 #fff6d7,620px 44px #fff6d7,655px 22px #fff6d7,700px 44px #fff6d7,1050px -10px #fff6d7cc,1090px -30px #fff6d7cc,1130px -10px #fff6d7cc}.profile-section:after{content:"";z-index:0;border-top:5px solid var(--ink);background:repeating-linear-gradient(90deg,#0000 0 44px,#19232a33 44px 48px),repeating-linear-gradient(0deg,#d49655 0 20px,#b8733f 20px 24px);height:92px;position:absolute;bottom:0;left:0;right:0}.profile-section .section-heading{border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff2cbf0;padding:28px}.profile-section .section-heading h2{text-shadow:3px 3px #fff}.profile-console,.skill-console{box-shadow:9px 9px 0 var(--ink);background:#fff3d2;border-width:5px}.profile-console:before,.skill-console:before{content:"";border:3px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 28px, var(--cream) 28px 56px);height:15px;position:absolute;top:-18px;left:18px;right:18px}.profile-console,.skill-console{margin-top:18px;position:relative}.profile-data div{position:relative}.profile-data div:after{content:"";background:var(--orange);width:9px;height:9px;box-shadow:12px 0 0 var(--cyan), 24px 0 0 var(--yellow);position:absolute;bottom:10px;right:12px}.experience-track{box-shadow:none;border:0;gap:24px}.experience-track article{box-shadow:8px 8px 0 var(--ink);background:#fff2cb;position:relative;border:4px solid var(--ink)!important}.experience-track article:before{content:"!";border:4px solid var(--ink);background:var(--yellow);place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:grid;position:absolute;top:-24px;right:18px}.work-section{background:linear-gradient(#f6b4c4 0 34%,#ffddb0 34% 68%,#8db369 68% 100%)}.work-section:before{content:"";z-index:0;border-top:5px solid var(--ink);height:135px;box-shadow:inset 0 22px 0 #71838a, inset 0 28px 0 var(--ink);background:repeating-linear-gradient(90deg,#0000 0 68px,#ffffff29 68px 73px),#4e6570;position:absolute;bottom:0;left:0;right:0}.work-section:after{content:"";z-index:0;clip-path:polygon(0 100%,20% 62%,35% 75%,58% 28%,75% 54%,100% 0,100% 100%);background:#71935b;width:360px;height:170px;position:absolute;top:180px;right:-30px;box-shadow:-900px 40px #82a764}.work-section .section-heading{border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff2cbf2;padding:26px}.project-slots{align-items:stretch;gap:34px}.project-slot{box-shadow:10px 10px 0 var(--ink);background:#fff1ce;border-width:5px;margin-top:26px}.project-slot:before{content:"";z-index:4;border:5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 30px, var(--cream) 30px 60px);height:25px;position:absolute;top:-28px;left:-5px;right:-5px}.project-slot:after{content:"";border:4px solid var(--ink);background:#9c603e;height:13px;position:absolute;bottom:-17px;left:22px;right:22px}.slot-top{background:#182932}.slot-art{border-bottom-width:5px}.slot-art:after{content:"";border:4px solid var(--ink);height:15px;box-shadow:0 9px 0 var(--yellow);background:#96704b;position:absolute;bottom:18px;left:15%;right:15%}.slot-copy{background-image:linear-gradient(#19232a0f 1px,#0000 1px),linear-gradient(90deg,#19232a0f 1px,#0000 1px);background-size:16px 16px}.slot-open{box-shadow:4px 4px 0 var(--ink);border-width:3px}.research-section{background:linear-gradient(#172630 0 46%,#294653 46% 70%,#24382c 70% 100%)}.research-section:before{content:"";z-index:0;background:linear-gradient(90deg, transparent 0 5%, var(--yellow) 5% 5.5%, transparent 5.5% 17%, var(--cyan) 17% 17.5%, transparent 17.5% 31%, var(--pink) 31% 31.5%, transparent 31.5% 49%, var(--yellow) 49% 49.5%, transparent 49.5% 71%, var(--cyan) 71% 71.5%, transparent 71.5% 89%, var(--pink) 89% 89.5%, transparent 89.5%);height:230px;position:absolute;inset:100px 0 auto}.research-section:after{content:"";z-index:0;border-top:5px solid var(--cream);background:repeating-linear-gradient(90deg,#9c603e 0 74px,#75462f 74px 80px);height:115px;position:absolute;bottom:0;left:0;right:0}.research-heading{border:4px solid var(--cream);box-shadow:9px 9px 0 var(--cyan);background:#101922eb;padding:28px}.process-card{background:#20343e;border-width:5px;margin-top:28px}.process-card:before{content:"";border:5px solid var(--cream);background:repeating-linear-gradient(90deg, var(--orange) 0 24px, var(--yellow) 24px 48px);height:28px;position:absolute;top:-32px;left:-5px;right:-5px}.process-card:after{content:"";border:7px solid var(--cream);background:var(--orange);border-radius:50%;width:34px;height:34px;position:absolute;bottom:18px;right:20px;box-shadow:inset 0 0 0 6px #20343e}.contact-section{background:linear-gradient(#ff9c65 0 32%,#f2a6be 32% 60%,#8f7b61 60% 100%)}.contact-section:before{content:"";z-index:0;background:var(--yellow);clip-path:polygon(20% 0,80% 0,80% 10%,100% 10%,100% 80%,80% 80%,80% 100%,20% 100%,20% 90%,0 90%,0 20%,20% 20%);width:96px;height:96px;position:absolute;top:68px;right:10%;box-shadow:0 0 0 8px #fff2cb73}.contact-section:after{content:"";z-index:0;border-top:5px solid var(--ink);background:repeating-linear-gradient(90deg,#394b52 0 58px,#2c3d44 58px 64px);height:82px;position:absolute;bottom:0;left:0;right:0}.contact-copy,.contact-cartridge{z-index:2;position:relative}.contact-copy{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff2cbeb;padding:24px}.project-case{border-bottom:8px solid var(--ink);background-image:none;min-height:1500px;padding-top:clamp(150px,14vw,220px);padding-bottom:clamp(160px,15vw,230px);position:relative}.case-tone-1{background:linear-gradient(#74cae0 0 42%,#c9eef0 42% 68%,#7ea45f 68% 100%)}.case-tone-2{background:linear-gradient(#f2a6be 0 38%,#f8d8b8 38% 68%,#7eaa68 68% 100%)}.case-tone-3{background:linear-gradient(#8ed0e0 0 40%,#d7eccb 40% 68%,#a8be70 68% 100%)}.project-case:before{content:"";z-index:0;border-top:6px solid var(--ink);height:130px;box-shadow:inset 0 25px 0 #75858a, inset 0 31px 0 var(--ink);background:repeating-linear-gradient(90deg,#0000 0 62px,#ffffff29 62px 68px),#4c626b;position:absolute;bottom:0;left:0;right:0}.project-case:after{content:"";z-index:0;border:5px solid var(--ink);background:repeating-linear-gradient(90deg,#d59455 0 48px,#bd7542 48px 53px);height:46px;position:absolute;bottom:130px;left:3%;right:3%}.level-scenery{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-cloud{background:#fff4d4;width:80px;height:28px;position:absolute;box-shadow:28px -22px #fff4d4,62px 0 #fff4d4,92px 0 #fff4d4}.cloud-one{top:95px;left:8%}.cloud-two{opacity:.82;top:180px;right:15%;transform:scale(.78)}.scene-sun{background:var(--yellow);clip-path:polygon(18% 0,82% 0,82% 10%,100% 10%,100% 82%,82% 82%,82% 100%,18% 100%,18% 90%,0 90%,0 18%,18% 18%);width:72px;height:72px;position:absolute;top:86px;right:6%;box-shadow:0 0 0 8px #fff2cb80}.scene-tree{z-index:1;border:5px solid var(--ink);background:#9c603e;width:28px;height:106px;position:absolute;bottom:175px}.scene-tree:before{content:"";border:5px solid var(--ink);background:#5e8f55;width:100px;height:86px;position:absolute;top:-78px;left:-42px;box-shadow:26px -30px #5e8f55,-25px -20px #6ea35e}.tree-one{left:6%}.tree-two{transform-origin:bottom;right:7%;transform:scale(.8)}.scene-character{z-index:2;border:4px solid var(--ink);background:var(--orange);width:28px;height:48px;box-shadow:-12px 42px 0 -7px var(--ink), 16px 42px 0 -7px var(--ink);position:absolute;bottom:161px;right:14%}.scene-character:before{content:"";border:4px solid var(--ink);width:20px;height:22px;box-shadow:0 -8px 0 var(--ink);background:#e9bb8c;position:absolute;top:-30px;left:1px}.scene-character:after{content:"?";border:4px solid var(--ink);background:var(--cream);width:36px;height:30px;color:var(--ink);place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;top:-76px;left:-7px}.project-case .case-header{box-shadow:none;background:0 0;border:0;outline:0;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:26px;display:grid}.project-case .case-code{border:5px solid var(--ink);min-height:230px;box-shadow:9px 9px 0 var(--ink);background:#172630;flex-direction:column;justify-content:end;align-items:center;padding:18px;display:flex;position:relative}.project-case .case-code:before{content:"";border:6px solid var(--cream);background:linear-gradient(90deg, transparent 0 18px, var(--ink) 18px 28px, transparent 28px 48px, var(--ink) 48px 58px, transparent 58px), linear-gradient(transparent 0 40px, var(--orange) 40px 51px, transparent 51px), var(--yellow);width:76px;height:70px;box-shadow:7px 7px 0 var(--orange);position:absolute;top:38px;left:50%;transform:translate(-50%)}.project-case .case-code span{color:var(--cyan)}.project-case .case-code strong{color:var(--cream);font-size:56px;line-height:1}.project-case .case-title{border:5px solid var(--ink);min-height:230px;box-shadow:10px 10px 0 var(--ink);background:#fff2cb;justify-content:center;padding:clamp(26px,4vw,52px);display:flex;position:relative}.project-case .case-title:before{content:"";background:var(--ink);clip-path:polygon(0 50%,100% 0,100% 100%);width:24px;height:34px;position:absolute;top:52px;left:-24px}.project-case .case-title:after{content:"";clip-path:polygon(0 50%,100% 0,100% 100%);background:#fff2cb;width:16px;height:20px;position:absolute;top:59px;left:-14px}.project-case .case-title h2{text-shadow:3px 3px #fff;max-width:930px;margin-block:12px;font-size:clamp(30px,4vw,58px)}.project-case .case-description{border:4px solid var(--ink);min-height:0;box-shadow:7px 7px 0 var(--ink);background:#fff8e3;grid-column:2;align-items:start;margin:-6px 80px 0 30px;padding:22px 26px;position:relative}.project-case .case-description:before{content:"项目说明";border:3px solid var(--ink);background:var(--orange);color:var(--ink);padding:6px 10px;font-size:11px;font-weight:900;position:absolute;top:-20px;right:18px}.project-case .case-measure{box-shadow:7px 7px 0 var(--ink);border-width:5px;margin-top:56px!important}.project-case .case-content{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:34px;margin-top:78px!important}.project-case .case-media{border:8px solid var(--ink);box-shadow:14px 14px 0 var(--ink);background:#263945;outline:0;margin-top:50px;position:relative}.project-case .case-media:before{content:"";z-index:5;border:9px solid var(--ink);background:var(--orange);width:48px;height:48px;box-shadow:inset 0 0 0 7px var(--cream), 72px 0 0 -9px var(--yellow), 72px 0 0 0 var(--ink), 72px 0 0 7px var(--cyan), 144px 0 0 -9px var(--pink), 144px 0 0 0 var(--ink), 144px 0 0 7px var(--yellow);border-radius:50%;position:absolute;top:-62px;left:34px}.project-case .case-media:after{content:"";z-index:4;border:6px solid var(--ink);background:#95623f;height:24px;position:absolute;bottom:-34px;left:20px;right:20px}.project-case .case-media .console-title{border-bottom:7px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 42px, var(--yellow) 42px 84px);min-height:52px}.project-case .media-stage{background-color:#cfe6df;background-image:linear-gradient(#19232a1a 2px,#0000 2px),linear-gradient(90deg,#19232a1a 2px,#0000 2px);background-size:24px 24px;border:12px solid #263945}.project-case .media-stage:before{content:"";z-index:1;background:var(--green);width:12px;height:12px;box-shadow:20px 0 0 var(--yellow), 40px 0 0 var(--orange);position:absolute;top:12px;left:12px}.project-case .case-side{border:6px solid var(--ink);min-height:430px;box-shadow:11px 11px 0 var(--ink);background:#243741;margin-top:50px;padding:28px;position:relative}.project-case .case-side:before{content:"";border:6px solid var(--ink);background:var(--orange);border-bottom:0;height:24px;position:absolute;top:-28px;left:38px;right:38px}.project-case .case-side:after{content:"";border:6px solid var(--ink);background:var(--yellow);width:16px;height:110px;position:absolute;top:92px;right:-19px}.project-case .case-side .section-code{color:var(--yellow)}.project-case .filament-swatch{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.project-case .filament-swatch i{aspect-ratio:1;width:100%;height:auto}.project-case .website-module{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);align-items:center;gap:42px;padding:0 0 60px;display:grid;position:relative;margin-top:150px!important}.project-case .website-module:before{content:"";z-index:-1;border:5px solid var(--ink);background:repeating-linear-gradient(90deg,#a56d43 0 60px,#845235 60px 66px);height:58px;position:absolute;bottom:0;left:-3%;right:-3%}.project-case .website-heading{border:5px solid var(--ink);background:var(--yellow);box-shadow:9px 9px 0 var(--ink);padding:28px;position:relative}.project-case .website-heading:after{content:"OPEN";border:4px solid var(--ink);background:var(--cream);padding:8px 12px;font-size:12px;font-weight:900;position:absolute;bottom:-44px;right:16px;transform:rotate(4deg)}.project-case .pixel-browser{border:8px solid var(--ink);box-shadow:14px 14px 0 var(--ink);background:#dfe2d8;margin-top:48px;position:relative}.project-case .pixel-browser:before{content:"";z-index:6;border:8px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 44px, var(--cream) 44px 88px);height:40px;position:absolute;top:-48px;left:-8px;right:-8px}.project-case .pixel-browser:after{content:"";border:5px solid var(--ink);background:#5e8f55;height:26px;position:absolute;bottom:-34px;left:8%;right:8%;box-shadow:20px 8px #6aa45d,-18px 7px #7cac65}@media (max-width:1050px){.project-case{min-height:1650px}.project-case .case-content{grid-template-columns:1fr}.project-case .case-side{min-height:0;margin-top:64px}.project-case .website-module{grid-template-columns:1fr}.project-case .website-heading{width:min(620px,100%)}}@media (max-width:900px){.profile-section:before{opacity:.55}.project-case{padding-top:170px}.project-case .case-header{grid-template-columns:130px 1fr}.project-case .case-code{min-height:210px}.project-case .case-code:before{width:60px;height:56px}.project-case .case-description{grid-column:1/-1;margin:8px 28px 0}}@media (max-width:650px){.profile-section .section-heading,.work-section .section-heading,.research-heading,.contact-copy{padding:20px}.project-slot{margin-top:34px}.project-case{min-height:1400px;padding-top:140px}.cloud-two,.tree-two{display:none}.scene-sun{right:-12px;transform:scale(.72)}.project-case .case-header{grid-template-columns:1fr}.project-case .case-code{flex-direction:row;justify-content:space-between;min-height:150px;padding-left:112px}.project-case .case-code:before{top:36px;left:56px;transform:none}.project-case .case-title{min-height:0}.project-case .case-title:before,.project-case .case-title:after{display:none}.project-case .case-description{grid-column:auto;margin:10px 0 0}.project-case .case-measure{margin-top:34px!important}.project-case .case-content{margin-top:68px!important}.project-case .case-media:before{transform-origin:0 100%;transform:scale(.72)}.project-case .case-side{padding:22px}.project-case .website-module{margin-top:110px!important}.scene-character{right:24%}}.project-case .level-scenery{display:none}.project-case .case-content{width:min(100%, var(--content));aspect-ratio:1624/940;border:6px solid var(--ink);box-shadow:12px 12px 0 color-mix(in srgb, var(--ink) 82%, transparent);background:#172c37;display:block;position:relative;overflow:hidden;margin-top:72px!important}.frame-backdrop{z-index:0;object-fit:fill;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.project-case .case-media{z-index:4;border:6px solid var(--ink);width:66.5%;box-shadow:none;margin:0;position:absolute;top:13%;left:3.6%}.project-case .case-side{z-index:4;border:5px solid var(--ink);opacity:1;width:20.7%;min-height:52%;box-shadow:none;background:#243741;margin:0;padding:clamp(16px,1.7vw,28px);position:absolute;top:13%;left:74.2%}.project-case .case-media:before,.project-case .case-media:after,.project-case .case-side:before,.project-case .case-side:after{display:none}.frame-decoration{z-index:8;object-fit:fill;width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.project-case .case-side .pixel-button{z-index:10;padding-inline:10px;font-size:clamp(10px,.9vw,13px);position:relative}.project-case .case-side p{font-size:clamp(10px,.9vw,13px);line-height:1.65}.project-case .filament-swatch{padding-block:clamp(12px,1.5vw,22px)}@media (max-width:1050px) and (min-width:701px){.project-case .case-content{aspect-ratio:1624/1040}.project-case .case-side{min-height:58%}}@media (max-width:700px){.project-case .case-content{aspect-ratio:auto;box-shadow:8px 8px 0 var(--ink);background-position:50%;gap:72px;padding:92px 16px 42px;display:grid;overflow:visible}.project-case .case-media,.project-case .case-side{width:100%;min-height:0;position:relative;inset:auto}.project-case .case-media{box-shadow:8px 8px 0 var(--ink);border-width:6px}.project-case .case-side{box-shadow:8px 8px 0 var(--ink)}.frame-backdrop{opacity:.34;object-fit:cover}.frame-decoration{display:none}}a[href],button,[role=button],.pixel-button{cursor:pointer}.portfolio-selector{width:min(650px, calc(100% - 2 * var(--page-pad)));transition:transform .14s steps(2,end),box-shadow .14s steps(2,end)}.portfolio-selector:hover,.portfolio-selector:focus-within{transform:translate(-4px,-4px);box-shadow:12px 12px #090f14e6}.archive-option{cursor:pointer;grid-template-columns:48px 122px minmax(0,1fr) 34px;gap:0;min-height:92px;padding:8px;transition:color .12s steps(2,end),background .12s steps(2,end),transform .12s steps(2,end),box-shadow .12s steps(2,end);overflow:hidden}.archive-option>.archive-number{color:var(--yellow);border-right:0;align-self:stretch;place-items:center;font-weight:900;display:grid}.archive-thumb{border:3px solid var(--cream);object-fit:cover;width:112px;height:68px;image-rendering:pixelated;filter:saturate(.88)brightness(.82);transition:filter .12s steps(2,end),transform .12s steps(2,end),border-color .12s steps(2,end)}.archive-option>.archive-label{min-width:0;color:inherit;border:0;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:6px;padding:8px 14px;display:flex}.archive-label strong{padding:0;font-size:13px;line-height:1.35}.archive-label small{color:var(--cyan);letter-spacing:.08em;font-size:9px;font-weight:900}.archive-arrow{color:#0000;font-size:18px;transition:color .12s steps(2,end),transform .12s steps(2,end);transform:translate(-10px)}:is(.archive-option:hover,.archive-option:focus-visible){color:var(--night);background:var(--yellow);box-shadow:6px 6px 0 var(--orange);padding:8px;transform:translate(-4px,-4px)}:is(.archive-option:hover>.archive-number,.archive-option:focus-visible>.archive-number){color:var(--night)}:is(.archive-option:hover .archive-thumb,.archive-option:focus-visible .archive-thumb){filter:saturate(1.12)brightness(1.08);border-color:var(--night);transform:scale(1.06)}:is(.archive-option:hover .archive-label small,.archive-option:focus-visible .archive-label small){color:#284a57}:is(.archive-option:hover .archive-arrow,.archive-option:focus-visible .archive-arrow){color:var(--night);transform:translate(0)}.archive-option:active{box-shadow:1px 1px 0 var(--orange);transform:translate(3px,3px)}.slot-art{isolation:isolate;overflow:hidden}.slot-preview{z-index:0;object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.9)brightness(.86);transition:filter .14s steps(2,end),transform .14s steps(2,end);position:absolute;inset:0}.slot-art:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 35%,#0911169e);position:absolute;inset:0}.slot-art .mini-spool,.slot-art>strong{z-index:2;position:relative}:is(.project-slot:hover .slot-preview,.project-slot:focus-visible .slot-preview){filter:saturate(1.12)brightness(1.04);transform:scale(1.035)}.game-option,.project-slot,.contact-cartridge,.pixel-footer a,.pixel-button{-webkit-tap-highlight-color:transparent}.game-option:active{box-shadow:1px 1px 0 var(--orange);transform:translate(2px,2px)}.project-slot:active{box-shadow:2px 2px 0 var(--orange);transform:translate(4px,4px)}.pixel-button:not(.is-disabled):active,.contact-cartridge:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.pixel-footer a{padding:8px 10px;transition:color .1s steps(2,end),background .1s steps(2,end),transform .1s steps(2,end)}:is(.pixel-footer a:hover,.pixel-footer a:focus-visible){color:var(--night);background:var(--yellow);outline:3px solid var(--orange);transform:translateY(-3px)}.pixel-footer a:active{transform:translateY(2px)}.frame-backdrop,.frame-decoration{transition:filter .16s steps(3,end),transform .16s steps(3,end)}.project-case .case-content:hover .frame-backdrop,.project-case .case-content:focus-within .frame-backdrop{filter:saturate(1.08)brightness(1.04)}.project-case .case-content:hover .frame-decoration,.project-case .case-content:focus-within .frame-decoration{transform:translateY(-3px)}@media (max-width:900px){.archive-option{grid-template-columns:44px 100px minmax(0,1fr) 28px}.archive-thumb{width:92px;height:58px}}@media (max-width:560px){.archive-option{grid-template-columns:38px 76px minmax(0,1fr);min-height:82px}.archive-thumb{width:70px;height:48px}.archive-arrow,.archive-label small{display:none}}body{-webkit-font-smoothing:none;text-rendering:geometricprecision}.profile-section .section-heading,.work-section .section-heading,.research-section .section-heading,.profile-console,.skill-console,.project-slot,.process-card{background-color:var(--cream);background-image:linear-gradient(#19232a0e 1px,#0000 1px),linear-gradient(90deg,#19232a0e 1px,#0000 1px);background-size:16px 16px;border-radius:0}.section-heading h2,.case-title h2,.research-heading h2{text-shadow:3px 3px #ffffffc7}.focus-list{counter-reset:focus;margin:0;padding:0;list-style:none}.focus-list li{border-bottom:3px solid var(--ink);background:#fff2cbeb;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;min-height:86px;padding:14px 18px;display:grid}.focus-list li>span{border:3px solid var(--ink);background:var(--orange);width:42px;height:42px;box-shadow:4px 4px 0 var(--ink);place-items:center;font-size:11px;font-weight:900;display:grid}.focus-list li:nth-child(2)>span{background:var(--cyan)}.focus-list li:nth-child(3)>span{background:var(--yellow)}.focus-list li:nth-child(4)>span{background:var(--pink)}.focus-list li div{min-width:0}.focus-list strong{margin-bottom:6px;font-size:15px;display:block}.focus-list small{color:var(--muted);font-size:11px;line-height:1.6;display:block}.home-portfolio-cases{background:var(--paper);position:relative}.other-sites-section{padding:clamp(72px, 9vw, 150px) var(--page-pad) clamp(82px, 10vw, 160px);color:var(--cream);background-color:#203943;background-image:linear-gradient(#76d5de14 1px,#0000 1px),linear-gradient(90deg,#76d5de14 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative}.other-sites-section .section-heading{margin-bottom:clamp(32px,5vw,66px)}.other-sites-section .section-heading h2{color:var(--yellow)}.other-sites-section .section-intro{color:#c6d9d6}.other-sites-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.2vw,30px);max-width:1180px;margin:0 auto;display:grid}.other-site-card{aspect-ratio:1;border:4px solid var(--ink);background:var(--cream);min-width:0;color:var(--ink);box-shadow:8px 8px 0 var(--ink);flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(16px,2vw,28px);text-decoration:none;transition:transform .14s steps(2,end),box-shadow .14s steps(2,end),background .14s steps(2,end),color .14s steps(2,end);display:flex;position:relative;overflow:hidden}.other-site-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff8e800 30%,#fff8e82e 48%,#fff8e8f5 72%);position:absolute;inset:0}.other-site-card>*{z-index:2;position:relative}.other-site-cover{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;transition:transform .18s steps(3,end),filter .18s steps(3,end);inset:0;z-index:0!important;position:absolute!important}.other-site-index{color:#2c5762;align-self:flex-start;font-size:12px;font-weight:900}.other-site-card strong{letter-spacing:.02em;font-size:clamp(17px,2.2vw,30px)}.other-site-card small{color:#38555d;max-width:18ch;font-size:clamp(9px,.9vw,12px);line-height:1.35}.other-site-arrow{font-size:24px;font-weight:900;position:absolute;top:clamp(14px,1.7vw,24px);right:clamp(14px,1.7vw,24px)}:is(.other-site-card:hover,.other-site-card:focus-visible){box-shadow:13px 13px 0 var(--orange);background:var(--yellow);outline:none;transform:translate(-5px,-5px)}:is(.other-site-card:hover .other-site-cover,.other-site-card:focus-visible .other-site-cover){filter:saturate(1.08)contrast(1.04);transform:scale(1.045)}.other-site-card:active{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.home-portfolio-cases .project-case:first-child{border-top:8px solid var(--ink)}.home-portfolio-cases .project-case{scroll-margin-top:104px}.project-case .case-media,.project-case .case-side{opacity:1;isolation:isolate}.project-case .case-side{color:var(--cream);background-color:#243741;background-image:none}.project-case .case-side .pixel-button.is-disabled{color:#35434a;background:#cbd0cc}@media (max-width:700px){.focus-list li{grid-template-columns:44px minmax(0,1fr);padding-inline:14px}.home-portfolio-cases .project-case{scroll-margin-top:164px}.other-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-case .case-content{aspect-ratio:1648/954;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#172c37;overflow:hidden}.project-case .case-media{z-index:2;min-height:0;color:var(--ink);box-shadow:none;-webkit-appearance:none;appearance:none;background:#fff8e8;border:0;outline:0;margin:0;padding:0;transition:filter .14s steps(3,end),transform .14s steps(3,end),box-shadow .14s steps(3,end);display:block;position:absolute;inset:auto;overflow:hidden}.case-scene-1 .case-media{width:43.75%;height:49.1%;top:25.05%;left:17.35%}.case-scene-2 .case-media{width:57.65%;height:53.25%;top:19.55%;left:7.75%}.case-scene-3 .case-media{width:55.5%;height:53.45%;top:22%;left:9.05%}.project-case .media-stage{aspect-ratio:auto;background-color:#fff8e8;background-image:linear-gradient(#19232a0b 1px,#0000 1px),linear-gradient(90deg,#19232a0b 1px,#0000 1px);background-size:18px 18px;border:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.project-case.case-scene-1 .case-media,.project-case.case-scene-1 .media-stage{background-color:#0000;background-image:none}.project-case .media-stage:before,.project-case .media-stage:after{display:none}.project-case .media-stage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site-preview-panel .media-stage{background:#f5f7f4}.site-preview-panel .media-stage img{object-fit:cover;object-position:top center}.case-gallery-canvas{background:#15232c;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.project-case .case-gallery-canvas>img{object-fit:contain;object-position:center;background:#eef0ed;border:3px solid #fff7d5b8;width:88%;height:76%;inset:6% 6% 18%}.project-case .case-gallery-canvas>img.is-contained{object-fit:contain;background:#eef0ed;width:72%;height:64%;top:8%;left:14%}.case-gallery-caption{z-index:3;border:3px solid var(--cream);max-width:55%;box-shadow:4px 4px 0 var(--orange);color:var(--cream);text-align:left;background:#15232ce6;gap:3px;padding:8px 10px;display:grid;position:absolute;bottom:12px;left:12px}.case-gallery-caption strong{font-size:clamp(9px,.78vw,12px);line-height:1.2}.case-gallery-caption small{color:#bcd0d5;font-size:clamp(7px,.62vw,9px);line-height:1.4}.case-gallery-controls{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.case-gallery-arrow{border:3px solid var(--ink);background:var(--yellow);width:32px;height:32px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:inherit;cursor:pointer;place-items:center;font-size:12px;display:grid}:is(.case-gallery-arrow:hover,.case-gallery-arrow:focus-visible){background:#70cbd5;outline:none}.case-gallery-counter{border:2px solid var(--cream);color:var(--cream);background:#15232ce6;padding:5px 7px;font-size:clamp(7px,.58vw,9px)}.case-gallery-comparison{background:#edf0ed;grid-template-columns:1fr 1fr;gap:4px;width:100%;height:100%;padding:10% 8% 5%;display:grid}.case-gallery-compare-item{border:3px solid var(--ink);background:#fff;grid-template-rows:auto 1fr;gap:4px;min-width:0;display:grid;position:relative;overflow:hidden}.case-gallery-compare-item b{background:var(--yellow);color:var(--ink);padding:5px 7px;font-size:clamp(7px,.62vw,9px)}.project-case .case-gallery-compare-item img{object-fit:contain;object-position:top center;width:100%;height:100%;min-height:0;position:static;inset:auto}.site-launch-switch{z-index:4;border:4px solid var(--ink);background:var(--cream);min-width:210px;box-shadow:6px 6px 0 var(--ink);color:var(--ink);grid-template-columns:auto auto;align-items:center;gap:0 10px;padding:8px 12px;text-decoration:none;transition:transform .12s steps(2,end),background .12s steps(2,end),box-shadow .12s steps(2,end);display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.case-gallery-topbar{z-index:5;justify-content:center;align-items:center;min-height:76px;padding:6px 18px;display:flex;position:relative;margin-top:30px!important}.project-case.has-gallery-toolbar .case-content{margin-top:18px!important}.case-gallery-topbar .site-launch-switch{min-width:250px;position:static;top:auto;left:auto;transform:none}.case-gallery-topbar .site-launch-switch strong{font-size:clamp(11px,.92vw,14px)}.case-gallery-topbar .site-launch-switch small{font-size:clamp(8px,.68vw,10px)}:is(.case-gallery-topbar .site-launch-switch:hover,.case-gallery-topbar .site-launch-switch:focus-visible){transform:translateY(-2px)}.site-launch-toggle{border:3px solid var(--ink);background:var(--orange);grid-row:1/3;width:54px;height:28px;position:relative}.site-launch-knob{border:3px solid var(--ink);background:var(--cream);width:16px;height:16px;transition:left .12s steps(2,end);position:absolute;top:3px;left:4px}.site-launch-switch strong{font-size:clamp(10px,.82vw,13px);line-height:1.1}.site-launch-switch small{color:var(--muted);font-size:clamp(7px,.62vw,9px)}:is(.site-launch-switch:hover,.site-launch-switch:focus-visible){background:var(--yellow);box-shadow:8px 8px 0 var(--ink);transform:translate(-50%,-2px)}:is(.site-launch-switch:hover .site-launch-knob,.site-launch-switch:focus-visible .site-launch-knob){background:#70cbd5;left:27px}.media-prompt{z-index:2;border:4px solid var(--ink);background:var(--cream);width:min(250px,58%);min-height:124px;box-shadow:7px 7px 0 var(--ink);text-align:left;grid-template-columns:54px minmax(0,1fr);align-content:center;align-items:center;gap:4px 16px;padding:20px;display:grid;position:relative;color:var(--ink)!important;margin:0!important}.media-play{border:4px solid var(--ink);background:var(--orange);width:52px;height:52px;box-shadow:inset 0 0 0 7px var(--cream);color:var(--ink);text-indent:3px;border-radius:50%;grid-row:1/3;place-items:center;font-size:17px;font-style:normal;display:grid}.media-prompt strong{font-size:clamp(13px,1.2vw,18px);line-height:1.25}.media-prompt small{color:var(--muted);font-size:clamp(9px,.75vw,11px)}:is(.project-case .case-media:hover,.project-case .case-media:focus-visible){z-index:3;filter:brightness(1.04)saturate(1.06);box-shadow:inset 0 0 0 6px var(--orange)}:is(.project-case.case-scene-1 .case-media:hover,.project-case.case-scene-1 .case-media:focus-visible){box-shadow:none}:is(.project-case .case-media:hover .media-prompt,.project-case .case-media:focus-visible .media-prompt){background:var(--yellow);box-shadow:10px 10px 0 var(--ink);transform:translate(-3px,-3px)}.project-case .case-media:active .media-prompt{box-shadow:3px 3px 0 var(--ink);transform:translate(4px,4px)}.project-case .case-side{z-index:3;border:4px solid var(--ink);background:#243741;min-height:0;margin:0;padding:clamp(13px,1.25vw,20px);position:absolute;inset:auto;overflow:hidden;box-shadow:6px 6px #19232ad9}.case-scene-1 .case-side{width:18.15%;height:40.5%;top:25.15%;left:72.55%}.case-scene-2 .case-side{width:17.25%;height:34.5%;top:19.25%;left:72.35%}.case-scene-3 .case-side{width:14.1%;height:39.5%;top:18.45%;left:71.2%}.project-case .case-side p{margin:clamp(10px,1vw,16px) 0;font-size:clamp(8px,.78vw,12px);line-height:1.55}.project-case .case-side .section-code{font-size:clamp(8px,.68vw,10px)}.project-case .filament-swatch{gap:clamp(5px,.7vw,10px);padding-block:clamp(8px,1vw,14px)}.project-case .filament-swatch i{box-shadow:inset 0 0 0 clamp(4px, .55vw, 7px) var(--night);border-width:clamp(4px,.55vw,7px)}.project-case .case-side .pixel-button{min-height:38px;box-shadow:4px 4px 0 var(--ink);margin-top:clamp(8px,1vw,14px);padding:8px 7px;font-size:clamp(8px,.72vw,11px)}.project-case .case-side.case-side-plain{box-shadow:none;color:var(--ink);background:0 0;border:0;flex-direction:column;display:flex}.project-case.case-scene-2 .case-side.case-side-plain{width:17.75%;height:49.5%;padding:clamp(6px,.8vw,13px);top:20.4%;left:72.15%}.project-case.case-scene-3 .case-side.case-side-plain{width:13.55%;height:51.5%;padding:clamp(5px,.63vw,10px);top:19.2%;left:71.25%}.project-case .case-side.case-side-plain .section-code{color:#c5512b;font-size:clamp(8px,.72vw,11px)}.project-case .case-side.case-side-plain p{color:#46535a;font-size:clamp(8px,.76vw,11px);line-height:1.5}.project-case.case-scene-3 .case-side.case-side-plain .section-code{font-size:clamp(8px,.7vw,10px)}.project-case.case-scene-3 .case-side.case-side-plain p{margin:clamp(6px,.6vw,9px) 0;font-size:clamp(8px,.7vw,11px);line-height:1.46}.project-case.case-scene-3 .case-side.case-side-plain .case-why-note strong{font-size:clamp(8px,.72vw,10px)}.project-case.case-scene-3 .case-side.case-side-plain .case-test-note{font-size:clamp(7px,.61vw,9px)}.case-why-note{border-top:3px dashed #46535a80;margin-top:clamp(3px,.55vw,8px);padding-top:clamp(6px,.7vw,10px)}.case-why-note strong{color:var(--ink);font-size:clamp(8px,.74vw,11px);line-height:1.25;display:block}.project-case .case-side.case-side-plain .case-why-note p{margin:5px 0 0}.case-test-note{color:#68757a;margin-top:auto;font-size:clamp(6px,.57vw,8px);line-height:1.35;display:block}.project-case .case-side.case-side-plain .case-doc-mini{background:var(--yellow);width:auto;min-height:0;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-width:3px;align-self:flex-start;margin-top:clamp(5px,.6vw,9px);padding:6px 12px;font-size:clamp(7px,.65vw,9px)}.foreground-sprite{z-index:6;object-fit:contain;max-width:none;height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(4px 5px #0c151b47);display:block;position:absolute}.foreground-ai-left{width:26.5%;bottom:-1.2%;left:.2%}.foreground-ai-right{width:19.8%;bottom:-2.3%;right:-.6%}.media-preview{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;background:#172c37;position:absolute;inset:0}.media-play-badge{z-index:2;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);pointer-events:none;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;bottom:12px;right:14px}.case-info-board{z-index:4;color:#2d373c;width:15.8%;box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute;top:28.4%;left:74.1%}.case-info-board .section-code{color:#b84b27;border-bottom:3px dashed #2d373c73;padding-bottom:clamp(7px,.8vw,13px);font-size:clamp(8px,.74vw,12px);line-height:1.35;display:block}.case-info-board p{color:#3e484b;margin:clamp(8px,1vw,15px) 0 0;font-size:clamp(8px,.76vw,12px);line-height:1.72}.showreel-npc{z-index:7;min-width:0;min-height:0;box-shadow:none;color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute}.npc-photographer{width:8.8%;height:30%;bottom:4.2%;left:22.7%}.npc-sprite-stage{transform-origin:50% 100%;filter:drop-shadow(4px 5px #0c151b47);transition:transform .16s steps(3,end),filter .16s steps(3,end);display:block;position:absolute;inset:0}.npc-state{object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity 80ms step-end;display:block;position:absolute;inset:0}.npc-state-reaction{opacity:0}:is(.showreel-npc:hover .npc-sprite-stage,.showreel-npc:focus-visible .npc-sprite-stage,.showreel-npc.is-active .npc-sprite-stage){filter:drop-shadow(6px 8px #0c151b52)brightness(1.04);transform:translateY(-2.5%)scale(1.04)}:is(.npc-photographer:hover .npc-state-normal,.npc-photographer:focus-visible .npc-state-normal,.npc-photographer.is-active .npc-state-normal){opacity:0}:is(.npc-photographer:hover .npc-state-reaction,.npc-photographer:focus-visible .npc-state-reaction,.npc-photographer.is-active .npc-state-reaction){opacity:1}:is(.npc-photographer:hover .npc-sprite-stage,.npc-photographer:focus-visible .npc-sprite-stage,.npc-photographer.is-active .npc-sprite-stage){animation:.55s steps(5,end) both photographer-startle}.npc-bubble{z-index:9;border:clamp(2px, .24vw, 4px) solid var(--ink);background:var(--cream);width:max-content;max-width:165%;box-shadow:clamp(3px, .35vw, 6px) clamp(3px, .35vw, 6px) 0 var(--ink);color:var(--ink);white-space:normal;opacity:0;pointer-events:none;padding:clamp(4px,.55vw,8px) clamp(6px,.7vw,10px);font-size:clamp(7px,.62vw,10px);line-height:1.25;transition:opacity 80ms step-end,transform .14s steps(3,end);position:absolute;top:-5%;left:50%;transform:translate(-50%,8px)}:is(.showreel-npc:hover .npc-bubble,.showreel-npc:focus-visible .npc-bubble,.showreel-npc.is-active .npc-bubble){opacity:1;transform:translate(-50%)}@keyframes photographer-startle{0%{transform:translate(0)rotate(0)}35%{transform:translate(-2%,-7%)rotate(-3deg)}70%{transform:translate(2%,-3%)rotate(2deg)}to{transform:translateY(-2.5%)rotate(0)scale(1.04)}}@media (max-width:700px){.case-info-board{width:16.6%;top:26%;left:73.8%}.case-info-board .section-code{border-bottom-width:2px;padding-bottom:4px;font-size:6px}.case-info-board p{margin-top:5px;font-size:5.5px;line-height:1.55}.npc-bubble{font-size:6px}}@media (prefers-reduced-motion:reduce){.showreel-npc .npc-sprite-stage{transition:none;animation:none!important}}body.modal-open{overflow:hidden}.video-modal[hidden]{display:none}.video-modal{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f14db;place-items:center;padding:clamp(16px,4vw,64px);display:grid;position:fixed;inset:0}.video-modal-shell{background:var(--night);width:min(1180px,100%);max-height:calc(100svh - 32px);color:var(--cream);box-shadow:14px 14px 0 var(--orange);border-width:5px;overflow:auto}.video-modal-bar{border-bottom:5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 48px, var(--yellow) 48px 96px);min-height:58px;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:10px 14px 10px 20px;display:flex}.video-modal-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-modal-close{border:3px solid var(--ink);background:var(--cream);min-height:38px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;flex:none;padding:7px 12px;font-weight:900}:is(.video-modal-close:hover,.video-modal-close:focus-visible){background:var(--cyan);outline:3px solid var(--cream);transform:translate(-2px,-2px)}.video-modal-body{aspect-ratio:16/9;background:#071016;place-items:center;display:grid}.video-modal-player{width:100%;height:100%;position:relative}.video-modal-body video{object-fit:contain;background:#000;width:100%;height:100%}.video-quality-switch{z-index:2;border:3px solid var(--cream);box-shadow:4px 4px 0 var(--orange);background:#080f14db;gap:6px;padding:5px;display:flex;position:absolute;top:14px;right:14px}.video-quality-button{border:2px solid var(--cream);background:var(--night-soft);min-height:32px;color:var(--cream);font:inherit;cursor:pointer;padding:5px 10px;font-size:11px}.video-quality-button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}:is(.video-quality-button:hover,.video-quality-button:focus-visible){background:var(--cyan);color:var(--ink);outline:2px solid var(--cream)}@media (max-width:700px){.video-quality-switch{box-shadow:3px 3px 0 var(--orange);border-width:2px;padding:3px;top:8px;right:8px}.video-quality-button{min-height:28px;padding:4px 7px;font-size:8px}}.modal-empty{border:4px solid var(--cream);text-align:center;width:min(560px,100% - 32px);box-shadow:8px 8px 0 var(--cyan);background:#243741;justify-items:center;gap:16px;padding:34px;display:grid}.modal-empty-icon{border:4px solid var(--cream);background:var(--orange);width:64px;height:64px;color:var(--night);text-indent:4px;border-radius:50%;place-items:center;font-size:22px;display:grid}.modal-empty strong{color:var(--yellow);font-size:clamp(18px,2vw,28px)}.modal-empty p{color:#c3d3d2;max-width:420px;margin:0;font-size:13px;line-height:1.7}.mail-app-modal[hidden]{display:none}.mail-app-modal{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f14c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mail-app-shell{background:var(--night-soft);width:min(520px,100%);color:var(--cream);box-shadow:12px 12px 0 var(--orange);overflow:hidden}.mail-app-bar{border-bottom:5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 42px, var(--yellow) 42px 84px);min-height:56px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px 10px 18px;display:flex}.mail-app-bar strong{letter-spacing:.08em}.mail-app-close{border:3px solid var(--ink);background:var(--cream);min-height:34px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:6px 10px;font-weight:900}:is(.mail-app-close:hover,.mail-app-close:focus-visible){background:var(--cyan);outline:3px solid var(--cream)}.mail-app-body{background:linear-gradient(135deg,#182831 0 72%,#203b45 72% 100%);gap:14px;padding:28px;display:grid}.mail-app-icon{border:4px solid var(--ink);background:var(--yellow);width:64px;height:52px;color:var(--ink);box-shadow:5px 5px 0 var(--orange);place-items:center;font-size:28px;display:grid}.mail-app-body h2{margin:0;font-size:clamp(24px,4vw,36px)}.mail-app-body p{color:#c7d8d8;margin:0;font-size:13px;line-height:1.75}.mail-app-address{border:3px solid var(--cream);color:var(--yellow);overflow-wrap:anywhere;background:#20343e;padding:14px;font-size:clamp(14px,2vw,20px);display:block}.mail-app-actions{flex-wrap:wrap;gap:12px;display:flex}.mail-app-actions .pixel-button{cursor:pointer;width:max-content;min-height:48px}.profile-section{background-size:24px 24px}.profile-console{min-height:0}.skill-console{align-self:stretch;width:100%}.maker-vignette{background-color:#9fdbe0;background-image:linear-gradient(#19232a0e 1px,#0000 1px),linear-gradient(90deg,#19232a0e 1px,#0000 1px);background-size:16px 16px;grid-column:1/-1;align-items:end;min-height:245px;margin:0;padding:28px}.maker-vignette .spool-house{max-width:450px}.maker-vignette .tool-rack{max-width:220px}.experience-track{margin-top:28px}@media (max-width:1050px){.project-case .case-side p{line-height:1.4}.project-case .case-side .pixel-button{margin-top:7px}.profile-layout{grid-template-columns:1fr}.maker-vignette{grid-column:1}}@media (max-width:1180px){.profile-layout{grid-template-columns:1fr}.profile-console{min-height:0}}@media (max-width:700px){.project-case .case-content{aspect-ratio:auto;gap:18px;min-height:0;padding:calc(58% + 18px) 14px 24px;display:grid;overflow:hidden}.frame-backdrop{opacity:1;object-fit:fill;object-position:center top;height:auto;inset:0 0 auto}.project-case .case-media,.project-case .case-side{width:100%;height:auto;position:relative;inset:auto}.project-case .case-media{aspect-ratio:16/9}.project-case .case-side{padding:16px}.project-case .case-side p{display:block}.project-case .case-side .section-code{margin-bottom:8px;display:block}.project-case .filament-swatch{grid-template-columns:repeat(3,1fr);gap:8px;padding-block:12px}.project-case .case-side .pixel-button{min-height:40px;padding:8px;font-size:10px}.project-case .case-side.case-side-plain{background:var(--cream);width:100%;height:auto;color:var(--ink);padding:16px;position:relative;inset:auto}.project-case .case-side.case-side-plain .case-doc-mini{min-height:34px;margin-top:10px;padding:7px 12px}.site-launch-switch{min-width:188px;box-shadow:4px 4px 0 var(--ink);border-width:3px;padding:6px 9px;top:10px}.site-launch-toggle{width:46px;height:25px}.site-launch-knob{width:13px;height:13px}:is(.site-launch-switch:hover .site-launch-knob,.site-launch-switch:focus-visible .site-launch-knob){left:23px}.case-gallery-topbar{min-height:58px;padding:4px 10px;margin-top:16px!important}.project-case.has-gallery-toolbar .case-content{margin-top:12px!important}.case-gallery-topbar .site-launch-switch{min-width:216px;position:static;top:auto;left:auto;transform:none}:is(.case-gallery-topbar .site-launch-switch:hover,.case-gallery-topbar .site-launch-switch:focus-visible){transform:translateY(-2px)}.case-gallery-caption{max-width:58%;padding:6px 8px;bottom:8px;left:8px}.case-gallery-controls{gap:4px;bottom:8px;right:8px}.case-gallery-arrow{width:28px;height:28px}.case-gallery-comparison{padding:16% 4% 7%}.media-prompt{grid-template-columns:42px 1fr;gap:3px 10px;width:min(190px,76%);min-height:92px;padding:12px}.media-play{width:40px;height:40px;box-shadow:inset 0 0 0 5px var(--cream);border-width:3px;font-size:13px}.foreground-ai-left{width:33%;top:43vw;bottom:auto;left:0}.foreground-ai-right{width:25%;top:37vw;bottom:auto;right:-1%}.profile-layout,.profile-data{grid-template-columns:1fr}.maker-vignette{grid-column:1;min-height:310px;padding:16px}.maker-vignette .spool-house{width:70%;min-width:210px}.maker-vignette .tool-rack{width:27%;margin-left:10px}}.profile-section .section-heading h2{letter-spacing:-.045em;max-width:880px;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.mini-spool{z-index:3;width:66px;height:66px;box-shadow:inset 0 0 0 8px var(--cream), 4px 4px 0 #19232abf;border-width:8px;position:absolute;top:12px;right:12px}.mini-spool:before,.mini-spool:after{display:none}.mini-spool i{border-width:3px;inset:20px}.research-section .section-heading{border:3px solid var(--cream);color:var(--cream);box-shadow:7px 7px 0 var(--cyan);background-color:#101922f5;background-image:linear-gradient(#76d5de12 1px,#0000 1px),linear-gradient(90deg,#76d5de12 1px,#0000 1px);background-size:18px 18px;padding:clamp(24px,3.4vw,48px)}.research-section .section-heading h2{color:var(--cream);text-shadow:none;font-size:clamp(34px,4.8vw,66px);line-height:1.08}.research-section .section-heading .section-intro{color:#bfd2d1}.project-case{min-height:0;padding-top:clamp(42px,4.5vw,64px);padding-bottom:clamp(180px,15vw,220px);scroll-margin-top:0}.project-case .case-code,.project-case .case-title{min-height:170px}.project-case .case-code:before{width:66px;height:60px;top:28px}.project-case .case-code strong{font-size:46px}.project-case .case-title{padding:clamp(22px,3vw,38px)}.project-case .case-title h2{font-size:clamp(28px,3.45vw,50px)}.project-case .case-description{margin:-6px 56px 0 24px;padding:17px 22px;font-size:13px;line-height:1.7}.project-case .case-measure{height:34px;margin-top:24px!important}.project-case .case-content{margin-top:24px!important}.project-case .website-module{margin-top:96px!important}@media (min-width:901px){.project-case .case-header{grid-template-columns:142px minmax(0,1fr) minmax(260px,.43fr);align-items:stretch;gap:18px}.project-case .case-code{grid-area:1/1}.project-case .case-title{grid-area:1/2}.project-case .case-description{grid-area:1/3;align-items:center;min-height:170px;margin:0;padding:20px}.project-case .case-title h2{font-size:clamp(27px,3vw,43px)}.project-case .case-description:before{padding:5px 8px;top:-17px;right:12px}}.video-modal-shell{width:min(1180px,100%,177.778svh - 266.667px);max-height:calc(100svh - 32px);overflow:hidden}.video-modal-body{width:100%;max-height:calc(100svh - 130px)}@media (max-width:900px){.profile-section .section-heading h2{font-size:clamp(32px,7vw,52px)}.project-case .case-header{grid-template-columns:130px minmax(0,1fr);gap:18px}.project-case .case-description{margin-right:20px}}@media (max-width:700px){.project-case{padding-top:54px;padding-bottom:160px}.project-case .case-header{grid-template-columns:1fr}.project-case .case-code{min-height:118px}.project-case .case-title{min-height:0}.project-case .case-description{margin:14px 0 0}.project-case .case-measure{margin-top:26px!important}.project-case .case-content{margin-top:30px!important}.video-modal{padding:10px}.video-modal-shell{width:100%;max-height:calc(100svh - 20px)}.video-modal-bar{min-height:50px;padding-left:12px;font-size:11px}.video-modal-body{max-height:calc(100svh - 82px)}}.profile-section{isolation:isolate;background-color:#8ed7e3;background-image:linear-gradient(#0000 0 54%,#ffffff24 54% 55%,#0000 55%),repeating-linear-gradient(0deg,#19232a0f 0 2px,#0000 2px 12px),linear-gradient(#80d5e6 0 58%,#6f9e66 58% 80%,#3d6650 80% 100%);background-size:auto,auto,auto;padding-top:clamp(128px,11vw,172px);padding-bottom:clamp(138px,12vw,190px);overflow:hidden}.profile-section:before{opacity:.72;filter:saturate(.9)}.profile-section:after{border-top:6px solid var(--ink);background:repeating-linear-gradient(90deg,#0000 0 38px,#19232a61 38px 43px),repeating-linear-gradient(0deg,#d69252 0 18px,#a85d38 18px 23px);height:78px}.profile-backdrop{pointer-events:none;inset:0;overflow:hidden;z-index:0!important;width:100%!important;max-width:none!important;margin:0!important;position:absolute!important}.profile-cloud{width:94px;height:26px;image-rendering:pixelated;background:#fff4cf;position:absolute;box-shadow:28px -18px #fff4cf,76px 0 #fff4cf,112px 8px #fff4cfe6}.profile-cloud:after{content:"";background:#19232a1f;width:132px;height:9px;position:absolute;bottom:-9px;left:24px}.profile-cloud.cloud-a{top:74px;left:5%}.profile-cloud.cloud-b{opacity:.82;top:108px;right:12%;transform:scale(.72)}.profile-factory{border:5px solid var(--ink);background:linear-gradient(90deg,#0000 0 20%,#ffe49b 20% 34%,#0000 34% 52%,#76d5de 52% 66%,#0000 66% 80%,#f2a6be 80% 94%,#0000 94%),repeating-linear-gradient(0deg,#26434b 0 18px,#20353d 18px 23px);width:198px;height:166px;position:absolute;bottom:74px;box-shadow:10px 10px #19232a8f}.profile-factory:before{content:"";border:5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--orange) 0 26px, var(--yellow) 26px 52px, var(--cyan) 52px 78px);height:30px;position:absolute;top:-35px;left:-5px;right:-5px}.profile-factory i{border:5px solid var(--ink);background:#f7e8bf;width:50px;height:72px;position:absolute;bottom:0;right:26px;box-shadow:inset 0 0 0 12px #ff7a2f}.profile-factory.factory-a{left:-72px}.profile-factory.factory-b{transform-origin:100% 100%;width:170px;right:-62px;transform:scale(.88)}.profile-spool-stack{border:9px solid var(--ink);background:var(--orange);width:70px;height:70px;box-shadow:inset 0 0 0 11px var(--cream), 66px 0 0 -9px var(--cyan), 66px 0 0 0 var(--ink), 66px 0 0 10px var(--cream), 132px 0 0 -9px var(--yellow), 132px 0 0 0 var(--ink), 132px 0 0 10px var(--cream);border-radius:50%;position:absolute;bottom:54px}.profile-spool-stack.spool-stack-a{left:6%}.profile-spool-stack.spool-stack-b{transform-origin:100% 100%;right:15%;transform:scale(.72)}.profile-frame-layer{width:min(100%, var(--content));border:8px solid var(--ink);outline:5px solid var(--cream);background-color:#bce7e8;background-image:linear-gradient(#19232a0e 1px,#0000 1px),linear-gradient(90deg,#19232a0e 1px,#0000 1px);background-size:16px 16px;margin-inline:auto;padding:clamp(34px,4.3vw,64px) clamp(34px,4.3vw,64px) clamp(104px,8vw,132px);position:relative;box-shadow:16px 16px #19232ad1;z-index:2!important}.profile-frame-layer:before,.profile-frame-layer:after{content:"";z-index:4;border:5px solid var(--ink);pointer-events:none;height:26px;position:absolute;left:22px;right:22px}.profile-frame-layer:before{background:repeating-linear-gradient(90deg, var(--orange) 0 36px, var(--cream) 36px 72px, var(--cyan) 72px 108px, var(--yellow) 108px 144px);top:-38px;box-shadow:7px 7px #19232aad}.profile-frame-layer:after{background:repeating-linear-gradient(90deg,#263945 0 24px,#76d5de 24px 48px,#263945 48px 54px);bottom:-38px;box-shadow:7px 7px #19232aad}.profile-frame-layer .section-heading{background-color:#fff3d2;width:100%;margin-bottom:clamp(48px,5vw,70px)}.profile-frame-layer .section-heading h2{white-space:pre-line;word-break:keep-all;overflow-wrap:normal;letter-spacing:-.05em;max-width:790px;font-size:clamp(36px,3.7vw,54px);line-height:1.14}.profile-frame-layer .section-intro{color:#31464e;font-size:clamp(14px,1vw,16px);line-height:1.85}.profile-console,.skill-console{box-shadow:8px 8px 0 var(--ink)}.profile-copy p:last-child{margin-bottom:0}.focus-list li{min-height:102px}.focus-list small{max-width:520px;font-size:12px;line-height:1.65}.tool-shelf{border-top:5px solid var(--ink);color:var(--cream);background:#20343e;padding:20px;position:relative}.tool-shelf:before{content:"";background:repeating-linear-gradient(90deg, var(--orange) 0 18px, var(--yellow) 18px 36px, var(--cyan) 36px 54px);height:7px;position:absolute;top:-12px;left:18px;right:18px}.tool-shelf-title{color:var(--yellow);letter-spacing:.08em;margin:0 0 14px;font-size:12px;font-weight:900}.tool-list{color:inherit;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.tool-chip{border:2px solid var(--cream);min-height:30px;color:var(--cream);background:#2e4a55;align-items:center;padding:5px 9px;font-size:10px;font-weight:900;line-height:1.25;display:inline-flex;box-shadow:3px 3px #0d171d}.tool-chip:nth-child(4n+1){border-color:var(--orange)}.tool-chip:nth-child(4n+2){border-color:var(--cyan)}.tool-chip:nth-child(4n+3){border-color:var(--yellow)}.tool-chip:nth-child(4n+4){border-color:var(--pink)}.tool-shelf-note{color:#c6d9d6;margin:16px 0 0;font-size:11px;line-height:1.6}.maker-vignette{min-height:300px;box-shadow:8px 8px 0 var(--ink);background-color:#9fdbe0;background-image:linear-gradient(#19232a12 1px,#0000 1px),linear-gradient(90deg,#19232a12 1px,#0000 1px),linear-gradient(#0000 0 62%,#547c622e 62% 100%);border-width:5px;padding-top:82px}.maker-vignette:before{height:38%}.maker-workflow{z-index:5;border:3px solid var(--ink);min-height:44px;color:var(--cream);background:#20343e;align-items:center;gap:9px;padding:9px 12px;font-size:10px;line-height:1.35;display:flex;position:absolute;top:22px;left:24px;right:24px;box-shadow:5px 5px #19232a94}.maker-workflow b{color:var(--yellow);white-space:nowrap;margin-right:4px}.maker-workflow span{white-space:nowrap;background:#2e4a55;padding:4px 6px}.maker-workflow i{color:var(--orange);font-style:normal;font-weight:900}.profile-foreground{pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;filter:drop-shadow(8px 8px #111b2173);position:absolute;z-index:5!important;width:auto!important;max-width:none!important;margin:0!important}.profile-foreground-left{top:45%;left:clamp(-36px,0vw,0px);width:clamp(150px,13vw,205px)!important}.profile-foreground-right{bottom:70px;right:clamp(-30px,0vw,0px);width:clamp(148px,12.6vw,200px)!important}@media (max-width:1050px){.profile-frame-layer{padding-inline:clamp(24px,4vw,42px);padding-bottom:120px}.profile-frame-layer .section-heading{grid-template-columns:1fr}.profile-frame-layer .section-heading .section-code{grid-column:auto}.profile-frame-layer .section-heading h2{max-width:850px}.profile-foreground-left{top:58%;width:150px!important}.profile-foreground-right{width:150px!important}.maker-workflow{flex-wrap:wrap}}@media (max-width:700px){.profile-section{padding:112px 14px 136px}.profile-frame-layer{border-width:5px;outline-width:3px;padding:22px 16px 116px;box-shadow:9px 9px #19232ad1}.profile-frame-layer:before,.profile-frame-layer:after{border-width:3px;height:20px;left:10px;right:10px}.profile-frame-layer:before{top:-29px}.profile-frame-layer:after{bottom:-29px}.profile-frame-layer .section-heading{margin-bottom:42px;padding:20px}.profile-frame-layer .section-heading h2{white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:clamp(30px,9vw,40px);line-height:1.16}.profile-frame-layer .section-intro{font-size:13px;line-height:1.75}.profile-copy{padding:18px}.profile-copy p{font-size:13px;line-height:1.8}.focus-list li{grid-template-columns:40px minmax(0,1fr);gap:11px;min-height:116px;padding:13px}.focus-list li>span{width:36px;height:36px}.maker-vignette{min-height:350px;padding:132px 14px 18px}.maker-workflow{gap:6px;top:16px;left:14px;right:14px}.maker-workflow b{width:100%}.maker-workflow span{font-size:9px}.tool-shelf{padding:18px 14px}.tool-chip{font-size:9px}.profile-foreground-left{top:auto;bottom:78px;left:-12px;width:112px!important}.profile-foreground-right{bottom:70px;right:-10px;width:108px!important}.profile-factory{opacity:.72}.profile-spool-stack{transform-origin:0 100%;transform:scale(.58)}}.entry-gate.is-opening .entry-dialog{visibility:hidden;opacity:0;transition:none}#about-info,#portfolio-start{scroll-margin-top:120px}.work-section{padding-inline:0;color:var(--cream);background-color:#203943;background-image:linear-gradient(#76d5de14 1px,#0000 1px),linear-gradient(90deg,#76d5de14 1px,#0000 1px);background-size:24px 24px;padding-bottom:0}.work-section>.section-heading{width:min(calc(100% - 2 * var(--page-pad)), var(--content));margin-bottom:clamp(36px,5vw,64px)}.work-section>.section-heading h2{color:var(--yellow)}.work-section>.section-heading .section-intro{color:#c6d9d6}.home-portfolio-cases{color:var(--cream);background:0 0}.project-case.project-case-clean{color:var(--cream);min-height:0!important;padding:clamp(72px, 8vw, 118px) var(--page-pad)!important;background-color:#203943!important;background-image:linear-gradient(#76d5de14 1px,#0000 1px),linear-gradient(90deg,#76d5de14 1px,#0000 1px)!important;background-size:24px 24px!important;border-top:1px solid #76d5de2e!important;border-bottom:1px solid #76d5de2e!important}.project-case.project-case-clean:before,.project-case.project-case-clean:after,.project-case.project-case-clean .level-scenery,.project-case.project-case-clean .frame-backdrop,.project-case.project-case-clean .frame-decoration,.project-case.project-case-clean .foreground-sprite,.project-case.project-case-clean .showreel-npc{display:none!important}.project-case.project-case-clean .case-header{align-items:end;display:grid;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;grid-template-columns:104px minmax(0,1.15fr) minmax(300px,.75fr)!important;gap:clamp(22px,3vw,46px)!important;padding:0!important}.project-case.project-case-clean .case-code{gap:5px;border:4px solid var(--ink)!important;background:var(--yellow)!important;min-height:104px!important;box-shadow:7px 7px 0 var(--ink)!important;color:var(--ink)!important;align-content:center!important;place-items:center!important;padding:12px!important;display:grid!important}.project-case.project-case-clean .case-code:before,.project-case.project-case-clean .case-title:before,.project-case.project-case-clean .case-title:after,.project-case.project-case-clean .case-description:before{display:none!important}.project-case.project-case-clean .case-code span{font-size:9px;color:var(--ink)!important}.project-case.project-case-clean .case-code strong{color:var(--ink)!important;font-size:34px!important}.project-case.project-case-clean .case-title{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.project-case.project-case-clean .case-title .section-code{color:var(--orange)}.project-case.project-case-clean .case-title h2{margin-top:12px;line-height:.98;color:var(--yellow)!important;font-size:clamp(34px,4.6vw,66px)!important}.project-case.project-case-clean .case-title h3{margin-top:14px;font-size:clamp(13px,1.2vw,18px);line-height:1.55;color:#c6d9d6!important}.project-case.project-case-clean .case-description{min-height:0!important;box-shadow:none!important;color:#c6d9d6!important;background:0 0!important;border:0!important;grid-column:auto!important;margin:0!important;padding:0!important;font-size:clamp(12px,1.05vw,16px)!important;line-height:1.8!important}.project-case.project-case-clean .case-measure{display:none!important}.project-case.project-case-clean .case-content{width:min(100%, var(--content));align-items:stretch;aspect-ratio:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr)!important;gap:clamp(22px,3vw,42px)!important;margin-top:clamp(34px,4vw,56px)!important;padding:0!important;display:grid!important;position:relative!important;overflow:visible!important}.project-case.project-case-clean .case-media{overflow:hidden;aspect-ratio:16/9!important;border:5px solid var(--ink)!important;background:var(--cream)!important;width:100%!important;height:auto!important;min-height:0!important;box-shadow:10px 10px 0 var(--ink)!important;outline:0!important;display:block!important;position:relative!important;inset:auto!important}:is(.project-case.project-case-clean .case-media:hover,.project-case.project-case-clean .case-media:focus-visible){filter:none;transform:translate(-3px,-3px);outline:4px solid var(--yellow)!important;outline-offset:5px!important;box-shadow:13px 13px 0 var(--orange)!important}.project-case.project-case-clean .media-stage{background:var(--cream)!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.project-case.project-case-clean .media-stage>img,.project-case.project-case-clean .case-gallery-canvas>img{object-fit:contain;object-position:center;background:#f2f3ef;border:0;width:100%;height:100%;position:absolute;inset:0}.project-case.project-case-clean .showreel-cover-image{image-rendering:pixelated;object-fit:cover!important}.showreel-cover-card{cursor:pointer}.showreel-cover-label{z-index:4;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);color:var(--ink);text-align:left;background:#fff8e8f2;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;padding:clamp(15px,1.8vw,24px);display:grid;position:absolute;bottom:clamp(16px,2vw,28px);left:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px)}.showreel-cover-index{color:#2c6874;letter-spacing:.1em;grid-column:1;font-size:9px}.showreel-cover-label strong{grid-column:1;font-size:clamp(18px,2vw,30px);line-height:1.2}.showreel-cover-label small{color:#4b6269;grid-column:1;font-size:clamp(9px,.8vw,11px)}.showreel-cover-play{aspect-ratio:1;border:4px solid var(--ink);background:var(--orange);width:clamp(46px,4vw,62px);box-shadow:inset 0 0 0 7px var(--cream);border-radius:50%;grid-area:1/2/4;align-self:center;place-items:center;font-size:18px;display:grid}.project-case.project-case-clean .case-info-board,.project-case.project-case-clean .case-side,.project-case.project-case-clean .case-side.case-side-plain{flex-direction:column;justify-content:flex-start;overflow:hidden;border:5px solid var(--ink)!important;background:var(--cream)!important;width:auto!important;height:auto!important;min-height:100%!important;box-shadow:10px 10px 0 var(--ink)!important;color:var(--ink)!important;margin:0!important;padding:clamp(22px,2.3vw,34px)!important;display:flex!important;position:relative!important;inset:auto!important}.project-case.project-case-clean .case-info-board .section-code,.project-case.project-case-clean .case-side .section-code,.project-case.project-case-clean .case-side.case-side-plain .section-code{color:var(--orange)!important;font-size:11px!important}.project-case.project-case-clean .case-info-board p,.project-case.project-case-clean .case-side p,.project-case.project-case-clean .case-side.case-side-plain p{color:#46535a!important;margin:22px 0 0!important;font-size:clamp(11px,.95vw,14px)!important;line-height:1.75!important}.project-case.project-case-clean .case-why-note{border-top:3px dashed #46535a80;margin-top:22px;padding-top:18px}.project-case.project-case-clean .case-test-note{color:#68757a;margin-top:auto;padding-top:22px;font-size:9px;line-height:1.55}.project-case.project-case-clean .case-side .pixel-button{align-self:flex-start;margin-top:22px;font-size:11px}.project-case.project-case-clean .filament-swatch{display:none}.project-case.project-case-clean .site-launch-switch{min-width:220px;top:18px;left:auto;right:18px;transform:none}:is(.project-case.project-case-clean .site-launch-switch:hover,.project-case.project-case-clean .site-launch-switch:focus-visible){transform:translateY(-2px)}.project-case.project-case-clean .case-gallery-topbar{width:min(100%, var(--content));justify-content:flex-end;min-height:64px;padding:0;margin:24px auto 0!important}.project-case.project-case-clean.has-gallery-toolbar .case-content{margin-top:22px!important}.project-case.project-case-clean .case-gallery-canvas>img,.project-case.project-case-clean .case-gallery-canvas>img.is-contained{object-fit:contain;width:90%;height:78%;inset:5%}.project-case.project-case-clean .case-gallery-comparison{padding:7% 6% 11%}.project-case.project-case-clean .website-module{margin-top:48px!important}@media (max-width:1050px){.project-case.project-case-clean .case-header{grid-template-columns:90px minmax(0,1fr)!important}.project-case.project-case-clean .case-description{max-width:780px;grid-column:1/-1!important}.project-case.project-case-clean .case-content{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)!important}}@media (max-width:760px){#about-info,#portfolio-start{scroll-margin-top:172px}.project-case.project-case-clean{padding:54px 16px 74px!important}.project-case.project-case-clean .case-header{grid-template-columns:74px minmax(0,1fr)!important;gap:16px!important}.project-case.project-case-clean .case-code{min-height:80px!important}.project-case.project-case-clean .case-code strong{font-size:27px!important}.project-case.project-case-clean .case-title h2{font-size:clamp(28px,9vw,42px)!important}.project-case.project-case-clean .case-content{grid-template-columns:1fr!important;margin-top:28px!important}.project-case.project-case-clean .case-media{aspect-ratio:4/3!important}.project-case.project-case-clean .case-info-board,.project-case.project-case-clean .case-side,.project-case.project-case-clean .case-side.case-side-plain{min-height:0!important}.showreel-cover-label{grid-template-columns:minmax(0,1fr) 44px}.showreel-cover-label small{display:none}.showreel-cover-play{width:44px;font-size:14px}.project-case.project-case-clean .site-launch-switch{min-width:184px;top:10px;right:10px}}.work-section:before,.work-section:after,.project-case.project-case-clean:before,.project-case.project-case-clean:after,.project-case.project-case-clean .site-launch-switch,.project-case.project-case-clean .case-gallery-topbar,.project-case.project-case-clean .case-doc-mini,.profile-section:before,.profile-section:after,.profile-frame-layer:before,.profile-frame-layer:after,.profile-backdrop,.profile-foreground,.profile-console:before,.skill-console:before,.profile-data>div:after,.tool-shelf:before,.research-section:before,.research-section:after,.research-heading:before,.research-heading:after,.process-card:before,.process-card:after,.extruder-line{content:none!important;display:none!important}.project-case.project-case-clean{color:#f8efd2;background-color:#173743!important;background-image:linear-gradient(#5b8b9329 1px,#0000 1px),linear-gradient(90deg,#5b8b9329 1px,#0000 1px),none!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:32px 32px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important;padding:clamp(72px,8vw,118px) clamp(20px,4vw,68px)!important;overflow:clip!important}.project-case.project-case-clean .case-header{grid-template-columns:86px minmax(0,.94fr) minmax(320px,.76fr)!important;align-items:start!important;gap:clamp(22px,3vw,54px)!important}.project-case.project-case-clean .case-code{background:#ffd34e!important;border:1px solid #ffefc3b8!important;min-height:104px!important;padding:15px 10px!important;box-shadow:5px 5px #08161db8!important}.project-case.project-case-clean .case-code span{letter-spacing:.08em;font-size:8px!important}.project-case.project-case-clean .case-code strong{font-size:30px!important}.project-case.project-case-clean .case-title h2{letter-spacing:-.035em;overflow-wrap:break-word;text-wrap:balance;max-width:18ch;color:#fff1bd!important;word-break:normal!important;margin-top:10px!important;font-size:clamp(30px,3.35vw,50px)!important;line-height:1.07!important}.project-case.project-case-clean.case-scene-2 .case-title h2,.project-case.project-case-clean.case-scene-3 .case-title h2{max-width:20ch;font-size:clamp(28px,3vw,44px)!important}.project-case.project-case-clean .case-title h3{max-width:48ch;font-weight:500;color:#d5e5e2!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(14px,1vw,16px)!important;line-height:1.65!important}.project-case.project-case-clean .case-description{max-width:49ch;font-weight:430;color:#d8e6e3!important;padding-top:27px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(14px,1.05vw,16px)!important;line-height:1.82!important}.project-case.project-case-clean .case-content{grid-template-columns:minmax(0,1.58fr) minmax(280px,.58fr)!important;gap:clamp(22px,2.8vw,42px)!important;margin-top:clamp(36px,4.8vw,64px)!important}.project-case.project-case-clean .case-media,.project-case.project-case-clean .case-info-board,.project-case.project-case-clean .case-side,.project-case.project-case-clean .case-side.case-side-plain{border:1px solid #fff1c4c7!important;box-shadow:7px 7px #07151cb3!important}.project-case.project-case-clean .case-media{transition:transform .22s,border-color .22s,box-shadow .22s;aspect-ratio:16/9!important;background:#0d2028!important}:is(.project-case.project-case-clean .case-media:hover,.project-case.project-case-clean .case-media:focus-visible){outline-offset:3px!important;border-color:#ffd34e!important;outline:2px solid #ffd34e!important;transform:translateY(-3px)!important;box-shadow:9px 11px #07151cb8!important}.project-cover-card{cursor:pointer;color:inherit;text-decoration:none;position:relative}.project-cover-card .media-stage{background:#0d2028!important}.project-cover-image{image-rendering:pixelated;transition:transform .55s cubic-bezier(.2,.65,.2,1),filter .35s;object-fit:cover!important;object-position:center!important;background:#0d2028!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.project-cover-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 42%,#051218b8 100%);position:absolute;inset:0}:is(.project-cover-card:hover .project-cover-image,.project-cover-card:focus-visible .project-cover-image){filter:saturate(1.06)contrast(1.02);transform:scale(1.025)}.project-cover-copy{z-index:4;color:#fff1bd;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081921e0;border:1px solid #fff1c4b3;gap:5px;max-width:min(380px,70%);padding:12px 15px 13px;display:grid;position:absolute;bottom:clamp(14px,2vw,28px);left:clamp(14px,2vw,28px);box-shadow:4px 4px #00000057}.project-cover-eyebrow{color:#73d4df;letter-spacing:.09em;font-size:8px}.project-cover-copy strong{color:#fff4cc;font-size:clamp(17px,1.7vw,24px);line-height:1.15}.project-cover-copy small{color:#d4e2df;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;font-size:clamp(10px,.82vw,12px);line-height:1.45}.project-cover-action{z-index:4;color:#0b1c24;background:#ffd34e;border:1px solid #fff0be;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;transition:transform .22s,background .22s;display:grid;position:absolute;bottom:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);box-shadow:3px 3px #051117b8}:is(.project-cover-card:hover .project-cover-action,.project-cover-card:focus-visible .project-cover-action){background:#ff7730;transform:translate(2px,-2px)}.project-case.project-case-clean .case-info-board,.project-case.project-case-clean .case-side,.project-case.project-case-clean .case-side.case-side-plain{color:#162831!important;background:#fff5d8!important;min-height:100%!important;padding:clamp(24px,2.5vw,38px)!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important}.project-case.project-case-clean .case-info-board .section-code,.project-case.project-case-clean .case-side .section-code,.project-case.project-case-clean .case-side.case-side-plain .section-code{color:#df5528!important;font-family:var(--pixel-font)!important;font-size:10px!important}.project-case.project-case-clean .case-info-board p,.project-case.project-case-clean .case-side p,.project-case.project-case-clean .case-side.case-side-plain p{font-weight:430;color:#344952!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(14px,.95vw,16px)!important;line-height:1.82!important}.project-case.project-case-clean .case-why-note{border-top:1px solid #2b414b47}.project-case.project-case-clean .case-why-note strong{font-size:14px}.project-case.project-case-clean .case-test-note{color:#6a777b;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;font-size:10px}.profile-section{color:#17303a;background-color:#dff2f1!important;background-image:linear-gradient(#36777e1a 1px,#0000 1px),linear-gradient(90deg,#36777e1a 1px,#0000 1px),none!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:30px 30px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important;padding:clamp(92px,8vw,132px) clamp(20px,5vw,80px)!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important}.profile-frame-layer{width:min(100%, var(--content));margin:0 auto;box-shadow:none!important;background:#f9fcf675!important;border:1px solid #1f474e33!important;outline:0!important;padding:clamp(18px,2.2vw,34px)!important}.profile-section .section-heading{color:#17303a!important;background:#fffcf0db!important;border:1px solid #1b3f4640!important;outline:0!important;width:100%!important;margin:0 0 28px!important;padding:clamp(26px,3.2vw,46px)!important;box-shadow:0 15px 42px #18404614!important}.profile-section .section-heading h2{letter-spacing:-.035em;word-break:normal;text-wrap:balance;max-width:19ch;margin-top:10px;font-weight:760;color:#17303a!important;text-shadow:none!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(34px,4.3vw,62px)!important;line-height:1.12!important}.profile-section .section-heading .section-intro{max-width:64ch;line-height:1.82;color:#49636a!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(15px,1.1vw,17px)!important}.profile-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;align-items:stretch!important;gap:clamp(22px,2.5vw,36px)!important}.profile-console,.skill-console{color:#172f38!important;background:#fff8e4!important;border:1px solid #223b43!important;outline:0!important;align-self:stretch!important;height:100%!important;min-height:0!important;margin-top:0!important;box-shadow:7px 7px #112b32c7!important}.profile-section .console-title{color:#142a32;min-height:58px;font-family:var(--pixel-font);background:#ffd34e;border-bottom:1px solid #223b43;padding:17px 20px;font-size:10px}.profile-data{background:#223b4352!important;gap:1px!important;padding:1px!important}.profile-data>div{background:#fff9e9!important;min-height:112px!important;padding:22px 24px!important}.profile-data dt{font-weight:650;color:#dd552c!important;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif!important;font-size:13px!important}.profile-data dd{font-weight:650;line-height:1.5;color:#182f38!important;margin-top:10px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(17px,1.3vw,20px)!important}.profile-copy{background:#fffdf3!important;padding:clamp(26px,3vw,42px)!important}.profile-copy p{color:#263e46!important;margin:0 0 18px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(16px,1.15vw,18px)!important;font-weight:430!important;line-height:1.88!important}.focus-list{flex:1;margin:0!important}.focus-list li{color:#1a323b!important;background:#fff9e9!important;border-bottom:1px solid #233c4447!important;min-height:130px!important;padding:22px 24px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important}.focus-list li:nth-child(2n){background:#f0f6e7!important}.focus-list li>span{width:52px;height:52px;font-family:var(--pixel-font);font-size:10px;border:1px solid #223b43!important;box-shadow:3px 3px #223b43!important}.focus-list strong{color:#1b323a!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(19px,1.35vw,22px)!important;font-weight:730!important}.focus-list small{margin-top:8px;font-weight:420;color:#53696f!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(14px,1vw,16px)!important;line-height:1.72!important}.tool-shelf{color:#fff4cf!important;background:#17313a!important;border-top:1px solid #223b43!important;margin-top:auto!important;padding:24px!important}.tool-shelf-title,.tool-shelf-note,.tool-list{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important}.experience-track{gap:18px!important;margin-top:30px!important}.experience-track article{color:#17303a!important;background:#fffcf0db!important;border:1px solid #1f434952!important;padding:24px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;box-shadow:5px 5px #19373e40!important}.experience-track article:before,.experience-track article:after{content:none!important;display:none!important}.research-section{color:#fff2c7!important;background-color:#112d38!important;background-image:linear-gradient(#59919724 1px,#0000 1px),linear-gradient(90deg,#59919724 1px,#0000 1px),none!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:30px 30px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important;padding:clamp(94px,9vw,142px) clamp(20px,5vw,80px)!important;overflow:clip!important}.research-heading{width:min(100%, var(--content));background:#07181fd1!important;border:1px solid #fff1c4ad!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr)!important;gap:clamp(26px,4vw,72px)!important;padding:clamp(30px,4vw,58px)!important;box-shadow:7px 7px #64cdd8c7!important}.research-heading .section-code{grid-column:1/-1;color:#ff7730!important}.research-heading h2{letter-spacing:-.035em;text-wrap:balance;color:#fff0bd!important;font-size:clamp(38px,4.8vw,70px)!important;line-height:1.05!important}.research-heading .section-intro{color:#d5e4e1!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(15px,1.12vw,18px)!important;line-height:1.85!important}.research-lab{width:min(100%, var(--content));grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2.2vw,30px)!important;margin:clamp(42px,5vw,68px) auto 0!important;padding:0!important}.process-card{color:#142c35!important;background:#fff6dc!important;border:1px solid #fff1c4c7!important;min-height:260px!important;padding:clamp(24px,2.4vw,36px)!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;box-shadow:7px 7px #051218b3!important}.process-card>span{width:44px;height:44px;font-family:var(--pixel-font);font-size:10px;color:#102933!important;background:#ff7730!important;border:1px solid #19333c!important}.process-card h3{font-weight:760;color:#18313a!important;margin:30px 0 13px!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(22px,1.7vw,28px)!important}.process-card p{color:#4a6067!important;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif!important;font-size:clamp(14px,1vw,16px)!important;line-height:1.8!important}.research-section>.inverse-button{width:max-content;border-width:1px!important;margin:34px auto 0!important;box-shadow:4px 4px #051218bf!important}@media (max-width:1050px){.project-case.project-case-clean .case-header{grid-template-columns:82px minmax(0,1fr)!important}.project-case.project-case-clean .case-description{grid-column:1/-1!important;padding-top:4px!important}.project-case.project-case-clean .case-content{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)!important}.profile-layout{grid-template-columns:1fr!important}.profile-console,.skill-console{height:auto!important}}@media (max-width:760px){.project-case.project-case-clean{padding:60px 16px 78px!important}.project-case.project-case-clean .case-header{grid-template-columns:68px minmax(0,1fr)!important;gap:15px!important}.project-case.project-case-clean .case-code{min-height:78px!important}.project-case.project-case-clean .case-title h2,.project-case.project-case-clean.case-scene-2 .case-title h2,.project-case.project-case-clean.case-scene-3 .case-title h2{max-width:100%;font-size:clamp(26px,8.4vw,38px)!important}.project-case.project-case-clean .case-content{grid-template-columns:1fr!important;gap:20px!important}.project-case.project-case-clean .case-media{aspect-ratio:4/3!important}.project-cover-copy{max-width:calc(100% - 74px);padding:10px 12px}.project-cover-copy small{display:none}.project-cover-action{width:38px;height:38px;font-size:14px}.profile-section,.research-section{padding:78px 14px 94px!important}.profile-frame-layer{padding:12px!important}.profile-section .section-heading{padding:24px 20px!important}.profile-section .section-heading h2{font-size:clamp(30px,9vw,43px)!important}.profile-data{grid-template-columns:1fr!important}.profile-data>div{min-height:96px!important}.focus-list li{grid-template-columns:48px 1fr;min-height:0!important;padding:20px 18px!important}.experience-track{grid-template-columns:1fr!important}.research-heading{grid-template-columns:1fr!important;padding:26px 22px!important}.research-heading .section-code{grid-column:auto}.research-heading h2{font-size:clamp(32px,9vw,50px)!important}.research-lab{grid-template-columns:1fr!important}.process-card{min-height:0!important}}