@font-face{font-family:JoyPixel;src:url('assets/fonts/fusion-pixel.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--canvas:#eaf6ff;--paper:#fffdf5;--ink:#25315b;--muted:#536184;--sky:#76d9f2;--mint:#85ddb2;--coral:#ff8c91;--lemon:#ffe27a;--violet:#b5a5f8;--space:#162644;--line:#25315b;--font:JoyPixel,"PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.4;text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}img{display:block;max-width:100%;image-rendering:pixelated}svg.pixel-icon{fill:currentColor;stroke:none;width:24px;height:24px;flex-shrink:0;shape-rendering:crispEdges}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px dashed #fb4d79;outline-offset:5px}[hidden]{display:none!important}.section-shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-160%);padding:10px 18px;background:var(--lemon);border:3px solid var(--ink)}.skip-link:focus{transform:none}section[id]{scroll-margin-top:40px}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:3px solid var(--ink)}.header-inner{height:84px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between}.identity{display:flex;align-items:center;gap:12px}.identity img{border:2px solid var(--ink);width:40px;height:40px}.identity>span{font-size:22px;line-height:1.3}.identity small{font-size:14px;display:block;margin-top:4px;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:10px;margin-left:auto}.site-header nav a{font-size:16px;min-height:44px;display:flex;align-items:center;padding:5px 14px;border:2px solid transparent}.site-header nav a:hover{background:#d7ecf7}.site-header nav a[aria-current]{background:var(--mint);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.header-link,.button,.pixel-small-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);background:var(--lemon);color:var(--ink);min-height:48px;padding:9px 19px;font-size:16px;transition:transform .14s,box-shadow .14s}.header-link:hover,.button:hover,.pixel-small-button:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}.header-link:active,.button:active,.pixel-small-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.world-motion{background:transparent;border:0;display:flex;align-items:center;gap:6px;min-height:44px;padding:4px;font-size:14px;white-space:nowrap}.world-motion .pixel-icon{width:18px;height:18px}.menu-toggle{display:none;background:var(--sky);border:2px solid var(--ink);width:44px;height:44px;padding:8px}
.hero-band{background:var(--space);color:var(--paper);position:relative;overflow:hidden;background-image:linear-gradient(rgba(118,217,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,217,242,.045) 1px,transparent 1px);background-size:32px 32px;border-bottom:4px solid var(--ink)}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding-block:62px 94px;position:relative}.hero-copy{position:relative;z-index:2}.intro-line{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--sky);margin-bottom:24px}.intro-line svg{color:var(--lemon)}h1{font-size:60px;line-height:1.4;letter-spacing:0;text-shadow:4px 4px 0 #29466f}.hero-description{font-size:18px;color:#c8dcf1;margin-top:22px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.button-primary{background:var(--lemon)}.hero .button{border-color:#0b1428;box-shadow:4px 4px 0 #080e1a}.button-quiet{background:var(--sky)}.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:34px;color:#b9d0e9;font-size:14px}.hero-footnote>svg{color:var(--coral)}.hero-world{border:3px solid var(--ink);box-shadow:8px 8px 0 #09152a;position:relative;background:var(--paper);color:var(--ink);min-width:0}.hero-world:before,.hero-world:after{content:"";position:absolute;background:var(--space);width:7px;height:7px;z-index:5;left:-3px;top:-3px}.hero-world:after{left:auto;right:-3px;top:auto;bottom:-3px}.world-title,.world-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 17px;font-size:14px;background:var(--sky);border-bottom:3px solid var(--ink)}.window-pixels{letter-spacing:3px}.world-toolbar{border-bottom:0;border-top:3px solid var(--ink);background:var(--paper);padding-block:10px}.world-toolbar>span{display:flex;align-items:center;gap:8px}.world-toolbar .pixel-icon{color:#ba365a;width:18px;height:18px}.pixel-small-button{padding:4px 11px;min-height:36px;font-size:14px;border-width:2px;box-shadow:3px 3px 0 var(--ink);background:var(--mint)}.pixel-scene{height:435px;position:relative;overflow:hidden;isolation:isolate}.scene-background{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;inset:0}.hero-person{position:absolute;width:76%;height:auto;left:12%;bottom:3%;z-index:2;filter:drop-shadow(4px 4px 0 rgba(13,28,50,.15))}.scene-star{position:absolute;z-index:1;color:var(--lemon)}.star-one{top:15%;left:43%;width:24px!important}.star-two{top:33%;right:21%;color:#99ecfa;animation-delay:-1.5s!important}.scroll-cue{position:absolute;bottom:24px;left:0;display:flex;align-items:center;gap:12px;color:#bfd5e9;font-size:14px}.scroll-cue svg{width:18px}.topic-strip{background:var(--mint);border-bottom:3px solid var(--ink)}.topic-strip>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-block:19px;font-size:16px}.topic-strip span{display:flex;align-items:center;gap:12px}.topic-strip svg{width:24px}
.project-section{padding-block:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:42px}.section-kicker{font-size:16px;color:#345986;margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-kicker:before{content:"";width:8px;height:8px;background:var(--coral);box-shadow:4px 4px 0 var(--ink)}h2{font-size:36px;line-height:1.5}.section-intro{font-size:17px;color:var(--muted);max-width:430px;line-height:1.9}.project-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pillar{padding:27px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--paper);position:relative}.pillar:nth-child(1){background:#fff1bd}.pillar:nth-child(2){background:#cdf2e0}.pillar:nth-child(3){background:#eee2ff}.icon-box{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-bottom:22px;background:var(--paper)}.icon-box svg{width:24px;height:24px}.cyan{color:#af3756}.blue{color:#245787}.violet{color:#6d489e}.pillar h3{font-size:22px;margin-bottom:12px}.pillar p{font-size:17px;line-height:1.9;color:var(--ink)}
.product-signature{font-size:14px;letter-spacing:2px;color:#345986}.gallery-section{background:#d5eeff;border-block:3px solid var(--ink);background-image:radial-gradient(#a7c5de 1px,transparent 1px);background-size:16px 16px}.gallery-shell{padding-block:58px 48px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:27px}.gallery-intro{font-size:17px;color:var(--muted);line-height:1.9;margin-top:16px}.gallery-host{position:relative;display:flex;align-items:center;gap:15px;align-self:flex-end}.gallery-host img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(4px 4px 0 #b2cedd)}.gallery-host figcaption{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 #8ea9bf;padding:12px 18px;font-size:16px;max-width:210px;position:relative}.gallery-host figcaption:before{content:"";position:absolute;left:-8px;top:18px;background:var(--paper);width:8px;height:9px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink)}.gallery-marquee{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--ink);color:var(--paper);padding:12px 19px;border:3px solid var(--ink);margin-bottom:24px;font-size:16px}.gallery-marquee>span{display:flex;align-items:center;gap:9px}.gallery-marquee .pixel-icon{color:var(--lemon);width:20px;height:20px}.gallery-marquee>span:last-child{font-size:14px;color:#b8e0df}.playback-dot{display:inline-block;width:6px;height:6px;background:var(--mint);flex-shrink:0;animation:status-blink 2.8s steps(2,end) infinite}.gallery-load-state{padding:12px 0;font-size:14px;color:var(--muted)}.companion-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;min-height:10px}.gallery-card{min-width:0;border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);position:relative;overflow:hidden}.gallery-card-heading{background:var(--card-color);display:flex;align-items:center;gap:12px;padding:10px 13px;border-bottom:2px solid var(--ink)}.gallery-number{font-size:12px;line-height:1.4;display:grid;place-items:center;width:26px;height:24px;background:var(--paper);border:2px solid var(--ink)}.gallery-card-heading h3{font-size:20px;line-height:1.4}.gallery-stage{height:218px;position:relative;display:grid;place-items:center;background-color:var(--paper);background-image:linear-gradient(#dfe9ed 1px,transparent 1px),linear-gradient(90deg,#dfe9ed 1px,transparent 1px);background-size:22px 22px}.gallery-stage:before{content:"";position:absolute;bottom:14px;left:22%;right:22%;height:8px;background:var(--card-color);border-bottom:2px solid #c6d1df}.gallery-stage canvas{width:200px;height:217px;max-width:100%;position:relative;z-index:1;image-rendering:pixelated}.gallery-fallback{position:absolute;z-index:2;background:var(--paper);padding:7px 13px;font-size:14px;color:var(--muted)}.gallery-card-footer{display:flex;align-items:center;gap:9px;padding:9px 14px;border-top:2px solid var(--ink);background:var(--paper);font-size:14px;min-height:44px}.gallery-card-footer .playback-dot{background:#6a8f9a;animation:none}.gallery-card[data-state=ready] .gallery-card-footer .playback-dot{background:#5b9e81;animation:status-blink 3s steps(2,end) infinite}.gallery-card[data-state=error] .gallery-card-footer .playback-dot{background:var(--coral)}.gallery-footnote{display:flex;justify-content:space-between;gap:15px;margin-top:26px;color:var(--muted);font-size:14px}.gallery-footnote>span:last-child{font-size:12px;letter-spacing:1px}.gallery-stage:after{content:"";position:absolute;right:12px;top:12px;width:5px;height:5px;background:var(--card-color);box-shadow:-7px 7px 0 var(--card-color)}.creator-note img{width:160px;height:160px}.about-portrait{background:#ddd7fa}.world-paused .playback-dot{opacity:.5}
@keyframes status-blink{0%,75%,100%{opacity:1}85%{opacity:.4}}

.explore-section{padding-block:80px}.explore-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px}.explore-tabs{display:flex;flex-direction:column;gap:15px}.explore-tabs button{display:flex;align-items:center;gap:18px;width:100%;min-height:120px;text-align:left;padding:20px 22px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 #8398b1}.explore-tabs button[aria-selected="true"]{background:var(--lemon);box-shadow:4px 4px 0 var(--ink)}.explore-tabs button:hover{background:#d6f2e5}.explore-tabs strong{font-size:22px;font-weight:400;display:block}.explore-tabs small{font-size:14px;display:block;margin-top:4px;color:var(--muted)}.tab-state{margin-left:auto;font-size:14px;white-space:nowrap;color:var(--muted)}.explore-panel{height:100%;min-height:390px;padding:30px 34px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--space);color:var(--paper);position:relative}.explore-panel:before{content:"";position:absolute;top:0;right:0;width:36px;height:7px;background:var(--sky);box-shadow:-36px 0 0 var(--mint),-72px 0 0 var(--coral)}.panel-label{font-size:14px;color:var(--sky);margin-bottom:16px}.explore-panel h3{font-size:30px;line-height:1.5}.explore-panel>p:not(.panel-label){font-size:16px;color:#c4d6eb;margin-block:18px;line-height:1.9}.flow-diagram{display:flex;align-items:center;font-size:14px;margin-block:23px}.flow-diagram span{border:2px solid #83a6c7;background:#223b60;padding:7px 11px;white-space:nowrap}.flow-diagram i{height:3px;min-width:6px;flex:1;background:var(--sky)}.tech-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#c4d6eb}.tech-tags span:before{content:"#";color:var(--mint);margin-right:5px}.creator-note{display:flex;align-items:center;gap:32px;margin-top:42px;padding:17px 32px;background:#d4eee3;border:2px solid #749da7;position:relative;min-height:155px}.creator-note img{width:145px;height:145px;object-fit:contain;margin-top:-18px}.creator-note p{font-size:16px;color:var(--muted)}.creator-note strong{font-size:24px;font-weight:400;display:block;margin-top:9px}.creator-note>svg{margin-left:auto;width:48px;height:48px;color:#416c80}.principle-note{display:flex;align-items:flex-start;gap:13px;margin-top:25px;font-size:14px;color:var(--muted)}.principle-note>svg{width:20px;height:20px;margin-top:2px;color:#345986}
.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:25px 85px;align-items:center}.about-portrait{border:3px solid var(--ink);background:var(--mint);box-shadow:7px 7px 0 var(--ink);position:relative;max-width:370px}.portrait-heading{border-bottom:3px solid var(--ink);background:var(--lemon);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.portrait-heading svg{width:24px}.about-portrait>img{width:100%;height:auto;padding:15px 15px 0}.about-portrait figcaption{font-size:14px;text-align:center;padding:9px;background:var(--paper);border-top:3px solid var(--ink)}.about-copy>p:not(.section-kicker){font-size:18px;color:var(--muted);line-height:1.9;margin-top:19px}.about-interests{display:flex;gap:10px;flex-wrap:wrap;margin-block:23px}.about-interests span{padding:3px 12px;border:2px solid var(--ink);font-size:14px;background:var(--paper);box-shadow:2px 2px 0 #a8b6cb}.text-link{font-size:16px;display:inline-block;border-bottom:3px solid var(--ink);padding-block:4px}.text-link:hover{color:#a83358}.closing-section{text-align:center;padding-block:55px 64px;border-top:3px dashed #a7bcd6}.closing-section>svg{width:48px;height:48px;display:block;margin:0 auto 15px;color:#b83857}.closing-section>p{color:var(--muted);font-size:16px;margin-bottom:10px}.closing-section h2{font-size:36px;margin-bottom:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px;border-top:3px solid var(--ink);font-size:14px;color:var(--muted)}.footer-brand{font-size:20px;color:var(--ink)}.footer-brand span{font-size:14px;margin-left:8px}.site-footer>a:last-child{padding:10px 0}.noscript-note{padding:20px;background:var(--lemon);color:var(--ink)}
.hero-band:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--sky);opacity:.14;pointer-events:none;animation:scene-scan 14s linear infinite}.hero-person{width:auto;height:94%;max-width:85%;left:0;right:0;margin-inline:auto;animation:person-idle 6s steps(8,end) infinite}.hero-world{animation:world-float 8s steps(12,end) infinite}.pillar{transition:transform .15s}.pillar:hover{transform:translateY(-4px)}.anim-heart{animation:heart-beat 3.6s steps(4,end) infinite}.anim-wiggle{animation:icon-wiggle 4s steps(4,end) infinite}.anim-spark{animation:spark-twinkle 4.5s steps(3,end) infinite}.anim-code{animation:code-bop 5s steps(5,end) infinite}.anim-down{animation:down-bob 2s steps(5,end) infinite}.world-paused *, .world-paused *:before,.world-paused *:after{animation-play-state:paused!important}.page-hidden *{animation-play-state:paused!important}.motion-offscreen,.motion-offscreen *{animation-play-state:paused!important}
@keyframes heart-beat{0%,70%,100%{transform:scale(1)}76%{transform:scale(1.15)}82%{transform:scale(1)}88%{transform:scale(1.12)}}@keyframes icon-wiggle{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-10deg)}84%{transform:rotate(10deg)}92%{transform:rotate(-5deg)}}@keyframes spark-twinkle{0%,100%{opacity:1;transform:scale(1)}45%{opacity:.45;transform:scale(.75)}65%{opacity:1;transform:scale(1.15)}}@keyframes code-bop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-4px)}90%{transform:translateY(2px)}}@keyframes down-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fish-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes person-pop{0%{transform:translateY(0)}35%{transform:translateY(-8px)}70%{transform:translateY(2px)}100%{transform:translateY(0)}}@keyframes pixel-burst{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(90deg)}}
@keyframes scene-scan{from{transform:translateY(0)}to{transform:translateY(820px)}}@keyframes world-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes person-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1100px){.section-shell{width:calc(100% - 56px)}.header-inner{width:calc(100% - 40px);gap:14px}.header-link{display:none}.site-header nav{gap:3px}.hero{gap:28px;min-height:670px}.hero h1{font-size:48px}.pixel-scene{height:400px}.hero-actions{gap:13px}.hero .button{font-size:14px;padding-inline:15px}.section-heading{gap:35px}.tab-state{display:none}.explore-tabs button{gap:13px;padding:20px 16px}.explore-panel{padding:28px}.about-section{gap:60px}.project-pillars{gap:18px}.pillar{padding:22px}.pillar h3{font-size:20px}}
@media(max-width:760px){.section-shell{width:calc(100% - 40px)}html{scroll-padding-top:82px}section[id]{scroll-margin-top:12px}.header-inner{height:74px;gap:10px;width:calc(100% - 32px)}.identity>span{font-size:20px}.identity small{font-size:12px}.identity img{width:36px;height:36px}.world-motion{margin-left:auto}.world-motion>span{display:none}.world-motion svg.pixel-icon{width:24px;height:24px}.menu-toggle{display:block;order:5}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);padding:12px 18px;flex-direction:column;align-items:stretch;gap:9px;margin:0}.site-header nav[data-open="true"]{display:flex}.site-header nav a{font-size:18px;padding:8px 13px;min-height:44px}.hero{grid-template-columns:1fr;gap:33px;padding-block:34px 64px;min-height:0}.hero h1{font-size:42px;line-height:1.5;text-shadow:3px 3px 0 #29466f}.intro-line{font-size:14px;margin-bottom:15px;gap:9px}.hero-description{font-size:16px;line-height:1.95;margin-top:16px}.hero-actions{margin-top:22px;gap:14px}.hero .button{min-height:46px;font-size:14px;padding-inline:15px;border-width:2px}.hero-footnote{font-size:14px;margin-top:22px}.hero-footnote br{display:none}.hero-world{width:100%;max-width:520px;box-shadow:5px 5px 0 #09152a}.pixel-scene{height:auto;aspect-ratio:1.15}.world-title{padding:8px 12px}.world-toolbar{padding:8px 12px;gap:7px;font-size:12px}.world-toolbar>span{gap:5px}.pixel-small-button{font-size:12px;min-height:36px;padding-inline:8px}.scroll-cue{bottom:17px;font-size:12px}.topic-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:18px;font-size:14px}.topic-strip span{gap:8px}.project-section,.explore-section{padding-block:55px}.section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:30px}.section-kicker{font-size:14px;margin-bottom:10px}h2{font-size:30px}.section-intro{font-size:16px;max-width:100%}.project-pillars{grid-template-columns:1fr;gap:23px}.pillar{padding:22px;display:grid;grid-template-columns:48px 1fr;gap:0 18px}.pillar .icon-box{grid-row:1/3;margin:0}.pillar h3{font-size:20px;margin-bottom:10px}.pillar p{font-size:16px;line-height:1.85}.explore-grid{grid-template-columns:1fr;gap:23px}.explore-tabs{gap:13px}.explore-tabs button{min-height:88px;padding:13px 17px;gap:15px}.explore-tabs strong{font-size:20px}.explore-tabs small{font-size:12px}.tab-state{display:block;font-size:12px}.explore-panel{min-height:0;padding:25px 22px}.explore-panel h3{font-size:26px}.explore-panel>p:not(.panel-label){font-size:16px}.flow-diagram{font-size:12px}.flow-diagram span{padding:6px 7px}.tech-tags{font-size:12px}.creator-note{padding:12px 14px;gap:10px;min-height:120px;margin-top:34px}.creator-note img{width:95px;height:95px;margin:0}.creator-note p{font-size:12px}.creator-note strong{font-size:18px;margin-top:5px}.creator-note>svg{display:none}.principle-note{font-size:13px;gap:10px}.about-section{grid-template-columns:1fr;gap:35px;padding-block:15px 55px}.about-portrait{max-width:300px;width:85%;margin-inline:auto;box-shadow:5px 5px 0 var(--ink)}.portrait-heading{font-size:14px}.about-portrait figcaption{font-size:12px}.about-copy>p:not(.section-kicker){font-size:16px}.about-interests{gap:8px}.about-interests span{font-size:12px;padding-inline:9px}.closing-section{padding-block:42px 48px}.closing-section h2{font-size:30px}.closing-section>p{font-size:14px}.closing-section .button{font-size:14px}.site-footer{flex-wrap:wrap;gap:12px 10px;font-size:12px;padding-block:22px}.footer-brand{font-size:18px}.site-footer p{width:100%;order:3}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:360px){.hero h1{font-size:36px}.hero-actions{gap:12px}.hero .button{padding-inline:10px;font-size:12px}.tab-state{display:none}.creator-note img{width:75px;height:75px}.creator-note strong{font-size:16px}.world-toolbar>span{font-size:12px}.world-toolbar svg{display:none}}
.page-hidden *:before,.page-hidden *:after,.motion-offscreen:before,.motion-offscreen:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.hero-band{background:white;color:black}.hero h1{color:black;text-shadow:none}.hero-description,.hero-footnote{color:#333}.section-shell{width:100%}.hero{padding:20px 0;min-height:0}.explore-panel{background:white;color:black}.explore-panel>p:not(.panel-label){color:#333}.explore-panel[hidden]{display:block!important}.explore-tabs{display:none}.explore-grid{display:block}}

@media(max-width:1100px){.companion-gallery{gap:18px}.gallery-stage{height:190px}.gallery-stage canvas{width:175px;height:190px}.gallery-card-heading{padding:10px;gap:8px}.gallery-card-heading h3{font-size:18px}.gallery-host img{width:180px;height:180px}.gallery-card-footer{font-size:12px;padding-inline:10px}}
@media(max-width:760px){.gallery-shell{padding-block:45px 35px}.gallery-heading{align-items:flex-start;gap:15px}.gallery-heading h2{font-size:28px}.gallery-intro{font-size:14px;margin-top:13px}.gallery-host{display:block;align-self:flex-end;width:118px;flex-shrink:0;margin-bottom:4px}.gallery-host img{width:118px;height:150px}.gallery-host figcaption{font-size:12px;padding:6px 9px;max-width:118px;line-height:1.6;box-shadow:2px 2px 0 #8ea9bf}.gallery-host figcaption:before{display:none}.gallery-marquee{padding:9px 11px;align-items:flex-start;gap:8px;font-size:12px;margin-bottom:20px}.gallery-marquee>span{gap:6px}.gallery-marquee>span:last-child{font-size:12px;line-height:1.7;white-space:nowrap}.gallery-marquee .pixel-icon{width:16px;height:16px}.companion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.gallery-card{border-width:2px;box-shadow:4px 4px 0 var(--ink)}.gallery-card-heading{padding:8px 9px;gap:8px}.gallery-card-heading h3{font-size:16px}.gallery-number{font-size:12px;width:22px;height:22px;border-width:1px}.gallery-stage{height:155px;background-size:18px 18px}.gallery-stage canvas{width:140px;height:152px}.gallery-card-footer{font-size:12px;padding:7px 9px;min-height:38px;gap:6px}.gallery-footnote{flex-direction:column;gap:6px;font-size:12px;margin-top:23px}.gallery-fallback{font-size:12px;padding:4px 6px}.product-signature{font-size:12px}.creator-note img{width:105px;height:105px}}
@media(max-width:360px){.gallery-heading{gap:8px}.gallery-heading h2{font-size:24px}.gallery-host{width:92px}.gallery-host img{width:92px;height:120px}.gallery-host figcaption{padding:5px 6px}.gallery-intro{font-size:12px}.gallery-marquee{flex-direction:column;gap:5px}.gallery-card-heading{padding-inline:6px;gap:6px}.gallery-card-heading h3{font-size:14px}.gallery-stage{height:130px}.gallery-stage canvas{width:116px;height:126px}.gallery-card-footer{font-size:12px;padding-inline:6px}.creator-note img{width:85px;height:85px}}
@media(prefers-reduced-motion:reduce){.playback-dot{animation:none!important}}
@media print{.site-header,.skip-link,.scroll-cue,.hero-actions,.closing-section>.button{display:none!important}.gallery-card{break-inside:avoid}}

/* Paris Z's workshop: project visuals carry the story. */
.hero-identity-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#bce2ee;font-size:14px}.hero-identity-tags span{display:flex;align-items:center;gap:7px}.hero-identity-tags .pixel-icon{width:20px;height:20px}.hero-footnote{margin-top:28px}.compact-intro{font-size:18px;line-height:1.9}.stage-label{display:inline-block;padding:3px 9px;border:1px solid currentColor;font-size:12px;line-height:1.6}.compact-intro .stage-label{margin-top:11px;color:var(--muted)}
.product-workshop{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}.product-stage{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--paper);min-width:0}.workshop-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:3px solid var(--ink);background:var(--lemon);font-size:18px}.workshop-title>span{display:flex;gap:10px;align-items:center}.workshop-title small{font-size:12px;white-space:nowrap}.workshop-title .pixel-icon{width:24px;height:24px}.product-universe{height:393px;position:relative;display:grid;place-items:center;background-color:#d5eefb;background-image:linear-gradient(#aacbdf44 1px,transparent 1px),linear-gradient(90deg,#aacbdf44 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.product-universe:before,.product-universe:after{content:"";position:absolute;border:2px dashed #87aabf;inset:54px 16%;pointer-events:none}.product-universe:after{inset:88px 12%;border-color:#a4bfd1}.pocket-device{position:relative;width:220px;background:#fff8df;border:5px solid var(--ink);padding:10px 13px;box-shadow:8px 8px 0 #91aec3;z-index:2;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px);animation:device-float 6s steps(12,end) infinite}.device-top{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:8px}.device-light{width:7px;height:7px;background:#429979;box-shadow:3px 0 0 #8edfb9;animation:status-blink 5s steps(2,end) infinite}.device-screen{height:198px;position:relative;overflow:hidden;border:4px solid var(--ink);background:#dce9fb;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(transparent 75%,#a4c9bc 75%)}.device-stars{position:absolute;inset:13px 11px;display:flex;justify-content:space-between;align-items:flex-start;color:#5989a5}.device-stars .pixel-icon{width:20px;height:20px}.device-stars .pixel-icon:last-child{animation-delay:-1.5s}.atlas-pet{width:144px;height:156px;background-size:1152px 2652px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;animation:atlas-idle 1.4s steps(4,end) infinite}.breadcat-pet{background-image:url('assets/breadcat.webp')}.tailing-pet{background-image:url('assets/tailing.webp');animation-duration:1.6s}.device-screen>.atlas-pet{margin-top:12px}.device-screen-caption{position:absolute;bottom:6px;font-size:10px;letter-spacing:1px;color:var(--ink)}.device-bottom{display:flex;align-items:center;justify-content:space-between;font-size:16px;padding:5px 4px 0}.device-bottom i{width:12px;height:5px;background:#bbc7cd}.device-ground{position:absolute;bottom:29px;width:182px;height:7px;background:#819eaf;box-shadow:12px 0 0 #b9d2df,-12px 0 0 #b9d2df}.orbit-label{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px}.orbit-label>.pixel-icon{width:48px;height:48px;padding:8px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 #809eae;box-sizing:content-box}.orbit-label span{padding:2px 8px;background:var(--paper)}.orbit-touch{top:38px;left:8%}.orbit-motion{top:38px;right:8%}.orbit-game{bottom:40px;left:8%}.orbit-create{bottom:40px;right:8%}.orbit-touch>.pixel-icon{background:#ffdbe0}.orbit-motion>.pixel-icon{background:#dcd4fa}.orbit-game>.pixel-icon{background:#d5edcf}.orbit-create>.pixel-icon{background:#ffeb9e}.product-action-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 15px;border-top:3px solid var(--ink);font-size:14px}.product-action-strip>span{display:flex;align-items:center;justify-content:center;gap:7px}.product-action-strip .pixel-icon{width:24px;height:24px}
.workshop-side{display:grid;grid-template-rows:1.05fr 1fr;gap:25px;min-width:0}.world-postcard,.maker-workbench{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden;background:var(--paper)}.postcard-title{display:flex;align-items:center;gap:9px;padding:9px 15px;background:var(--sky);border-bottom:3px solid var(--ink);font-size:16px}.postcard-title .pixel-icon{width:24px;height:24px}.ocean-window{height:185px;position:relative;overflow:hidden}.ocean-window img{width:100%;height:100%;object-fit:cover;object-position:center 48%;image-rendering:pixelated}.scene-label{position:absolute;bottom:12px;left:15px;padding:4px 12px;background:#fffdf5e8;border:2px solid var(--ink);font-size:14px}.ocean-bubble{position:absolute;width:9px;height:9px;border:2px solid #b5f5fc;bottom:17px;animation:bubble-rise 7s steps(12,end) infinite;opacity:.8}.bubble-one{left:72%}.bubble-two{left:82%;animation-delay:-3s;width:5px;height:5px}.bubble-three{left:57%;animation-delay:-5s;width:7px;height:7px}.maker-workbench h3{padding:10px 15px;background:var(--mint);border-bottom:3px solid var(--ink);display:flex;align-items:center;gap:9px;font-size:16px;font-weight:400}.maker-workbench h3>.pixel-icon{width:24px;height:24px}.workbench-canvas{position:relative;height:150px;display:flex;align-items:center;justify-content:center;background:#fff9e9;overflow:hidden}.workbench-canvas .atlas-pet{width:144px;height:156px;margin-top:-10px}.mini-grid{position:absolute;inset:15px 24%;border:1px solid #c3cfdb;background-image:linear-gradient(#b7c8d233 1px,transparent 1px),linear-gradient(90deg,#b7c8d233 1px,transparent 1px);background-size:12px 12px}.palette-dots{position:absolute;right:14px;top:18px;display:flex;flex-direction:column;gap:7px}.palette-dots i{width:12px;height:12px;background:var(--sky);border:1px solid var(--ink)}.palette-dots i:nth-child(2){background:var(--mint)}.palette-dots i:nth-child(3){background:var(--lemon)}.palette-dots i:nth-child(4){background:var(--coral)}.palette-dots i:nth-child(5){background:var(--violet)}.workbench-cursor{position:absolute;left:67%;top:49%;width:30px;height:30px;color:var(--ink)}.maker-workbench>p{font-size:12px;padding:7px 15px;border-top:1px solid #b6c3ce;color:var(--muted)}
.project-journey{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 20px;margin-top:37px;border-block:2px dashed #9ab8c9}.journey-stop{display:grid;grid-template-columns:40px auto;gap:3px 12px;min-width:0}.journey-stop>.pixel-icon{grid-row:1/3;width:40px;height:40px;align-self:center}.journey-stop strong{font-size:18px;font-weight:400}.journey-stop small{font-size:12px;color:var(--muted)}.journey-wire{position:relative;flex:1;min-width:20px;height:3px;background:#9ab7cc}.journey-wire:before{content:"";position:absolute;top:-2px;left:0;width:7px;height:7px;background:#416c91;animation:packet-run 4s steps(10,end) infinite}.journey-wire:nth-of-type(2):before{animation-delay:-1.3s}.journey-wire:nth-of-type(3):before{animation-delay:-2.6s}
.visual-lab{grid-template-columns:1fr;gap:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--paper)}.visual-lab .explore-tabs{flex-direction:row;gap:0;padding:0;background:#d7e8f3;border-bottom:3px solid var(--ink)}.visual-lab .explore-tabs button{min-height:68px;border:0;border-right:2px solid var(--ink);background:transparent;box-shadow:none;justify-content:center;width:33.333%;padding:14px 20px;gap:13px}.visual-lab .explore-tabs button:last-child{border-right:0}.visual-lab .explore-tabs button[aria-selected=true]{background:var(--lemon);box-shadow:inset 0 -5px 0 #d4b651}.visual-lab .explore-tabs strong{font-size:20px}.visual-lab .explore-tabs svg{width:28px;height:28px}.visual-lab .explore-panel{border:0;box-shadow:none;background:var(--paper);color:var(--ink);min-height:365px;padding:32px;overflow:hidden}.visual-lab .explore-panel:before{display:none}.illustrated-panel:not([hidden]){display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center}.lab-copy .stage-label{color:var(--muted);margin-bottom:17px}.lab-copy h3{font-size:32px;line-height:1.45;margin-bottom:17px}.lab-copy>p{color:var(--muted);font-size:16px;line-height:1.9;max-width:340px}.lab-tags{display:flex;gap:12px;flex-direction:column;margin-top:25px;font-size:14px}.lab-tags>span{display:flex;align-items:center;gap:10px}.lab-tags .pixel-icon{width:26px;height:26px}.playground-window{position:relative;height:288px;border:3px solid var(--ink);overflow:hidden;background:#cae8f8;box-shadow:4px 4px 0 #86a4bd}.playground-sky{position:absolute;top:25px;left:30px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#5f8ab7}.playground-sky .pixel-icon:first-child{width:70px;height:40px;color:var(--paper)}.playground-sky .pixel-icon:last-child{width:40px;height:40px;color:#b68423}.playground-hill{position:absolute;width:200px;height:95px;background:#83c3b3;bottom:73px;clip-path:polygon(0 100%,0 68%,15% 68%,15% 43%,30% 43%,30% 22%,45% 22%,45% 0,60% 0,60% 22%,75% 22%,75% 43%,90% 43%,90% 68%,100% 68%,100% 100%)}.hill-one{left:-35px}.hill-two{right:-15px;background:#aed8b5;transform:scale(.9)}.playground-ground{position:absolute;bottom:0;left:0;right:0;height:96px;background:#6ab697;border-top:8px solid #458369;background-image:linear-gradient(90deg,#568e73 3px,transparent 3px);background-size:30px 8px;background-repeat:repeat-x;background-position:0 15px}.playground-river{position:absolute;width:38%;bottom:0;right:0;height:91px;background:var(--sky);border-left:6px solid #458369}.playground-river:after{content:"";position:absolute;top:18px;left:18px;width:25px;height:4px;background:#c6f4ff;box-shadow:56px 29px 0 #c6f4ff,12px 56px 0 #c6f4ff;animation:river-flow 4s steps(10,end) infinite}.playground-pet{position:absolute;bottom:59px;left:24%;z-index:1}.playground-sprout{position:absolute;width:52px;height:52px;left:9%;bottom:67px}.playground-raft{position:absolute;width:64px;height:42px;right:12%;bottom:27px}.playground-music{position:absolute;width:29px;height:29px;right:23%;top:87px;color:#7864a6}.playground-spark{position:absolute;top:90px;left:45%;color:#b5852e}.game-hud{position:absolute;bottom:11px;left:14px;display:flex;gap:11px;padding:6px 9px;background:var(--paper);border:2px solid var(--ink)}.game-hud .pixel-icon{width:18px;height:18px}
.connection-stage{display:flex;align-items:center;justify-content:center;gap:13px;min-height:295px;position:relative}.actual-device-preview{width:230px;margin:0;position:relative;flex-shrink:0}.actual-device-preview img{width:100%;height:auto}.actual-device-preview figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:5px}.connection-wire{width:50px;display:flex;align-items:center;flex-direction:column;gap:12px;flex-shrink:0}.connection-wire .pixel-icon{width:30px;height:30px;color:#5886a0}.connection-wire i{display:block;width:100%;border-top:2px dashed #8aacc5;position:relative}.connection-wire i:after{content:"";position:absolute;width:6px;height:6px;background:var(--mint);top:-4px;left:0;animation:packet-run 3s steps(6,end) infinite}.phone-prototype{width:136px;height:263px;border:4px solid var(--ink);padding:10px;background:#e9f4f8;box-shadow:4px 4px 0 #8195a9;position:relative;flex-shrink:0}.phone-speaker{width:29px;height:4px;background:var(--ink);margin:0 auto 13px}.phone-title{font-size:14px;display:block;text-align:center;margin-bottom:9px}.phone-art{height:120px;position:relative;overflow:hidden;background:#d6e7d4;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink)}.phone-art .atlas-pet{transform:scale(.72);margin-top:12px}.phone-new{font-size:12px;display:flex;justify-content:center;align-items:center;gap:5px;background:var(--lemon);border:1px solid var(--ink);padding:5px 0;margin-top:8px}.phone-new .pixel-icon{width:16px;height:16px}.phone-nav{display:flex;justify-content:space-around;margin-top:11px}.phone-nav .pixel-icon{width:17px;height:17px}.phone-caption{position:absolute;left:0;right:0;bottom:-28px;text-align:center;font-size:12px;color:var(--muted)}
.idea-network{position:relative;height:293px;background-image:linear-gradient(#b9c6d322 1px,transparent 1px),linear-gradient(90deg,#b9c6d322 1px,transparent 1px);background-size:20px 20px}.idea-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;background:var(--violet);border:3px solid var(--ink);box-shadow:5px 5px 0 #9292b1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.idea-center>.pixel-icon{width:51px;height:51px}.idea-center>span{font-size:12px}.idea-node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:93px;height:80px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 #a0b5c7;font-size:14px}.idea-node>.pixel-icon{width:27px;height:27px}.node-personality{left:5%;top:15px;background:#ffe3e1}.node-memory{right:5%;top:15px;background:#d5eddf}.node-context{right:15%;bottom:0;background:#ffedab}.network-line{position:absolute;height:3px;background:#8cacc7;top:38%;width:37%;transform-origin:left center;left:15%}.line-one{transform:rotate(25deg)}.line-two{left:50%;transform:rotate(-27deg)}.line-three{left:51%;top:51%;width:28%;transform:rotate(57deg)}.idea-pixel{position:absolute;width:6px;height:6px;background:#7086bc;animation:thought-pixel 6s steps(4,end) infinite}.pixel-one{top:36%;left:33%}.pixel-two{top:36%;right:28%;animation-delay:-2s}.pixel-three{top:67%;right:33%;animation-delay:-4s}.creator-tools{margin-left:auto;display:flex;gap:16px;align-items:center}.creator-tools .pixel-icon{width:32px;height:32px}.creator-tools .pixel-icon:nth-child(2){color:#a34361}.creator-tools .pixel-icon:last-child{color:#538b72}
.anim-tap{animation:icon-tap 6s steps(5,end) infinite}.anim-frames{animation:frame-tilt 7s steps(4,end) infinite}.anim-draw{animation:pen-draw 6s steps(6,end) infinite}.anim-signal{animation:signal-pulse 5s steps(3,end) infinite}.anim-think{animation:think-bop 7s steps(4,end) infinite}.anim-drift{animation:cloud-drift 9s steps(10,end) infinite}.anim-sway{animation:icon-sway 7s steps(8,end) infinite}.anim-grow{animation:plant-grow 6s steps(5,end) infinite;transform-origin:50% 85%}.anim-notes{animation:notes-hop 5s steps(5,end) infinite}.anim-type{animation:typing-bop 7s steps(5,end) infinite}.journey-stop:nth-of-type(2)>.pixel-icon{animation-delay:-1s}.journey-stop:nth-of-type(3)>.pixel-icon{animation-delay:-2s}.journey-stop:nth-of-type(4)>.pixel-icon{animation-delay:-3s}.lab-tags>span:nth-child(2)>.pixel-icon{animation-delay:-2s}.lab-tags>span:nth-child(3)>.pixel-icon{animation-delay:-4s}
@keyframes atlas-idle{from{background-position:0 0}to{background-position:-576px 0}}@keyframes device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bubble-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.8}85%{opacity:.8}100%{transform:translateY(-170px);opacity:0}}@keyframes packet-run{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}@keyframes river-flow{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}@keyframes thought-pixel{0%,70%,100%{opacity:.35;transform:scale(1)}80%{opacity:1;transform:scale(1.5)}}@keyframes icon-tap{0%,70%,100%{transform:translate(0,0)}80%{transform:translate(2px,3px)}90%{transform:translate(0,0)}}@keyframes frame-tilt{0%,75%,100%{transform:rotate(0)}85%{transform:rotate(-5deg)}95%{transform:rotate(5deg)}}@keyframes pen-draw{0%,65%,100%{transform:translate(0,0)}75%{transform:translate(3px,-2px)}85%{transform:translate(-2px,2px)}95%{transform:translate(2px,0)}}@keyframes signal-pulse{0%,65%,100%{opacity:1}75%{opacity:.5}85%{opacity:1}95%{opacity:.7}}@keyframes think-bop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-3px)}90%{transform:translateY(1px)}}@keyframes cloud-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}@keyframes icon-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes plant-grow{0%,70%,100%{transform:scaleY(1)}85%{transform:scaleY(1.1)}}@keyframes notes-hop{0%,70%,100%{transform:translateY(0)}85%{transform:translateY(-5px)}}@keyframes typing-bop{0%,70%,100%{transform:translateX(0)}80%{transform:translateX(3px)}90%{transform:translateX(-2px)}}
@media(max-width:1100px){.product-workshop{gap:20px;grid-template-columns:1.35fr 1fr}.product-universe{height:385px}.orbit-touch,.orbit-game{left:4%}.orbit-motion,.orbit-create{right:4%}.orbit-label>.pixel-icon{width:32px;height:32px;padding:6px}.orbit-label{font-size:12px}.pocket-device{width:197px;padding:9px}.workshop-title{padding:10px 13px;font-size:16px}.workshop-title small{font-size:10px}.postcard-title,.maker-workbench h3{font-size:14px;padding-inline:11px}.project-journey{padding-inline:8px;gap:10px}.journey-stop{grid-template-columns:30px auto;gap:2px 8px}.journey-stop>.pixel-icon{width:30px;height:30px}.journey-stop strong{font-size:16px}.journey-stop small{font-size:10px}.journey-wire{min-width:10px}.illustrated-panel:not([hidden]){gap:24px;grid-template-columns:.85fr 1.15fr}.visual-lab .explore-panel{padding:25px}.lab-copy h3{font-size:28px}.actual-device-preview{width:180px}.phone-prototype{width:120px}.connection-stage{gap:9px}.connection-wire{width:32px}.node-personality{left:0}.node-memory{right:0}.creator-tools{gap:10px}}
@media(max-width:950px) and (min-width:761px){.product-workshop{grid-template-columns:1fr}.workshop-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:22px}.ocean-window{height:191px}.workbench-canvas{height:159px}.product-universe{height:390px}.orbit-touch,.orbit-game{left:12%}.orbit-motion,.orbit-create{right:12%}.orbit-label>.pixel-icon{width:43px;height:43px}.pocket-device{width:220px;padding:10px 13px}.illustrated-panel:not([hidden]){grid-template-columns:1fr 1.15fr;gap:22px}.connection-stage{flex-wrap:wrap}.actual-device-preview{width:150px}.connection-wire{width:23px}.phone-prototype{width:112px}.visual-lab .explore-panel{padding:24px}.lab-copy h3{font-size:26px}}
@media(max-width:760px){.hero-identity-tags{gap:13px;margin-top:18px;font-size:12px}.hero-identity-tags .pixel-icon{width:18px;height:18px}.hero-footnote{margin-top:22px}.product-workshop{grid-template-columns:1fr;gap:22px}.compact-intro{font-size:14px}.compact-intro .stage-label{margin-top:7px}.product-stage{box-shadow:4px 4px 0 var(--ink);border-width:2px}.workshop-title{border-bottom-width:2px;padding:9px 11px;font-size:14px}.workshop-title small{font-size:10px}.workshop-title .pixel-icon{width:20px;height:20px}.product-universe{height:322px}.product-universe:before{inset:48px 10%}.product-universe:after{inset:75px 6%}.pocket-device{width:170px;padding:8px;border-width:4px}.device-top{font-size:14px;margin-bottom:6px}.device-screen{height:164px;border-width:3px}.device-screen .atlas-pet{transform:scale(.85)}.device-screen-caption{font-size:8px}.device-stars .pixel-icon{width:15px;height:15px}.device-bottom{padding-top:3px}.device-ground{bottom:34px;width:150px}.orbit-label{gap:6px;font-size:10px}.orbit-label>.pixel-icon{width:29px;height:29px;padding:5px;border-width:2px;box-shadow:2px 2px 0 #809eae}.orbit-touch,.orbit-game{left:3%}.orbit-motion,.orbit-create{right:3%}.orbit-touch,.orbit-motion{top:29px}.orbit-game,.orbit-create{bottom:31px}.orbit-label span{padding:1px 3px}.product-action-strip{padding:10px 7px;gap:3px;font-size:12px;border-top-width:2px}.product-action-strip .pixel-icon{width:20px;height:20px}.product-action-strip>span{gap:4px}.workshop-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:15px}.world-postcard,.maker-workbench{border-width:2px;box-shadow:3px 3px 0 var(--ink)}.postcard-title,.maker-workbench h3{font-size:12px;padding:7px 9px;gap:5px;line-height:1.6;border-bottom-width:2px;min-height:49px}.postcard-title .pixel-icon,.maker-workbench h3>.pixel-icon{width:18px;height:18px;flex-shrink:0}.ocean-window{height:159px}.scene-label{font-size:10px;left:8px;bottom:8px;padding:2px 7px}.workbench-canvas{height:135px}.workbench-canvas>.atlas-pet{transform:scale(.72);margin-top:0}.mini-grid{inset:14px 15%}.palette-dots{right:6px;top:10px;gap:5px}.palette-dots i{width:8px;height:8px}.maker-workbench>p{font-size:10px;padding:5px 9px;line-height:1.8}.workbench-cursor{width:20px;height:20px;left:70%}.project-journey{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;padding:23px 0;margin-top:30px}.journey-wire{display:none}.journey-stop{grid-template-columns:30px 1fr;gap:3px 8px}.journey-stop strong{font-size:14px}.journey-stop small{font-size:10px}.journey-stop>.pixel-icon{width:30px;height:30px}.visual-lab{border-width:2px;box-shadow:4px 4px 0 var(--ink)}.visual-lab .explore-tabs{border-bottom-width:2px}.visual-lab .explore-tabs button{padding:10px 5px;gap:5px;flex-direction:column;min-height:70px;border-right-width:1px}.visual-lab .explore-tabs strong{font-size:12px}.visual-lab .explore-tabs svg{width:24px;height:24px}.illustrated-panel:not([hidden]){grid-template-columns:1fr;gap:24px}.visual-lab .explore-panel{padding:21px 17px;min-height:0}.lab-copy h3{font-size:26px;margin-bottom:11px}.lab-copy>p{font-size:14px;max-width:none}.lab-copy .stage-label{margin-bottom:12px}.lab-tags{font-size:12px;flex-direction:row;flex-wrap:wrap;gap:11px 12px;margin-top:16px}.lab-tags .pixel-icon{width:20px;height:20px}.lab-tags>span{gap:5px}.playground-window{height:230px}.playground-pet{left:23%;bottom:41px;transform:scale(.8)}.playground-sprout{width:42px;height:42px;bottom:66px;left:7%}.playground-raft{width:50px;height:35px;right:7%}.playground-music{width:23px;height:23px;top:66px;right:16%}.playground-spark{top:75px;left:41%}.playground-spark>.pixel-icon{width:18px;height:18px}.playground-sky{top:15px;left:18px;right:18px}.playground-sky .pixel-icon:first-child{width:56px;height:34px}.playground-sky .pixel-icon:last-child{width:32px;height:32px}.connection-stage{gap:8px;min-height:274px}.actual-device-preview{width:164px}.phone-prototype{width:112px;height:243px;padding:8px}.phone-art{height:111px}.connection-wire{width:26px}.connection-wire>.pixel-icon{width:24px;height:24px}.phone-nav{margin-top:10px}.phone-title{font-size:12px}.phone-new{font-size:10px}.idea-network{height:277px}.idea-center{width:90px;height:94px}.idea-center>.pixel-icon{width:43px;height:43px}.idea-node{width:80px;height:76px;font-size:12px}.node-personality{left:0}.node-memory{right:0}.node-context{right:9%}.creator-tools{display:flex;gap:8px;align-self:flex-end;margin-bottom:10px}.creator-tools .pixel-icon{width:20px;height:20px}.creator-tools .pixel-icon:last-child{display:none}.creator-note strong{font-size:16px}.creator-note p{font-size:10px}.creator-note{gap:9px;padding-inline:10px}.creator-note img{width:98px;height:98px}.gallery-card[data-state=design] .gallery-card-footer{font-size:10px}}
@media(max-width:360px){.product-universe{height:291px}.pocket-device{width:150px;padding:7px}.device-screen{height:144px}.device-screen .atlas-pet{transform:scale(.73)}.device-top{font-size:12px}.orbit-label>.pixel-icon{width:23px;height:23px;padding:4px}.orbit-label{font-size:8px}.orbit-touch,.orbit-game{left:2%}.orbit-motion,.orbit-create{right:2%}.orbit-label span{padding-inline:2px}.product-action-strip{font-size:10px}.product-action-strip .pixel-icon{width:17px;height:17px}.postcard-title,.maker-workbench h3{font-size:10px;min-height:42px}.ocean-window{height:134px}.workbench-canvas{height:112px}.workbench-canvas>.atlas-pet{transform:scale(.6)}.maker-workbench>p{font-size:8px;padding:4px 6px}.workshop-title{gap:6px;font-size:12px}.workshop-title small{font-size:8px}.journey-stop{gap:3px 6px}.journey-stop strong{font-size:12px}.journey-stop small{font-size:8px}.actual-device-preview{width:135px}.phone-prototype{width:100px;height:227px}.phone-art{height:95px}.connection-wire{width:16px}.connection-stage{gap:5px;min-height:255px}.lab-copy h3{font-size:24px}.visual-lab .explore-tabs strong{font-size:10px}.creator-note img{width:77px;height:85px}.creator-note strong{font-size:14px}.creator-tools{display:none}}
@media(prefers-reduced-motion:reduce){.product-universe:before,.product-universe:after{border-style:solid}}
@media print{.product-workshop,.visual-lab,.project-journey{break-inside:avoid}.illustrated-panel[hidden]{display:grid!important}.visual-lab .explore-tabs{display:none}}

/* Strategy: a personal pixel world connected to JoyBot's larger ambition. */
.vision-section{background:#203454;color:var(--paper);border-block:4px solid var(--ink);background-image:linear-gradient(#80adc512 1px,transparent 1px),linear-gradient(90deg,#80adc512 1px,transparent 1px);background-size:32px 32px;position:relative}.vision-shell{padding-block:65px 39px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px 48px;align-items:center}.vision-copy .section-kicker{color:var(--sky)}.vision-copy .section-kicker:before{background:var(--mint)}.vision-copy h2{font-size:36px;line-height:1.55}.vision-copy>p:not(.section-kicker){font-size:16px;color:#c4dce8;line-height:1.9;margin-top:18px}.vision-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;border-bottom:2px solid var(--sky);font-size:14px;color:var(--sky);padding-bottom:7px}.vision-link>.pixel-icon{width:18px;height:18px}.relationship-map{display:flex;align-items:center;position:relative;justify-content:space-between;padding-bottom:64px;min-width:0}.relationship-node{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;z-index:1}.relationship-node>.pixel-icon{width:61px;height:61px;padding:16px;background:var(--violet);color:var(--ink);border:3px solid #fffdf5;box-shadow:5px 5px 0 #07172f;box-sizing:content-box;margin-bottom:7px}.relationship-node:nth-of-type(2)>.pixel-icon{background:var(--coral)}.relationship-node:nth-of-type(3)>.pixel-icon{background:var(--mint)}.relationship-node strong{font-size:18px;font-weight:400;white-space:nowrap}.relationship-node small{font-size:12px;color:#c4dce8;white-space:nowrap}.relationship-wire{height:3px;flex:1;background:#83adc4;align-self:flex-start;margin-top:48px;position:relative;min-width:12px}.relationship-wire:after{content:"";width:7px;height:7px;background:var(--lemon);position:absolute;top:-2px;animation:packet-run 5s steps(8,end) infinite}.relationship-wire:nth-of-type(2):after{animation-delay:-2.5s}.relationship-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:14px;color:#b6d0e1;border-bottom:1px solid #54748f;padding-bottom:16px}.ai-loop{grid-column:1/-1;display:flex;align-items:center;gap:17px;border-top:2px dashed #597f9e;padding-top:23px;font-size:14px}.ai-loop>span:not(.ai-loop-label){display:flex;align-items:center;gap:7px;white-space:nowrap}.ai-loop .pixel-icon{width:22px;height:22px;color:var(--sky)}.ai-loop-label{font-size:12px;color:var(--lemon);margin-right:auto;white-space:nowrap}.ai-loop>i{width:13px;height:3px;background:#7da6bc;position:relative;flex-shrink:0}.ai-loop>i:after{content:"";position:absolute;right:0;top:-3px;width:3px;height:9px;background:#7da6bc}.future-section{background:#e9e4fb;border-block:3px solid var(--ink);background-image:radial-gradient(#a8a0c8 1px,transparent 1px);background-size:18px 18px}.future-shell{padding-block:64px 42px}.future-world{display:grid;grid-template-columns:1.45fr 1fr;gap:33px}.creation-hub{border:3px solid var(--ink);background:#f5f0fc;box-shadow:6px 6px 0 var(--ink);min-width:0}.hub-title{display:flex;align-items:center;gap:15px;background:var(--violet);border-bottom:3px solid var(--ink);padding:11px 15px;font-size:16px}.hub-title>span:first-child{display:flex;align-items:center;gap:9px}.hub-title .pixel-icon{width:24px;height:24px}.hub-title small{font-size:12px;margin-left:auto}.hub-title>span:last-child{font-size:12px;letter-spacing:5px}.hub-space{height:289px;position:relative;overflow:hidden;background-image:linear-gradient(#b4a9d229 1px,transparent 1px),linear-gradient(90deg,#b4a9d229 1px,transparent 1px);background-size:20px 20px}.hub-art{width:185px;position:absolute;top:30px;left:26px;border:2px solid var(--ink);box-shadow:4px 4px 0 #b2a6cc;background:var(--paper);z-index:2}.hub-mini-title{display:block;padding:6px 9px;background:#d6ecd5;border-bottom:2px solid var(--ink);font-size:12px}.hub-art-screen{height:139px;display:flex;justify-content:center;align-items:center;position:relative;background:#fff3d9;overflow:hidden}.hub-art-screen>.atlas-pet{transform:scale(.8)}.hub-art-screen>.pixel-icon{position:absolute;bottom:27px;right:13px;width:23px;height:23px}.hub-colors{display:flex;gap:7px;padding:7px 11px;justify-content:center;border-top:1px solid #a5b9bd}.hub-colors i{width:12px;height:12px;background:var(--sky);border:1px solid var(--ink)}.hub-colors i:nth-child(2){background:var(--lemon)}.hub-colors i:nth-child(3){background:var(--coral)}.hub-colors i:nth-child(4){background:var(--mint)}.hub-story{position:absolute;right:28px;top:23px;width:173px;min-height:95px;border:2px solid var(--ink);background:#ffebac;box-shadow:4px 4px 0 #c3b388;padding:12px 14px;z-index:2}.hub-story>.pixel-icon:first-child{width:29px;height:29px;display:inline-block;vertical-align:middle;margin-right:4px}.hub-story>span{font-size:12px;vertical-align:middle}.story-lines{display:flex;flex-direction:column;gap:6px;margin-top:13px}.story-lines i{height:3px;width:80%;background:#c2a775}.story-lines i:nth-child(2){width:65%}.story-lines i:nth-child(3){width:38%}.hub-story>.story-moon{position:absolute;width:16px;height:16px;right:10px;bottom:16px}.hub-story>.story-star{position:absolute;width:12px;height:12px;right:25px;bottom:37px}.hub-game{position:absolute;right:36px;bottom:26px;width:201px;background:#ceeaf4;border:2px solid var(--ink);box-shadow:4px 4px 0 #9fbbc3;z-index:2;padding:10px 13px}.hub-game>.pixel-icon{width:25px;height:25px;display:inline-block;vertical-align:middle;margin-right:6px}.hub-game>span{font-size:12px}.game-pieces{display:flex;justify-content:center;gap:13px;margin-top:9px;padding:8px;background:#d5f0df;border:1px solid #8cb6ac}.game-pieces>.pixel-icon{width:25px;height:25px}.hub-node-path{position:absolute;left:36%;right:11%;top:45%;height:25%;border:3px dashed #897aa9;border-left:none}.hub-node-path:after{content:"";position:absolute;top:-6px;left:18%;width:9px;height:9px;background:#8b70c9;animation:signal-pulse 4s steps(4,end) infinite}.hub-footer{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 10px;border-top:3px solid var(--ink);background:var(--paper);font-size:12px}.hub-footer i{width:15px;height:2px;background:#8c83a5;position:relative}.hub-footer i:after{content:"";height:6px;width:2px;background:#8c83a5;position:absolute;right:0;top:-2px}.relationship-scenes{display:flex;flex-direction:column;gap:16px;padding:0 0 0 5px}.mini-section-label{font-size:14px;margin:0 0 1px;color:var(--muted)}.relationship-scenes article{display:flex;align-items:center;gap:20px;padding:15px 17px;border:2px solid var(--ink);box-shadow:4px 4px 0 #aaa0c1;background:#fff7df}.relationship-scenes article:nth-of-type(2){background:#d9efe7}.relationship-scenes article:nth-of-type(3){background:#d9e9ff}.relationship-scenes article>.pixel-icon{width:42px;height:42px;flex-shrink:0}.relationship-scenes h3{font-size:18px;font-weight:400;margin-bottom:6px}.relationship-scenes p{font-size:12px;line-height:1.7}.relationship-scenes>.stage-label{font-size:10px;align-self:flex-start;margin-top:auto;color:var(--muted)}.ecosystem-heading{display:flex;justify-content:space-between;align-items:center;padding-top:37px;font-size:20px}.ecosystem-heading small{font-size:12px;border:1px solid var(--muted);padding:3px 8px;color:var(--muted)}.ecosystem-strip{margin-top:19px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 #aea4c8}.ecosystem-strip>div{display:grid;grid-template-columns:38px auto;gap:7px 12px;padding:20px 20px;border-right:2px solid #bdb4d6}.ecosystem-strip>div:last-child{border-right:0}.ecosystem-strip .pixel-icon{grid-row:1/3;width:38px;height:38px;align-self:center}.ecosystem-strip strong{font-size:18px;font-weight:400}.ecosystem-strip span{font-size:12px;color:var(--muted)}.ip-path{display:flex;align-items:center;justify-content:center;gap:17px;font-size:14px;padding:23px 15px 25px}.ip-path>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.ip-path .pixel-icon{width:23px;height:23px}.ip-path>i{width:30px;height:2px;border-top:2px dotted #9e91bd}.future-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#273457;color:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 #afa2c9}.future-roadmap>div{padding:21px 19px 24px;border-right:1px dashed #7687a7;position:relative}.future-roadmap>div:last-child{border-right:0}.future-roadmap>i{display:none}.roadmap-stage{color:var(--sky);display:block;font-size:12px;margin-bottom:11px}.future-roadmap strong{display:block;font-weight:400;font-size:18px;line-height:1.7}.future-roadmap small{color:#c8d7e8;display:block;font-size:12px;line-height:1.8;margin-top:9px}.future-roadmap>div:before{content:"";position:absolute;width:6px;height:6px;background:var(--sky);top:-4px;left:20px}.future-roadmap>div:nth-of-type(2):before{background:var(--mint)}.future-roadmap>div:nth-of-type(3):before{background:var(--coral)}.future-roadmap>div:nth-of-type(4):before{background:var(--lemon)}.future-note{font-size:12px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:860px}.about-interests span{display:flex;align-items:center;gap:7px}.about-interests .pixel-icon{width:18px;height:18px}.anim-gift{animation:gift-hop 7s steps(5,end) infinite}@keyframes gift-hop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-4px)}90%{transform:rotate(3deg)}}
@media(max-width:1100px){.vision-shell{gap:32px}.vision-copy h2{font-size:32px}.relationship-node>.pixel-icon{width:46px;height:46px;padding:12px}.relationship-node strong{font-size:16px}.relationship-node small{font-size:10px}.relationship-wire{margin-top:38px}.ai-loop{gap:11px;font-size:12px}.ai-loop .pixel-icon{width:19px;height:19px}.future-world{gap:24px;grid-template-columns:1.3fr 1fr}.hub-art{width:159px;left:19px}.hub-art-screen{height:127px}.hub-story{width:153px;right:17px;padding:10px}.hub-game{width:174px;right:22px}.relationship-scenes article{gap:13px;padding:14px 12px}.relationship-scenes article>.pixel-icon{width:34px;height:34px}.relationship-scenes h3{font-size:16px}.ecosystem-strip>div{padding:17px 13px;gap:6px 9px;grid-template-columns:28px auto}.ecosystem-strip .pixel-icon{width:28px;height:28px}.ecosystem-strip strong{font-size:16px}.ecosystem-strip span{font-size:10px}.future-roadmap>div{padding:19px 14px}.future-roadmap strong{font-size:16px}.future-roadmap small{font-size:10px}.ip-path{font-size:12px}}
@media(max-width:950px) and (min-width:761px){.vision-shell{grid-template-columns:1fr;gap:32px}.vision-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.vision-copy .section-kicker{grid-column:1/-1}.vision-copy>p:not(.section-kicker){margin-top:0}.vision-copy .vision-link{grid-column:1/-1;justify-self:start}.relationship-map{max-width:610px;width:100%;margin-inline:auto}.relationship-node>.pixel-icon{width:57px;height:57px}.relationship-wire{margin-top:44px}.ai-loop{justify-content:center;flex-wrap:wrap}.ai-loop-label{width:100%;text-align:center;margin:0 0 5px}.future-world{grid-template-columns:1fr}.hub-space{height:280px}.hub-art{width:200px;left:11%;top:24px}.hub-art-screen{height:145px}.hub-story{right:10%;width:195px;top:19px}.hub-game{right:12%;width:224px;bottom:28px}.relationship-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:0}.mini-section-label{grid-column:1/-1}.relationship-scenes article{flex-direction:column;align-items:flex-start;gap:12px}.relationship-scenes>.stage-label{grid-column:1/-1;justify-self:start}.relationship-scenes h3{font-size:16px}.ecosystem-strip{grid-template-columns:1fr 1fr}.ecosystem-strip>div:nth-child(2){border-right:0}.ecosystem-strip>div:nth-child(-n+2){border-bottom:2px solid #bdb4d6}.ecosystem-strip span{font-size:12px}.future-roadmap{grid-template-columns:1fr 1fr}.future-roadmap>div:nth-of-type(2){border-right:0}.future-roadmap>div:nth-of-type(-n+2){border-bottom:1px dashed #7687a7}}
@media(max-width:760px){.vision-shell{padding-block:43px 30px;grid-template-columns:1fr;gap:29px}.vision-copy h2{font-size:28px}.vision-copy>p:not(.section-kicker){font-size:14px;margin-top:13px}.vision-link{font-size:12px;margin-top:16px}.relationship-map{padding-bottom:49px;gap:0}.relationship-node{gap:6px}.relationship-node>.pixel-icon{width:32px;height:32px;padding:10px;border-width:2px;box-shadow:3px 3px 0 #07172f;margin-bottom:5px}.relationship-node strong{font-size:14px}.relationship-node small{font-size:10px}.relationship-wire{margin-top:29px;min-width:8px}.relationship-caption{font-size:12px;bottom:0;padding-bottom:12px;line-height:1.8}.ai-loop{grid-column:1;flex-wrap:wrap;justify-content:center;gap:13px 11px;font-size:12px;padding-top:19px}.ai-loop-label{width:100%;text-align:center;margin:0 0 3px}.ai-loop>span:not(.ai-loop-label){gap:4px}.ai-loop .pixel-icon{width:18px;height:18px}.ai-loop>i{width:8px}.future-shell{padding-block:45px 32px}.future-world{grid-template-columns:1fr;gap:25px}.creation-hub{border-width:2px;box-shadow:4px 4px 0 var(--ink)}.hub-title{font-size:14px;padding:9px 12px;border-bottom-width:2px;gap:9px}.hub-title .pixel-icon{width:20px;height:20px}.hub-title small,.hub-title>span:last-child{font-size:10px}.hub-title>span:last-child{letter-spacing:3px}.hub-space{height:268px}.hub-art{width:146px;left:13px;top:31px;border-width:2px;box-shadow:3px 3px 0 #b2a6cc}.hub-art-screen{height:130px}.hub-art-screen>.atlas-pet{transform:scale(.7)}.hub-mini-title{font-size:10px;padding:5px 7px}.hub-colors{gap:6px;padding:5px 8px}.hub-colors i{width:10px;height:10px}.hub-story{width:142px;right:11px;top:20px;padding:10px 8px;min-height:93px;box-shadow:3px 3px 0 #c3b388}.hub-story>span{font-size:10px}.hub-story>.pixel-icon:first-child{width:25px;height:25px;margin-right:3px}.hub-game{width:160px;right:11px;bottom:28px;padding:9px 8px;box-shadow:3px 3px 0 #9fbbc3}.hub-game>span{font-size:10px}.hub-game>.pixel-icon{width:21px;height:21px}.game-pieces{gap:10px;padding:6px}.game-pieces>.pixel-icon{width:21px;height:21px}.hub-footer{border-top-width:2px;padding:10px 8px;gap:10px;font-size:10px}.hub-footer i{width:12px}.relationship-scenes{gap:14px;padding:0}.mini-section-label{font-size:12px}.relationship-scenes article{padding:13px 15px;gap:18px;box-shadow:3px 3px 0 #aaa0c1}.relationship-scenes article>.pixel-icon{width:35px;height:35px}.relationship-scenes h3{font-size:16px}.relationship-scenes p{font-size:12px}.relationship-scenes>.stage-label{margin-top:2px}.ecosystem-heading{font-size:18px;padding-top:30px}.ecosystem-heading small{font-size:10px}.ecosystem-strip{grid-template-columns:1fr 1fr;margin-top:15px;box-shadow:3px 3px 0 #aea4c8}.ecosystem-strip>div{padding:13px 10px;gap:6px;grid-template-columns:24px auto;border-right-width:1px}.ecosystem-strip>div:nth-child(2){border-right:0}.ecosystem-strip>div:nth-child(-n+2){border-bottom:1px solid #bdb4d6}.ecosystem-strip strong{font-size:14px}.ecosystem-strip span{font-size:10px}.ecosystem-strip .pixel-icon{width:24px;height:24px}.ip-path{padding:20px 0;gap:11px;flex-wrap:wrap;justify-content:flex-start;font-size:12px}.ip-path .pixel-icon{width:18px;height:18px}.ip-path>span{gap:5px}.ip-path>i{width:9px}.future-roadmap{grid-template-columns:1fr 1fr;box-shadow:3px 3px 0 #afa2c9;border-width:2px}.future-roadmap>div{padding:16px 11px}.future-roadmap>div:nth-of-type(2){border-right:0}.future-roadmap>div:nth-of-type(-n+2){border-bottom:1px dashed #7687a7}.roadmap-stage{font-size:10px;margin-bottom:9px}.future-roadmap strong{font-size:14px}.future-roadmap small{font-size:10px;line-height:1.8}.future-note{font-size:10px;margin-top:20px}.about-interests .pixel-icon{width:15px;height:15px}.about-interests span{gap:5px}}
@media(max-width:360px){.relationship-node>.pixel-icon{width:25px;height:25px;padding:9px}.relationship-node strong{font-size:12px}.relationship-node small{font-size:8px}.relationship-wire{margin-top:24px}.relationship-caption{font-size:10px}.vision-copy h2{font-size:26px}.ai-loop{gap:11px 8px;font-size:10px}.ai-loop .pixel-icon{width:15px;height:15px}.ai-loop>i{width:6px}.hub-space{height:307px}.hub-art{left:11px;top:21px;width:142px}.hub-story{right:10px;top:47px;width:109px;min-height:98px}.hub-story>.pixel-icon:first-child{display:block;margin-bottom:6px}.hub-story>.story-star{right:9px;bottom:36px}.hub-game{bottom:20px;right:12px;width:194px}.hub-art-screen{height:127px}.hub-node-path{top:50%;height:28%;right:21%}.ecosystem-strip>div{grid-template-columns:21px auto;padding:12px 8px;gap:5px}.ecosystem-strip .pixel-icon{width:21px;height:21px}.ecosystem-strip strong{font-size:12px}.ecosystem-strip span{font-size:8px}.ecosystem-heading{font-size:16px}.future-roadmap strong{font-size:12px}.future-roadmap small{font-size:8px}.ip-path{font-size:10px}.future-note{font-size:10px}}

/* Keep the paired prototype illustration inside the smallest phone panels. */
@media(max-width:760px){.illustrated-panel:not([hidden]){grid-template-columns:minmax(0,1fr)}.connection-stage{min-width:0}}
@media(max-width:360px){.actual-device-preview{width:120px}.phone-prototype{width:94px}.connection-wire{width:13px}.connection-wire>.pixel-icon{width:13px;height:16px}.connection-stage{gap:5px}.phone-art{height:93px}.phone-prototype{height:221px}}

/* Break editorial titles at punctuation, keeping each phrase intact. */
.heading-phrase{display:inline-block;white-space:nowrap}.punctuated-heading{ text-wrap:initial }.gallery-host figcaption .heading-phrase{display:block}
@media(max-width:760px){#future-title,#explore-title{font-size:clamp(24px,7.4vw,30px)}}
@media(max-width:360px){.gallery-host figcaption{width:104px;max-width:none;margin-left:-12px;font-size:12px}}

/* A persistent pixel control, clear of mobile safe areas. */
.back-to-top{position:fixed;z-index:25;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:64px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--mint);color:var(--ink);font-size:14px;line-height:1.5;transition:transform .14s,box-shadow .14s}
.back-to-top .pixel-icon{width:26px;height:26px}.back-to-top:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
@media(hover:hover){.back-to-top:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--ink)}}
@media(max-width:760px){.back-to-top{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;min-height:60px;font-size:12px}.back-to-top .pixel-icon{width:24px;height:24px}}
.world-paused{scroll-behavior:auto}
@media print{.back-to-top{display:none}}

/* One continuous orbital room, with the portrait standing inside the scene. */
.hero-band{isolation:isolate;background:var(--space);border-bottom:3px solid var(--ink)}
.hero-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 23%;z-index:-2}
.hero-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,31,57,.97) 0%,rgba(15,31,57,.9) 29%,rgba(15,31,57,.48) 49%,rgba(15,31,57,.05) 76%);pointer-events:none}
.hero{min-height:clamp(660px,calc(100svh - 87px),780px);grid-template-columns:1.1fr 1fr;gap:20px;padding-block:36px 58px}
.hero-copy{padding-block:18px;text-shadow:2px 2px 0 rgba(9,22,42,.6)}
.hero-portrait{position:relative;align-self:end;height:clamp(560px,70svh,640px);min-width:0;isolation:isolate}
.hero-portrait .hero-person{height:100%;width:auto;max-width:none;left:50%;right:auto;bottom:0;margin:0;transform:translateX(-50%);animation:none;filter:drop-shadow(6px 6px 0 rgba(14,31,48,.2))}
.hero-actions .button{text-shadow:none}
.hero-portrait:after{content:"";position:absolute;width:220px;height:10px;left:calc(50% - 90px);bottom:4px;background:#304b6580;z-index:-1}
.hero-portrait .star-one{top:22%;left:8%}.hero-portrait .star-two{top:42%;right:9%}
.hero .scroll-cue{bottom:22px;color:var(--paper)}

/* Full-width chapter surfaces; the content grid stays inside each chapter. */
.topic-strip,.vision-section,.gallery-section,.future-section{border:0;border-bottom:3px solid var(--ink)}
.project-section{background:#fff8df;border-bottom:3px solid var(--ink)}
.explore-section{background:var(--canvas);border-bottom:3px solid var(--ink)}
.about-section{display:block;padding:0;background:#d7f0e3;border-bottom:3px solid var(--ink)}
.about-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;padding-block:72px 80px}
.closing-section{background:var(--space);color:var(--paper);border:0;border-bottom:3px solid var(--ink);padding-block:62px 70px}
.closing-shell>svg{display:block;width:48px;height:48px;margin:0 auto 15px;color:var(--coral)}
.closing-shell>p{color:#c8dcf1;font-size:16px;margin-bottom:10px}
.site-footer{display:block;width:100%;border:0;background:var(--paper);padding:0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;padding-right:72px}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:680px}.hero-portrait{height:570px}.hero-portrait .hero-person{width:570px}.about-shell{gap:60px}}
@media(max-width:760px){
 .hero{grid-template-columns:1fr;gap:0;padding-block:32px 50px;min-height:0}
 .hero-copy{padding:0;z-index:2}.hero-portrait{height:430px;margin-top:14px;align-self:auto}
 .hero-portrait .hero-person{width:430px;max-width:none;height:100%;left:50%;bottom:0}
 .hero-environment{object-position:center bottom}.hero-band:before{background:linear-gradient(180deg,rgba(15,31,57,.97) 0%,rgba(15,31,57,.9) 34%,rgba(15,31,57,.48) 53%,rgba(15,31,57,.04) 72%)}
 .hero-portrait .star-one{top:21%;left:5%}.hero-portrait .star-two{top:38%;right:5%}
 .hero .scroll-cue{bottom:13px}.project-section,.explore-section{padding-block:48px}
 .about-shell{grid-template-columns:1fr;gap:30px;padding-block:48px 52px}
 .closing-section{padding-block:44px 52px}.closing-shell>p{font-size:14px}
 .footer-inner{align-items:flex-start;flex-direction:column;gap:12px;padding-block:26px;padding-right:65px}
}
@media(max-width:360px){.hero-portrait{height:390px}.hero-portrait .hero-person{width:390px}}
@media print{.hero-band{background:white;color:black}.closing-shell>.button{display:none}.hero-environment{display:none}.hero-band:before{display:none}.hero{min-height:0}.hero-portrait{height:360px}.hero-portrait .hero-person{width:360px}.about-shell{padding-block:25px}.closing-section{background:white;color:black}.closing-shell>p{color:#333}}