:root{--ink:#282137;--purple:#6441df;--yellow:#f6ee6a;--paper:#eeeaf7;--pink:#ffcde1;--white:#fffcf5;--line:#282137;--body:'DM Sans',sans-serif;--display:'Anton',Impact,sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2{font:400 clamp(64px,7.4vw,112px)/.98 var(--display);letter-spacing:-.02em}h3{font-size:24px;letter-spacing:-.04em;line-height:1.2}button:focus-visible,a:focus-visible{outline:3px solid #d51d6b;outline-offset:5px}::selection{background:var(--purple);color:white}.mono{font:12px/1.5 var(--mono)}.label{font:700 11px/1.6 var(--mono);letter-spacing:.025em}.masthead{max-width:1480px;margin:0 auto;padding:28px 40px 22px;display:flex;align-items:center;gap:20px}.wordmark{font:400 42px/1 var(--display);letter-spacing:-3px;display:flex;align-items:center;gap:6px}.wordmark span{font-size:36px;color:var(--purple)}.masthead>p{font:10px/1.6 var(--mono);border-left:1px solid #28213760;padding-left:20px}.masthead>p b{font-weight:400}.contact-trigger{margin-left:auto;background:var(--ink);color:var(--white);border-radius:30px;padding:10px 22px;font-size:14px}.contact-trigger span{margin-left:24px}.desktop-shell{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;padding:0 40px}.sidebar{display:flex;flex-direction:column;padding:18px 0 4px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px 18px}.sidebar-heading .mono{font-size:10px}.mode-nav{display:flex;flex-direction:column;gap:8px}.mode{display:flex;width:100%;text-align:left;align-items:center;gap:12px;background:transparent;border:1px solid transparent;border-radius:9px;padding:13px 12px;transition:background .18s,transform .18s}.mode:hover{background:#ffffff90;transform:translateX(3px)}.mode.active{background:var(--white);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.mode-icon{font-size:30px;width:34px;line-height:1;text-align:center}.code-icon{font:bold 19px var(--mono)}.mode>span:nth-child(2){font-size:14px;line-height:1.25;font-weight:700}.mode small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#685f79}.mode-arrow{margin-left:auto;font-size:17px;opacity:0}.active .mode-arrow{opacity:1}.sidebar-bottom{margin-top:auto;padding:50px 12px 14px}.sidebar-bottom>p{font:400 30px/1.05 var(--display);margin-bottom:12px}.sidebar-bottom>.mono{display:block;font-size:10px}.sidebar-bottom>a{display:block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:24px}main{min-width:0;outline:none}.scene{border:2px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:7px 7px 0 var(--ink);margin-bottom:30px}.js .scene[hidden]{display:none}.scene-bar{height:43px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);background:var(--white);color:var(--ink)}.scene-bar .mono{font-size:10px}.scene-mark{font-size:25px}.home-scene{background:var(--yellow)}.home-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;padding:37px 35px 32px;min-height:560px;align-items:center}.intro>.label{max-width:260px;margin-bottom:20px}.intro h1{color:var(--purple);font-size:clamp(83px,9vw,135px);line-height:.97}.intro h1>span{color:var(--ink)}.scribble{font:600 34px/1.2 'Caveat',cursive;transform:rotate(-5deg);margin:6px 0 20px 3px}.intro-text{font-size:15px;line-height:1.6;max-width:285px;margin-bottom:23px}.solid-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;padding:12px 18px;background:var(--ink);color:var(--white);font-size:13px;font-weight:600;border:1px solid var(--ink);box-shadow:3px 3px 0 #28213750;transition:transform .2s,box-shadow .2s}.solid-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #28213750}.identity-wrap{position:relative;padding:14px 6px 28px 0;max-width:330px;justify-self:end;width:100%}.identity-card{background:var(--white);border:2px solid var(--ink);padding:12px;transform:rotate(7deg);box-shadow:5px 6px 0 #28213724}.identity-header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.identity-card img{width:100%;height:315px;object-fit:cover;object-position:50% 5%;border:1px solid var(--ink);display:block;filter:saturate(.8)}.identity-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px}.identity-footer strong{font:400 23px/1 var(--display)}.identity-footer .mono{font-size:8px}.photo-sticker{position:absolute;bottom:6px;right:-7px;background:var(--purple);color:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:104px;height:104px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-13deg);font:700 15px/1.1 var(--mono)}.home-bottom{border-top:2px solid var(--ink);padding:23px 35px;display:flex;align-items:center;gap:20px;background:#e9ddfb}.home-bottom>p{font-size:13px;line-height:1.65}.home-bottom b{font-size:15px;display:block;margin-bottom:3px}.home-bottom p span{color:#65596f}.round-button{background:var(--purple);color:white;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;font-size:27px;margin-left:auto;flex-shrink:0;transition:transform .2s}.round-button:hover{transform:rotate(45deg)}.bottom-word{font:400 35px/.93 var(--display);color:var(--purple)}.scene-content{padding:37px}.scene-content>.label{margin-bottom:20px}.scene-description{margin:24px 0 30px;max-width:500px}.work-scene{background:#ddd0f5}.work-scene h2{font-size:clamp(58px,6.6vw,91px)}.work-scene h2>span{color:var(--purple)}.project-stack{display:flex;flex-direction:column;gap:13px}.project-row{display:flex;align-items:center;gap:20px;padding:20px;background:var(--white);border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.project-row:hover{transform:translateX(-3px);box-shadow:5px 4px 0 var(--ink)}.project-symbol{display:flex;align-items:center;justify-content:center;background:var(--purple);color:white;width:67px;height:67px;font:400 36px var(--display);flex-shrink:0}.project-symbol.aottari{background:var(--yellow);color:var(--ink)}.project-symbol.auth{background:var(--ink);font:25px var(--mono)}.project-row .mono{font-size:9px}.project-row h3{font-size:23px;margin:4px 0 5px}.project-row p{font-size:13px;color:#65596f}.link-arrow{margin-left:auto;font-size:28px}.scene-links{display:flex;justify-content:space-between;margin-top:25px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.play-scene{background:#282137;color:var(--white)}.play-scene h2{color:var(--yellow);font-size:clamp(58px,6.6vw,96px)}.play-scene h2>span{color:#bca4f7}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.platform-label{color:#d6c8ef;margin:0 0 12px;font-size:10px}.game-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.game-tags>span{border:1px solid #77648c;padding:7px 12px;font-size:13px;background:#392c48}.game-copy{font-size:15px;color:#ded5ea;margin-bottom:23px}.games .solid-button{background:var(--yellow);color:var(--ink);font-size:12px}.secondary-link{display:block;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:20px}.mini-game{border:1px solid #a88ed1;display:flex;flex-direction:column;background:#33293f}.mini-game-header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #a88ed1;padding:12px;font-size:9px;color:#dbccf3}.game-arena{position:relative;height:270px;overflow:hidden;background-image:radial-gradient(#a88ed130 1px,transparent 1px);background-size:16px 16px}.game-instructions{text-align:center;padding:24px 10px}.target-demo{font-size:40px;line-height:1;color:var(--yellow);display:block;margin-bottom:13px}.game-instructions h3{font-size:22px}.game-instructions p{font-size:12px;color:#d6c8ef;margin:12px 0 18px}.game-instructions .solid-button{background:#bca4f7;color:var(--ink);padding:8px 22px;min-height:38px}.target{position:absolute;width:50px;height:50px;background:var(--yellow);color:var(--ink);font-size:34px;border:2px solid var(--white);border-radius:50%;touch-action:manipulation}.mini-game-footer{padding:12px;border-top:1px solid #a88ed1;margin-top:auto;display:flex;align-items:center;gap:15px}.mini-game-footer strong{font-size:25px;color:var(--yellow);display:block}.mini-game-footer p{font-size:10px;color:#d6c8ef;line-height:1.6}.music-scene{background:var(--pink)}.music-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding:36px}.music-copy>.label{margin-bottom:20px}.music-copy h2{font-size:clamp(54px,5.2vw,79px)}.music-copy h2>span{color:#a22558}.music-copy>p:not(.label){font-size:15px;max-width:310px;margin:25px 0}.guitar-photo{align-self:stretch;min-width:0;margin-top:24px;transform:rotate(3deg);background:var(--white);border:1px solid var(--ink);padding:9px;box-shadow:4px 4px 0 #28213740}.guitar-photo img{width:100%;height:calc(100% - 36px);min-height:380px;object-fit:cover;object-position:65% center;display:block}.guitar-photo figcaption{font-size:8px;text-align:center;margin-top:12px}.string-box{border-top:1px solid #aa7289;margin-top:35px;padding-top:19px}.string-box>div:first-child{display:flex;justify-content:space-between;gap:10px}.string-box .mono{font-size:8px}.string-box>p{font-size:12px;margin-top:8px}.strings{display:flex;flex-direction:column;margin-top:10px}.strings button{display:flex;align-items:center;gap:14px;height:29px;background:transparent;transition:background .2s}.strings button span{font:12px var(--mono);width:15px}.strings i{height:3px;background:var(--ink);display:block;flex:1;box-shadow:0 1px 0 #fff7}.strings button:nth-child(n+3) i{height:2px}.strings button:nth-child(n+5) i{height:1px}.strings button:hover{background:#fff5}.strings button.plucked i{animation:pluck .4s}.sound-status{font-size:10px!important;color:#7a3753;min-height:18px}.road-scene{background:var(--white)}.road-hero{position:relative;height:490px;overflow:hidden;background:#61736b}.road-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.road-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(#12241e80,transparent 70%);pointer-events:none}.road-title{position:absolute;inset:30px auto auto 35px;z-index:1;color:var(--yellow)}.road-title .label{margin-bottom:18px}.road-title h2{font-size:clamp(64px,8vw,110px)}.road-stamp{position:absolute;bottom:25px;right:27px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);padding:13px;transform:rotate(8deg);font:12px/1.4 var(--mono);z-index:1}.road-stamp b{font-size:35px}.road-bottom{padding:28px 35px;display:flex;align-items:center;gap:24px;justify-content:space-between}.road-bottom .mono{font-size:9px}.road-bottom h3{font-size:24px;margin:9px 0}.road-bottom p{font-size:14px;color:#65596f}.road-links{flex-shrink:0}.road-links .solid-button{font-size:12px}.road-links .secondary-link{font-size:12px}.site-footer{max-width:1400px;padding:0 40px 24px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px var(--mono)}.site-footer>span{color:#776b86}.site-footer button{font:11px var(--mono);background:none;text-decoration:underline;text-underline-offset:4px}dialog{width:min(540px,calc(100% - 32px));border:2px solid var(--ink);padding:30px;background:var(--yellow);box-shadow:8px 8px 0 var(--ink);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#282137bd;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-top button{font:32px/1 var(--body);background:transparent;width:35px;height:35px}dialog h2{font-size:75px}dialog h2 span{color:var(--purple)}dialog>p{font-size:14px;margin-top:18px}.email-link{font-size:clamp(13px,3.8vw,20px);font-weight:600;text-decoration:underline;text-underline-offset:6px;display:block;margin:25px 0}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-block:1px solid #28213770;padding-block:20px;font-size:15px}.whatsapp{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;font-size:13px}.whatsapp button{padding:9px 12px;background:var(--ink);color:white;font-size:12px}#copy-status{min-height:22px;font-size:12px}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.scene.entering{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px) rotate(.3deg)}to{opacity:1;transform:none}}@keyframes pluck{0%,100%{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(3px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}}[hidden]{display:none!important}
@media(min-width:1600px){.masthead{padding-top:40px}.home-stage{min-height:640px}.identity-card img{height:380px}.identity-wrap{max-width:360px}.intro h1{font-size:150px}}
@media(max-width:1150px){.desktop-shell{grid-template-columns:190px minmax(0,1fr);gap:20px;padding-inline:25px}.masthead{padding-inline:25px}.mode{padding:12px 8px;gap:8px}.mode>span:nth-child(2){font-size:12px}.mode small{font-size:10px}.mode-icon{font-size:27px;width:29px}.code-icon{font-size:16px}.home-stage{padding:30px 25px;gap:20px;min-height:550px}.intro h1{font-size:100px}.intro>.label{font-size:9px}.identity-card img{height:290px}.identity-header{font-size:8px}.identity-footer{flex-direction:column;align-items:start}.identity-footer .mono{font-size:8px}.identity-wrap{padding-right:8px}.photo-sticker{right:-5px;width:82px;height:82px;font-size:12px}.home-bottom{padding-inline:25px}.bottom-word{font-size:30px}.scene-content{padding:28px}.play-grid{gap:20px}.music-layout{padding:28px;gap:25px}.music-copy h2{font-size:59px}.road-bottom{align-items:start;flex-direction:column}.road-links{display:flex;align-items:center;gap:20px}.road-links .secondary-link{margin:0}}
@media(max-width:900px){.desktop-shell{display:block;padding-inline:25px}.sidebar{padding:0 0 23px}.sidebar-heading,.sidebar-bottom{display:none}.mode-nav{flex-direction:row;gap:8px}.mode{flex:1;justify-content:center;padding:12px 8px;min-width:0}.mode>span:nth-child(2){font-size:11px}.mode small,.mode-arrow{display:none}.mode-icon{font-size:25px;width:24px}.code-icon{font-size:14px}.mode:hover{transform:translateY(-2px)}.masthead{padding-block:24px}.home-stage{min-height:560px;padding:35px;gap:35px}.intro h1{font-size:clamp(110px,15vw,138px)}.intro>.label{font-size:10px}.identity-wrap{max-width:310px}.identity-card img{height:320px}.identity-footer{flex-direction:row;align-items:center}.home-bottom{padding-inline:35px}.work-scene h2,.play-scene h2{font-size:76px}.music-copy h2{font-size:66px}.site-footer{padding-inline:25px}.site-footer>span{display:none}.scene{margin-bottom:25px}}
@media(max-width:600px){.masthead{padding:20px 18px;gap:13px}.wordmark{font-size:35px}.wordmark span{font-size:28px}.masthead>p{font-size:8px;padding-left:13px}.contact-trigger{padding:9px 14px;font-size:12px}.contact-trigger span{margin-left:9px}.desktop-shell{padding-inline:15px}.sidebar{padding-bottom:18px}.mode-nav{gap:5px}.mode{flex-direction:column;gap:6px;padding:9px 3px;min-height:67px;border-radius:5px}.mode>span:nth-child(2){font-size:9px;font-weight:600;line-height:1.2;text-align:center}.mode-icon{font-size:25px;line-height:1;height:25px}.code-icon{font-size:16px;line-height:25px}.mode.active{box-shadow:2px 2px 0 var(--ink)}.scene{border-radius:7px;box-shadow:4px 4px 0 var(--ink)}.scene-bar{padding:0 14px;height:36px}.scene-bar .mono{font-size:8px}.home-stage{grid-template-columns:1fr;gap:22px;padding:27px 24px 30px}.intro h1{font-size:clamp(100px,27vw,150px)}.intro>.label{font-size:9px;max-width:260px;margin-bottom:18px}.intro-text{font-size:15px;max-width:100%}.scribble{font-size:34px;margin-top:8px}.identity-wrap{width:78%;justify-self:center;margin-top:5px;max-width:300px}.identity-card img{height:295px}.identity-footer{flex-direction:row}.home-bottom{padding:23px;gap:10px}.home-bottom p{font-size:11px}.home-bottom b{font-size:13px}.bottom-word{display:none}.round-button{width:39px;height:39px}.scene-content{padding:26px 22px}.scene-content>.label{font-size:9px;margin-bottom:17px}.work-scene h2{font-size:clamp(48px,12vw,70px)}.scene-description{font-size:15px;margin-block:20px 25px}.project-row{padding:16px 12px;gap:12px}.project-symbol{width:44px;height:49px;font-size:28px}.project-row h3{font-size:19px}.project-row .mono{font-size:7px}.project-row p{font-size:12px}.link-arrow{font-size:20px}.scene-links{font-size:12px}.play-scene h2{font-size:clamp(48px,13vw,75px)}.play-grid{grid-template-columns:1fr;gap:30px}.games .solid-button{font-size:13px}.mini-game-header{font-size:10px}.game-arena{height:280px}.mini-game-footer p{font-size:11px}.game-instructions p{font-size:14px}.music-layout{grid-template-columns:1fr;padding:26px 22px;gap:15px}.music-copy>.label{font-size:9px}.music-copy h2{font-size:clamp(48px,13vw,75px)}.music-copy>p:not(.label){max-width:100%}.string-box .mono{font-size:9px}.string-box>p{font-size:14px}.strings button{height:38px}.sound-status{font-size:11px!important}.guitar-photo{width:90%;justify-self:center;min-height:0;margin:20px 0 10px}.guitar-photo img{min-height:0;height:380px}.guitar-photo figcaption{font-size:8px;margin-bottom:5px}.road-hero{height:465px}.road-title{inset:25px auto auto 23px}.road-title h2{font-size:clamp(58px,15vw,85px)}.road-title .label{font-size:9px}.road-hero>img{object-position:51% 65%}.road-stamp{font-size:10px;right:18px;bottom:22px}.road-bottom{padding:24px 22px}.road-bottom h3{font-size:25px}.road-links{align-items:start;flex-direction:column;gap:19px}.road-links .solid-button{font-size:13px}.site-footer{padding:0 17px 24px;font-size:8px;gap:10px}.site-footer button{font-size:9px}dialog{padding:24px}.whatsapp{align-items:start;gap:10px}.whatsapp button{font-size:11px;padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the poster's typography inside very narrow phone screens. */
.intro{min-width:0}
@media(max-width:600px){.home-stage{grid-template-columns:minmax(0,1fr)}.intro h1{font-size:clamp(80px,25vw,150px)}.mode>span:nth-child(2){font-size:10px}.identity-footer{flex-wrap:wrap}}
/* Projects and published content. */
.school-symbol{background:#c7efbd;color:var(--ink)}.school-project{background:#f8fff3}.project-domain{font:10px var(--mono);display:block;margin-top:10px;color:#3f6840}.content-shelf{margin-top:38px;padding-top:28px;border-top:1px solid #aa7289}.shelf-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}.shelf-heading .mono{font-size:10px;margin-bottom:10px}.shelf-heading h3{font-size:25px;line-height:1.25}.shelf-heading>a{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.stream-shelf{border-color:#77648c}.stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stream-cover{position:relative;background:#f6ee6a;color:var(--ink);padding:22px;min-height:230px;display:flex;flex-direction:column;align-items:start}.stream-cover strong{font:50px/.98 var(--display);margin:14px 0 20px}.stream-cover .mono{font-size:10px}.stream-cover .watch-stream{background:var(--ink);color:white;padding:10px 15px;font-size:13px;margin-top:auto}.rp-cover{background:#bca4f7}.stream-card h4{font-size:16px;line-height:1.4;margin:15px 0 5px}.stream-card>p{font-size:12px;color:#d6c8ef}.stream-card>a,.archive-extra{display:inline-block;font-size:12px;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.archive-extra{margin-top:23px}.instagram-shelf{margin:0;padding:30px 36px 35px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.post-card{min-width:0;background:var(--white);color:var(--ink);border:1px solid var(--ink)}.post-image{position:relative;display:block;overflow:hidden}.post-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .2s}.post-image:hover img{transform:scale(1.025)}.post-type{position:absolute;top:9px;left:9px;background:var(--ink);color:white;padding:4px 8px;font:10px var(--mono)}.post-info{padding:13px}.post-info time{display:block;font-size:11px;color:#746778}.post-info>a{display:block;font-size:12px;font-weight:600;margin-top:8px}.embed-note{font-size:11px;color:#65596f;margin-top:17px}.road-hero{height:470px}.road-hero>img{object-position:center 60%}.road-hero::after{background:linear-gradient(#12241ec2,transparent 76%)}.road-title h2{font-size:clamp(64px,7vw,96px)}.contact-directory{border-block:1px solid #28213770;padding:20px 0;display:grid;gap:20px}.social-group h3{font-size:10px;margin-bottom:8px;color:#65596f;letter-spacing:.08em}.social-group>a{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:8px 0;gap:15px}.social-group>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.shelf-heading{align-items:start;flex-direction:column;gap:12px}.shelf-heading h3{font-size:23px}.stream-grid{grid-template-columns:1fr}.stream-cover{min-height:230px}.instagram-shelf{padding:26px 22px}.post-grid{grid-template-columns:1fr}.post-image img{aspect-ratio:4/5;object-position:center}.post-info{padding:16px}.post-info time{font-size:12px}.post-info>a{font-size:14px}.road-hero{height:420px}.road-hero>img{object-position:53% center}.road-title h2{font-size:clamp(58px,15vw,85px)}.social-group>a{font-size:13px}}