/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Segoe UI", Arial, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--tracking-widest:.1em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accent:#e5ab67;--color-ink:#eee6d5;--color-paper:#191a17;--color-muted:#b9b4a6}}@layer base{*,:after,:before,::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%;-moz-tab-size:4;-o-tab-size:4;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;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-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{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:var(--container-4xl)}.grow{flex-grow:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.border{border-style:var(--tw-border-style);border-width:1px}.border-ink\/15{border-color:#eee6d526}@supports (color:color-mix(in lab,red,red)){.border-ink\/15{border-color:color-mix(in oklab,var(--color-ink) 15%,transparent)}}.bg-paper{background-color:var(--color-paper)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-muted{color:var(--color-muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:text-accent:hover{color:var(--color-accent)}}@media(min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media(min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}}@font-face{font-family:Winky Sans;src:url(/fonts/winky-sans.ttf)format("truetype");font-style:normal;font-weight:300 900;font-display:swap}:root{color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:95px}body{color:#eee6d5;background:#191a17;margin:0;font-family:Segoe UI,Arial,sans-serif}body,#root{min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#e5ab67}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #e5ab67}img{max-width:100%;display:block}::-moz-selection{color:#191a17;background:#e5ab67}::selection{color:#191a17;background:#e5ab67}.site-shell{background:#191a17;min-height:100vh;overflow:clip}.page-width{width:min(100% - 48px,1160px);margin-inline:auto}.skip-link{z-index:100;color:#191a17;background:#e5ab67;padding:12px 18px;position:fixed;top:-70px;left:16px}.skip-link:focus{top:12px}.eyebrow{color:#adc39d;letter-spacing:.1em;text-transform:uppercase;margin:0;font:600 12px/1.4 IBM Plex Mono,Consolas,monospace}.tiny-note{color:#b9b4a6;font:12px/1.4 IBM Plex Mono,Consolas,monospace}.text-link{color:#e5ab67;border-bottom:1px solid;align-items:center;gap:9px;padding-block:5px;font:700 15px/1.3 Winky Sans,sans-serif;display:inline-flex}.text-link:hover{color:#fff2d8}.link-row{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.button-link,.outline-link{justify-content:center;align-items:center;min-height:48px;padding:11px 20px;font:800 15px/1.2 Winky Sans,sans-serif;transition:transform .2s,background .2s;display:inline-flex}.button-link{color:#191a17;background:#e5ab67}.button-link:hover{color:#191a17;background:#f4c791;transform:translateY(-2px)}.outline-link{color:#eee6d5;border:1px solid #7e8075}.outline-link:hover{border-color:#e5ab67;transform:translateY(-2px)}.back-link{color:#adc39d;align-items:center;min-height:44px;font:600 13px/1.3 IBM Plex Mono,Consolas,monospace;display:inline-flex}.site-header{z-index:20;background:#191a17;border-bottom:1px solid #383a32;position:relative}.header-inner{justify-content:space-between;align-items:center;min-height:78px;display:flex}.wordmark{color:#eee6d5;letter-spacing:-.06em;font:900 32px/.9 Winky Sans,sans-serif;display:inline-block;position:relative}.wordmark span{color:#e5ab67}.wordmark:after{content:"";background:#e5ab67;border-radius:60% 40% 50% 30%;height:3px;position:absolute;bottom:-8px;left:4px;right:5px;transform:rotate(-2deg)}.primary-nav{align-items:center;gap:clamp(20px,3vw,45px);display:flex}.primary-nav a{align-items:center;min-height:44px;font:700 15px Winky Sans,sans-serif;display:inline-flex}.menu-toggle{display:none}.home-intro{flex-direction:column;justify-content:center;min-height:580px;padding-block:clamp(78px,10vw,145px) 78px;display:flex}.home-intro-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-intro h1{letter-spacing:-.075em;margin:34px 0 38px;font:900 clamp(70px,12vw,162px)/.88 Winky Sans,sans-serif}.hand-underline{color:#e5ab67;display:inline-block;position:relative}.hand-underline:after{content:"";border-bottom:5px solid #adc39d;border-radius:0 0 60% 30%;height:8px;position:absolute;bottom:-12px;left:4%;right:2%;transform:rotate(-2deg)}.intro-bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.intro-bottom p{color:#d6d0c2;max-width:570px;margin:0;font-size:clamp(18px,2.2vw,23px);line-height:1.55}.round-arrow{color:#e5ab67;border:1px solid #767a6b;border-radius:50%;flex:0 0 60px;place-items:center;width:60px;height:60px;font-size:30px;transition:transform .2s,background .2s;display:grid}.round-arrow:hover{background:#242620;transform:translateY(5px)}.games-section{padding-block:50px 120px}.section-heading{margin-bottom:50px}.section-heading h2,.home-about h2{letter-spacing:-.035em;margin:13px 0 0;font:800 clamp(39px,5.4vw,65px)/1 Winky Sans,sans-serif}.featured-list{gap:94px;display:grid}.feature{grid-template-columns:1.18fr .82fr;align-items:center;gap:clamp(30px,5vw,76px);display:grid}.feature-2{grid-template-columns:.82fr 1.18fr}.feature-2 .feature-image{order:2}.feature-image{background:#242620;border:1px solid #4d5145;display:block;position:relative;overflow:hidden;box-shadow:12px 12px #2a3028}.feature-image img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .3s}.feature-2 .feature-image img{aspect-ratio:16/11}.feature-image:hover img{transform:scale(1.025)}.image-corner{color:#191a17;background:#e5ab67;place-items:center;width:45px;height:45px;font-size:24px;display:grid;position:absolute;bottom:0;right:0}.feature-copy h3{letter-spacing:-.045em;margin:14px 0 18px;font:900 clamp(39px,4.4vw,60px)/.98 Winky Sans,sans-serif}.feature-copy h3 a:hover{color:#e5ab67}.feature-premise{color:#d5d0c3;max-width:420px;margin:0;font-size:18px;line-height:1.6}.feature-role{color:#b9b4a6;margin:25px 0;font:12px/1.6 IBM Plex Mono,Consolas,monospace}.feature-role span{color:#e5ab67;padding-inline:4px}.feature-jam-result{color:#eee6d5;background:#2b3028;border-left:2px solid #e5ab67;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:-4px 0 23px;padding:8px 12px;font:700 13px/1.45 Winky Sans,sans-serif;display:inline-flex}.feature-jam-result span{color:#adc39d;letter-spacing:.08em;text-transform:uppercase;font:600 10px/1.4 IBM Plex Mono,Consolas,monospace}.more-projects{margin-top:130px}.section-heading.compact{margin-bottom:30px}.small-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.small-project{background:#242620;border:1px solid #3d4036;flex-direction:column;transition:transform .2s,border-color .2s;display:flex}.small-project:hover{border-color:#e5ab67;transform:translateY(-4px)}.small-project img{-o-object-fit:cover;object-fit:cover;width:100%;height:200px}.small-project-copy{flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.small-project-copy strong{color:#eee6d5;font:800 27px/1.05 Winky Sans,sans-serif}.small-project-copy>span:nth-of-type(2){color:#c8c3b7;font-size:14px;line-height:1.55}.small-project-copy .small-jam-result{color:#eee6d5;border-left:2px solid #e5ab67;align-self:flex-start;padding-left:9px;font:700 12px/1.4 Winky Sans,sans-serif}.small-project-copy .text-link{align-self:flex-start;margin-top:auto}.coding-projects{border-top:1px solid #44483c;padding-block:90px 35px}.coding-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.coding-project{background:#222720;border:1px solid #53594b;border-top:3px solid #86a995;flex-direction:column;min-width:0;display:flex}.coding-project:nth-child(2){border-top-color:#c49a69}.coding-project-copy{flex-direction:column;flex:1;align-items:flex-start;padding:clamp(25px,3vw,38px);display:flex}.coding-project-copy h3{letter-spacing:-.035em;margin:12px 0 20px;font:900 clamp(33px,3.5vw,46px)/1 Winky Sans,sans-serif}.coding-project-copy>p:not(.eyebrow){color:#d8d2c6;margin:0 0 14px;font-size:16px;line-height:1.65}.coding-project-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;width:100%;margin-top:auto;padding-top:18px;display:flex}.coding-project-foot>span{color:#adc39d;text-transform:uppercase;font:11px/1.5 IBM Plex Mono,Consolas,monospace}.home-about{grid-template-columns:1fr 1fr;gap:80px;padding-block:80px 130px;display:grid}.home-about p:not(.eyebrow){color:#d5d0c3;margin:0 0 20px;font-size:18px;line-height:1.7}.home-about .link-row{margin-top:27px}.story-page{padding-top:34px}.story-heading{padding-bottom:70px}.story-heading-grid{grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;padding-top:40px;display:grid}.story-heading h1,.listing-intro h1,.not-found h1{letter-spacing:-.06em;margin:13px 0 24px;font:900 clamp(54px,8vw,104px)/.92 Winky Sans,sans-serif}.story-premise{color:#ddd6c8;max-width:720px;font-size:clamp(19px,2.4vw,25px);line-height:1.45}.story-facts{border-top:1px solid #565a4c;margin:0}.story-facts div{border-bottom:1px solid #565a4c;grid-template-columns:90px 1fr;gap:10px;padding-block:12px;display:grid}.story-facts dt{color:#adc39d;text-transform:uppercase;font:12px/1.5 IBM Plex Mono,Consolas,monospace}.story-facts dd{color:#eee6d5;margin:0;font:14px/1.4 Winky Sans,sans-serif}.jam-result-link{color:#e5ab67;text-underline-offset:3px;text-decoration:underline}.story-actions{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.story-hero{background:#242620;margin:0}.story-hero img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:min(100%,1500px);max-height:690px;margin:auto}.story-4 .story-hero img{width:auto;max-width:100%;max-height:600px}.story-hero figcaption{color:#b9b4a6;padding-block:13px;font:12px/1.5 IBM Plex Mono,Consolas,monospace}.story-layout{grid-template-columns:220px minmax(0,750px);justify-content:space-between;gap:65px;padding-block:96px 120px;display:grid}.story-index{align-self:start;position:sticky;top:32px}.story-index nav{border-top:1px solid #44483c;margin-top:22px;display:grid}.story-index a{color:#c9c4b8;border-bottom:1px solid #44483c;gap:13px;padding:13px 0;font:700 15px/1.3 Winky Sans,sans-serif;display:flex}.story-index a:hover{color:#e5ab67}.story-index a span{color:#adc39d;font:11px/1.5 IBM Plex Mono,Consolas,monospace}.story-body{min-width:0}.story-intro{border-bottom:1px solid #55584b;padding-bottom:35px}.story-body p:not(.eyebrow),.listing-intro p:not(.eyebrow){color:#d8d2c6;font-size:17px;line-height:1.77}.story-intro p:first-child{color:#eee6d5;font-size:21px;line-height:1.65}.story-chapter{border-bottom:1px solid #55584b;padding-block:64px;scroll-margin-top:30px}.story-chapter h2{letter-spacing:-.03em;margin:12px 0 24px;font:800 clamp(35px,4vw,48px)/1.02 Winky Sans,sans-serif}.story-chapter p:not(.eyebrow){margin:0 0 20px}.technical-note{background:#263027;border-left:3px solid #adc39d;margin:31px 0;padding:21px 24px}.technical-note span{color:#adc39d;letter-spacing:.1em;text-transform:uppercase;font:700 11px/1.4 IBM Plex Mono,Consolas,monospace}.story-chapter .technical-note p{color:#e1e4d8;margin:9px 0 0;font-size:15px;line-height:1.6}.story-figure{margin:36px 0 18px}.story-figure img{background:#242620;width:100%}.story-figure figcaption{color:#b9b4a6;padding-top:10px;font:12px/1.55 IBM Plex Mono,Consolas,monospace}.story-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.story-chapter .text-link{margin-top:12px}.story-credits p:not(.eyebrow){max-width:580px}.mobile-index{display:none}.next-project{background:#263027;border-top:1px solid #445440;padding-block:66px 80px}.next-project a{letter-spacing:-.04em;margin-top:10px;font:900 clamp(42px,6vw,72px)/1 Winky Sans,sans-serif;display:inline-block}.next-project a span{color:#e5ab67}.listing-page{padding-block:40px 125px}.listing-intro{max-width:720px;padding-block:60px 48px}.listing-intro h1{font-size:clamp(54px,7vw,88px)}.mod-group{border-top:1px solid #55584b;padding-block:30px 64px}.mod-group h2{margin:0 0 32px;font:800 32px/1 Winky Sans,sans-serif}.mod-list{grid-template-columns:1fr 1fr;gap:26px 50px;display:grid}.mod-item{border-bottom:1px solid #373b34;grid-template-columns:84px 1fr;align-items:start;gap:20px;padding-bottom:28px;display:grid}.mod-item img{-o-object-fit:cover;object-fit:cover;background:#34382f;width:84px;height:84px}.mod-item h3{margin:8px 0 9px;font:800 25px/1.1 Winky Sans,sans-serif}.mod-item p:not(.eyebrow){color:#c9c4b8;margin:0 0 12px;font-size:14px;line-height:1.6}.contact-list{border-top:1px solid #55584b}.contact-list a{border-bottom:1px solid #55584b;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.contact-list strong,.contact-list small{display:block}.contact-list strong{font:800 27px Winky Sans,sans-serif}.contact-list small{color:#b9b4a6;margin-top:5px;font-size:14px}.not-found{padding-block:120px 180px}.not-found p:not(.eyebrow){color:#d0c9bc;font-size:18px}.not-found .button-link{margin-top:28px}.site-footer{background:#10120f;border-top:1px solid #42463b;padding-block:64px 38px}.footer-inner{grid-template-columns:1fr auto;gap:65px;display:grid}.footer-inner p{color:#b9b4a6;margin:25px 0 0}.footer-links{grid-template-columns:1fr 1fr;align-content:start;gap:12px 40px;display:grid}.footer-links a{min-height:34px;font:700 15px Winky Sans,sans-serif}.footer-inner small{color:#909486;grid-column:1/-1;font:11px IBM Plex Mono,Consolas,monospace}@media(max-width:900px){.feature,.feature-2{grid-template-columns:1fr;gap:25px}.feature-2 .feature-image{order:initial}.feature-copy{max-width:620px}.small-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coding-project-grid{grid-template-columns:1fr}.home-about{grid-template-columns:1fr;gap:40px}.story-layout{grid-template-columns:1fr}.story-index{display:none}.mobile-index{border-block:1px solid #55584b;margin:35px 0 0;display:block}.mobile-index summary{cursor:pointer;justify-content:space-between;padding:15px 0;font:700 16px Winky Sans,sans-serif;display:flex}.mobile-index nav{padding-bottom:16px;display:grid}.mobile-index a{color:#adc39d;padding:9px 0}}@media(max-width:680px){.page-width{width:min(100% - 40px,1160px)}.header-inner{min-height:68px}.wordmark{font-size:30px}.menu-toggle{color:#eee6d5;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:0 4px;font:700 16px Winky Sans,sans-serif;display:inline-flex}.menu-toggle span{color:#e5ab67;font-size:25px}.primary-nav{background:#242620;border-bottom:1px solid #55584b;padding:14px 20px 20px;display:none;position:absolute;top:67px;left:0;right:0}.primary-nav.is-open{gap:2px;display:grid}.primary-nav a{padding:7px 0;font-size:20px}.home-intro{min-height:490px;padding-block:77px 65px}.home-intro-top .tiny-note{display:none}.home-intro h1{margin:32px 0 47px;font-size:clamp(67px,13vw,95px);line-height:.94}.intro-bottom{align-items:flex-end;gap:12px}.intro-bottom p{font-size:18px}.round-arrow{flex-basis:45px;width:45px;height:45px;font-size:24px}.games-section{padding-block:45px 80px}.section-heading{margin-bottom:35px}.featured-list{gap:72px}.feature-image{box-shadow:7px 7px #2a3028}.feature-copy h3{font-size:43px}.feature-premise{font-size:16px}.more-projects{margin-top:100px}.small-project-grid{grid-template-columns:1fr}.small-project img{height:220px}.coding-projects{padding-block:72px 35px}.coding-project-copy{padding:25px}.home-about{padding-block:70px 85px}.story-heading{padding-bottom:45px}.story-heading-grid{padding-top:26px;display:block}.story-facts{grid-template-columns:1fr 1fr;gap:0 14px;margin-top:27px;display:grid}.story-facts div{min-width:0;padding-block:10px;display:block}.story-facts dd{margin-top:4px}.story-hero img{max-height:400px}.story-layout{padding-block:50px 80px}.story-chapter{padding-block:50px}.story-comparison{grid-template-columns:1fr}.listing-page{padding-bottom:85px}.listing-intro{padding-block:45px 25px}.mod-list{grid-template-columns:1fr}.contact-list a{align-items:start}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-inner small{grid-column:auto}}@media(max-width:390px){.home-intro h1{font-size:62px}.intro-bottom{display:block}.round-arrow{margin-top:22px}.contact-list a{display:block}.contact-list .text-link{margin-top:10px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-intro{isolation:isolate;min-height:540px;padding-block:65px 45px;position:relative}.hero-stars{z-index:-2;pointer-events:none;opacity:.6;background:url(/media/starfield.svg);animation:8s ease-in-out infinite alternate stars-breathe;position:absolute;top:12px;right:-8vw;bottom:0;left:-8vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20%,#000 82%,#0000)}.hero-stars:after{content:"";filter:drop-shadow(0 0 5px #e5ab67);opacity:0;background:linear-gradient(90deg,#0000,#e5ab67,#fff4cf);width:80px;height:2px;animation:10s ease-out infinite shooting-star;position:absolute;top:30%;left:75%;transform:rotate(-30deg)}.home-intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 55% at 77% 45%,#493a2755,#0000 70%);position:absolute;top:0;right:-8vw;bottom:0;left:-8vw}.home-intro-top,.home-intro h1,.intro-bottom{z-index:2;position:relative}.home-intro h1{letter-spacing:-.045em;max-width:830px;margin:48px 0 24px;font:900 clamp(80px,10vw,138px)/1.04 Winky Sans,sans-serif}.hero-greeting{letter-spacing:-.03em;margin-bottom:4px;font-size:.6em;line-height:1.14;display:block}.home-intro .hand-underline{line-height:1.09}.home-intro .hand-underline:after{bottom:-2px}.intro-bottom p{max-width:650px}.explore-link{color:#e5ab67;flex:none;align-items:center;gap:15px;font:800 17px/1 Winky Sans,sans-serif;display:inline-flex}.explore-link:hover .round-arrow{background:#242620;transform:translateY(5px)}.hero-art{aspect-ratio:1;z-index:1;place-items:center;width:clamp(170px,21vw,265px);animation:5s ease-in-out infinite sticker-float;display:grid;position:absolute;top:20%;right:3%}.hero-art-ring{border:2px dashed #a5b8928c;border-radius:50%;position:absolute;top:7%;right:7%;bottom:7%;left:7%;transform:rotate(-12deg)}.hero-art:before{content:"";background:#a6bb8c24;border-radius:50%;position:absolute;top:17%;right:17%;bottom:17%;left:17%;box-shadow:0 0 75px 30px #a6bb8c18}.hero-art img{filter:drop-shadow(12px 16px #0e110dbb);width:77%;transform:rotate(12deg)}.hero-art-spark{color:#e5ab67;font:58px/1 Georgia,serif;animation:3s ease-in-out infinite alternate spark-twinkle;position:absolute}.hero-art-spark-one{top:-4%;right:9%}.hero-art-spark-two{font-size:42px;animation-delay:1s;bottom:1%;left:3%}.feature-image{transition:transform .3s,border-color .3s,box-shadow .3s}.feature-image:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(130deg,#e5ab672b,#0000 35%,#0000 70%,#adc39d30);transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.feature-image:hover,.feature-image:focus-visible{border-color:#e5ab67;transform:translateY(-5px)rotate(-.6deg);box-shadow:16px 18px #293528}.feature-image:hover:after,.feature-image:focus-visible:after{opacity:1}.petal-field,.note-field{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.petal-field span{opacity:.82;background:url(/media/shiba-petal.png) 50%/contain no-repeat;width:26px;height:36px;animation:8s linear infinite petal-fall;position:absolute;top:-18%}.petal-field span:first-child{animation-delay:-1s;left:12%}.petal-field span:nth-child(2){width:18px;animation-delay:-5s;left:37%}.petal-field span:nth-child(3){width:21px;animation-delay:-3s;left:72%}.petal-field span:nth-child(4){width:15px;animation-delay:-7s;left:89%}.note-field span{color:#f9db8a;text-shadow:0 2px 12px #3e381c;opacity:0;font:38px/1 Georgia,serif;animation:5s ease-out infinite note-rise;position:absolute;bottom:12%}.note-field span:first-child{animation-delay:0s;left:18%}.note-field span:nth-child(2){font-size:29px;animation-delay:2s;left:50%}.note-field span:nth-child(3){font-size:25px;animation-delay:3.6s;left:77%}.project-content{padding-block:82px 110px}.story-page{--story-accent:#adc39d}.story-3{--story-accent:#e8a0a6}.story-wake-me{--story-accent:#95c5c4}.story-1{--story-accent:#e6bd79}.story-5{--story-accent:#b9a9d9}.story-4{--story-accent:#dc9eaf}.story-2{--story-accent:#db9a80}.story-page .story-heading .eyebrow,.story-page .project-content .eyebrow{color:var(--story-accent)}.story-page .story-hero{border-block:1px solid var(--story-accent)}.project-overview{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(40px,7vw,105px);padding-bottom:78px;display:grid}.project-overview h2,.breakdown-heading h2{letter-spacing:-.035em;margin:12px 0 0;font:800 clamp(43px,5vw,66px)/1.02 Winky Sans,sans-serif}.project-overview>p{color:#ded8cb;max-width:680px;margin:7px 0 0;font-size:clamp(19px,2vw,23px);line-height:1.63}.system-panel{border:1px solid var(--story-accent);background:#263027;padding:clamp(25px,4vw,45px);position:relative;overflow:hidden}.system-panel:before{content:"";pointer-events:none;opacity:.14;background:url(/media/starfield.svg);position:absolute;top:0;right:0;bottom:0;left:0}.system-panel-heading{justify-content:space-between;align-items:baseline;gap:22px;margin-bottom:30px;display:flex;position:relative}.system-panel-heading h2{margin:0;font:800 clamp(27px,3vw,38px)/1.1 Winky Sans,sans-serif}.system-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid;position:relative}.system-step{background:#1b211a;border:1px solid #67745c;flex-direction:column;justify-content:space-between;min-height:104px;padding:17px 18px;display:flex;position:relative}.system-step:not(:last-child):after{content:"→";z-index:1;color:var(--story-accent);font-size:26px;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.system-step span{color:var(--story-accent);font:11px/1 IBM Plex Mono,Consolas,monospace}.system-step strong{overflow-wrap:anywhere;font:700 clamp(16px,1.6vw,19px)/1.25 Segoe UI,Arial,sans-serif}.breakdown-heading{margin:110px 0 35px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.project-card{background:#22251f;border:1px solid #515548;min-width:0;scroll-margin-top:32px}.project-card-copy{padding:clamp(25px,3vw,39px)}.project-card h3{letter-spacing:-.025em;max-width:650px;margin:18px 0 20px;font:800 clamp(31px,3.4vw,43px)/1.04 Winky Sans,sans-serif}.project-card-copy>p{color:#d8d2c6;max-width:670px;margin:0;font-size:17px;line-height:1.68}.card-number{border:1px solid var(--story-accent);width:46px;height:46px;color:var(--story-accent);border-radius:50%;place-items:center;font:13px IBM Plex Mono,Consolas,monospace;display:inline-grid}.project-card-visual,.project-card-technical{grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.project-card-visual .story-figure{background:#181c17;flex-direction:column;justify-content:center;align-self:stretch;margin:0;display:flex}.project-card-visual .story-figure img{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:510px}.project-card-visual .story-figure figcaption{padding:10px 15px 14px}.project-card-visual .story-comparison{background:#515548;align-self:stretch;gap:2px}.project-card-visual .story-comparison .story-figure img{min-height:230px;max-height:420px}.project-card-visual:nth-child(2n)>.story-figure,.project-card-visual:nth-child(2n)>.image-comparison{order:-1}.image-comparison{background:#181c17;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;margin:0;display:flex}.comparison-images{aspect-ratio:16/9;flex:none;position:relative;overflow:hidden}.comparison-images>img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.comparison-before{z-index:1}.comparison-label{z-index:2;color:#f3ecde;text-transform:uppercase;background:#151813d9;padding:6px 9px;font:700 12px/1 IBM Plex Mono,Consolas,monospace;position:absolute;top:15px}.comparison-label-before{left:15px}.comparison-label-after{right:15px}.comparison-divider{z-index:3;pointer-events:none;background:#f5ede0;width:2px;position:absolute;top:0;bottom:0}.comparison-divider span{color:#1b211a;background:#f5ede0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-comparison figcaption{color:#d5d0c3;padding:12px 16px 0;font:12px/1.5 IBM Plex Mono,Consolas,monospace}.comparison-control{color:var(--story-accent);text-transform:uppercase;gap:10px;padding:16px;font:700 12px/1.3 IBM Plex Mono,Consolas,monospace;display:grid}.comparison-control input{width:100%;accent-color:var(--story-accent);cursor:pointer}.input-diagram{background:#1a211d;border-left:1px solid #515548;align-content:center;align-self:stretch;gap:18px;padding:clamp(25px,3vw,40px);display:grid}.input-lane{border:1px solid #546656;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:17px;display:grid}.input-lane>span:first-child{color:var(--story-accent);text-transform:uppercase;grid-column:1/-1;font:700 12px/1.3 IBM Plex Mono,Consolas,monospace}.input-lane strong{color:#eee6d5;min-width:0;font:700 16px/1.3 Segoe UI,Arial,sans-serif}.input-lane>span[aria-hidden]{color:var(--story-accent);font-size:22px}.input-lane small{color:#b9b4a6;grid-column:1/-1;font-size:13px;line-height:1.4}.dialogue-diagram{background:#211f25;border-left:1px solid #515548;flex-direction:column;justify-content:center;align-self:stretch;gap:25px;min-width:0;padding:clamp(25px,3vw,40px);display:flex}.dialogue-path{justify-content:space-between;align-items:center;gap:7px;display:flex}.graph-node{border:1px solid var(--story-accent);color:#f0e7e4;text-align:center;background:#302b32;justify-content:center;align-items:center;min-height:52px;padding:9px 13px;font:700 14px/1.2 Segoe UI,Arial,sans-serif;display:inline-flex}.graph-choice{border-radius:18px}.graph-arrow,.graph-branch-line{color:var(--story-accent);font:28px/1 Georgia,serif}.dialogue-branches{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dialogue-branches>div{border-top:1px dashed #695969;justify-items:center;gap:9px;padding-top:5px;display:grid}.dialogue-branches small{color:#b9b4a6;text-align:center;font:12px/1.35 IBM Plex Mono,Consolas,monospace}.diagram-footnote{color:#c7bfc4;margin:0;font-size:13px;line-height:1.5}.midi-diagram{background:#27251d;border-left:1px solid #515548;flex-direction:column;justify-content:center;align-self:stretch;gap:27px;min-width:0;padding:clamp(25px,3vw,40px);display:flex}.midi-timeline{border-bottom:2px solid #927956;justify-content:space-between;height:130px;margin-inline:10px;display:flex;position:relative}.midi-tick{background:#a7947460;width:1px;height:100%}.midi-playhead{background:#e6bd79;width:2px;height:130px;animation:7s linear infinite midi-play;position:absolute;bottom:-10px;left:0;box-shadow:0 0 12px #e6bd79}.midi-note{color:#f1cb83;text-shadow:0 0 13px #e6bd79a6;font:35px/1 Georgia,serif;position:absolute}.midi-note-one{bottom:25px;left:11%}.midi-note-two{bottom:62px;left:34%}.midi-note-three{bottom:36px;left:61%}.midi-note-four{bottom:78px;left:83%}.midi-pipeline{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.midi-pipeline span{color:#eee6d5;text-align:center;border:1px solid #937d5c;min-width:0;padding:12px 9px;font:700 12px/1.3 Segoe UI,Arial,sans-serif}.midi-diagram>p:last-child{color:#d1c8b7;margin:0;font-size:14px;line-height:1.55}.technical-note{margin:25px 0 0}.localization-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px;display:grid}.localization-stats>div{background:#2d3328;border:1px solid #5c624d;flex-direction:column;gap:8px;min-width:0;padding:15px 13px;display:flex}.localization-stats strong{color:var(--story-accent);font:800 clamp(25px,3vw,36px)/1 Winky Sans,sans-serif}.localization-stats span{color:#d7d4c7;text-transform:uppercase;font:700 11px/1.35 IBM Plex Mono,Consolas,monospace}.story-page .technical-note{border-left-color:var(--story-accent)}.story-page .technical-note span{color:var(--story-accent)}.technical-note p{color:#e1e4d8;margin:9px 0 0;font-size:15px;line-height:1.6}.implementation-details{border-top:1px solid #4b5043;margin-top:23px}.implementation-details summary{color:#e5ab67;cursor:pointer;justify-content:space-between;gap:12px;padding:15px 0;font:700 15px/1.3 Winky Sans,sans-serif;list-style:none;display:flex}.implementation-details summary::-webkit-details-marker{display:none}.implementation-details[open] summary span{transform:rotate(45deg)}.implementation-details div{padding-bottom:10px}.implementation-details p{color:#cfc9bc;margin:0 0 16px;font-size:15px;line-height:1.65}.project-card .text-link{margin-top:16px}.story-credits{padding-top:65px}.story-credits p:not(.eyebrow){color:#b9b4a6;max-width:760px;font-size:15px;line-height:1.6}@keyframes stars-breathe{0%{opacity:.37;transform:translateY(0)}to{opacity:.72;transform:translateY(-9px)}}@keyframes sticker-float{50%{transform:translateY(-12px)rotate(3deg)}}@keyframes spark-twinkle{0%{opacity:.35;transform:scale(.8)rotate(-9deg)}to{opacity:1;transform:scale(1.16)rotate(12deg)}}@keyframes shooting-star{0%,46%,to{opacity:0;transform:translate(0)rotate(-30deg)}48%{opacity:.85}54%{opacity:0;transform:translate(-180px,110px)rotate(-30deg)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-15px)rotate(-25deg)}15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translate(65px,520px)rotate(240deg)}}@keyframes note-rise{0%{opacity:0;transform:translateY(12px)rotate(-8deg)}25%,70%{opacity:.75}to{opacity:0;transform:translateY(-75px)rotate(14deg)}}@keyframes midi-play{to{left:100%}}@media(max-width:900px){.hero-art{width:190px;top:14%;right:0}.project-overview{grid-template-columns:1fr;gap:20px}.project-card-visual,.project-card-technical{grid-template-columns:1fr}.input-diagram,.dialogue-diagram,.midi-diagram{border-top:1px solid #515548;border-left:0}.project-card-visual .story-figure img{max-height:470px}.project-card-visual:nth-child(2n)>.story-figure,.project-card-visual:nth-child(2n)>.image-comparison{order:initial}}@media(max-width:680px){.home-intro{min-height:500px;padding-block:50px 40px}.home-intro h1{margin:58px 0 22px;font-size:clamp(68px,15vw,103px);line-height:1.02}.hero-greeting{margin-bottom:9px}.hero-art{width:130px;top:4%;right:-5%}.hero-art-spark{font-size:36px}.hero-art-spark-two{font-size:25px}.intro-bottom p{font-size:17px;line-height:1.6}.explore-link{margin-top:25px}.project-content{padding-block:60px 80px}.project-overview{padding-bottom:50px}.system-panel-heading{display:block}.system-panel-heading h2{margin-top:8px}.system-flow{grid-template-columns:1fr;gap:20px}.system-step{flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;min-height:70px}.system-step:not(:last-child):after{content:"↓";font-size:22px;display:block;top:auto;bottom:-25px;right:50%;transform:translate(50%)}.system-step span{font-size:12px}.system-step strong{font-size:16px}.breakdown-heading{margin:80px 0 25px}.project-grid{grid-template-columns:1fr;gap:18px}.project-card-visual{grid-column:auto}.project-card-copy{padding:25px}.project-card-copy>p{font-size:16px}.localization-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.localization-stats>div:last-child{grid-column:1/-1}.project-card-visual .story-figure img{aspect-ratio:16/9;max-height:300px}.comparison-images{min-height:0}.dialogue-diagram,.midi-diagram{padding:24px}.graph-node{min-height:46px;padding:7px 8px;font-size:12px}.graph-arrow{font-size:22px}}@media(max-width:390px){.home-intro h1{font-size:65px}.hero-art{width:110px}.system-step{padding:13px}.explore-link .round-arrow{margin-top:0}}@media(prefers-reduced-motion:reduce){.hero-stars,.hero-art,.hero-art-spark{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}