@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#171715;background:#f5f5f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--paper: #f5f5f2;--ink: #171715;--muted: #777771;--line: #deded8;--mono: "DM Mono", "Courier New", monospace}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0}.scroll-progress{position:fixed;z-index:11;top:0;left:0;width:100%;height:2px;transform:scaleX(var(--scroll-progress, 0));transform-origin:left center;background:var(--ink);pointer-events:none}body:after{position:fixed;z-index:8;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23n)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.14}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip-link{position:absolute;z-index:12;top:1rem;left:1rem;padding:.75rem 1rem;transform:translateY(-160%);background:var(--ink);color:var(--paper)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:9;display:flex;height:88px;align-items:center;justify-content:space-between;padding:0 clamp(24px,6.4vw,104px);border-bottom:1px solid var(--line);animation:fade-up .65s both}.brand,.footer-brand{font-size:1.8rem;font-weight:800;letter-spacing:-.11em}.brand span,.footer-brand span{color:var(--muted)}.navigation{display:flex;height:100%;align-items:center;gap:clamp(24px,4vw,62px)}.navigation-link{position:relative;display:inline-flex;height:100%;align-items:center;gap:7px;color:var(--muted);font-size:.75rem;transition:color .18s ease}.navigation-link:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;transform:scaleX(0);transform-origin:left;background:var(--ink);content:"";transition:transform .18s ease}.navigation-index{align-self:flex-start;padding-top:30px;color:#a4a49d;font-family:var(--mono);font-size:.52rem}.navigation-link:hover,.navigation-link.is-active{color:var(--ink)}.navigation-link:hover:after,.navigation-link.is-active:after{transform:scaleX(1)}.contact-link{display:inline-flex;min-height:42px;align-items:center;gap:25px;padding:0 15px;border:1px solid var(--ink);font-size:.73rem;transition:color .18s ease,background .18s ease}.contact-link:hover{background:var(--ink);color:var(--paper)}.contact-link span{font-size:1rem}.menu-toggle{display:none}.hero{position:relative;display:grid;min-height:min(790px,calc(100svh - 88px));grid-template-columns:.85fr 1.15fr;align-items:center;padding:52px clamp(24px,6.4vw,104px) 104px;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;width:52%;pointer-events:none;background-image:linear-gradient(to right,#17171508 1px,transparent 1px),linear-gradient(to bottom,#17171508 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:linear-gradient(to right,transparent,#000 32%,#000);mask-image:linear-gradient(to right,transparent,#000 32%,#000)}.hero-copy{position:relative;z-index:2;padding:0 0 42px;translate:0 var(--exit-shift, 0px);opacity:var(--exit-opacity, 1);animation:fade-up .75s .1s both}.eyebrow,.section-topline,.work-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.availability-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #17171510;animation:blink 2.2s ease-in-out infinite}.eyebrow-divider{color:#b6b6af}h1,h2,p{margin-top:0}h1{margin:40px 0 24px;font-size:clamp(4.5rem,8.6vw,8.25rem);font-weight:600;letter-spacing:-.105em;line-height:.88}h1 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-intro{max-width:345px;margin-bottom:31px;color:var(--muted);font-size:.9rem;line-height:1.85}.discover-link{display:inline-flex;align-items:center;gap:12px;font-size:.73rem;font-weight:700}.discover-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:1rem;transition:color .18s ease,background .18s ease,transform .18s ease}.discover-link:hover .discover-icon{transform:translateY(3px);background:var(--ink);color:var(--paper)}.ascii-stage{position:relative;display:grid;width:min(100%,790px);height:clamp(360px,47vw,590px);align-items:center;justify-self:end;translate:0 var(--exit-shift, 0px);opacity:var(--exit-opacity, 1);animation:fade-up .95s .18s both}.ascii-halo{position:absolute;top:50%;left:50%;width:min(83%,510px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #deded8;border-radius:50%}.ascii-halo:before,.ascii-halo:after{position:absolute;border:1px solid #deded8;border-radius:50%;content:"";inset:11%}.ascii-halo:after{transform:scale(.73);border-style:dashed;animation:rotate 60s linear infinite}.ascii-word{position:absolute;z-index:1;inset:0;cursor:crosshair;touch-action:pan-y}.ascii-word canvas{display:block}.ascii-fallback{display:none}.ascii-word.is-fallback .ascii-fallback{display:grid;height:100%;place-items:center;font-family:var(--mono);font-size:clamp(4rem,11vw,9rem);font-weight:500;letter-spacing:-.1em}.ascii-corner{position:absolute;z-index:2;color:var(--muted);font-family:var(--mono);font-size:.53rem;line-height:1.7;letter-spacing:.06em}.ascii-corner-top{top:8%;right:2%;text-align:right}.ascii-corner-bottom{bottom:12%;left:3%}.type-game{position:absolute;z-index:3;right:4%;bottom:12%;left:4%;height:76%;pointer-events:none}.type-shard{position:absolute;display:flex;width:38px;height:38px;align-items:center;justify-content:center;padding:0;border:1px solid #17171524;border-radius:50%;background:#f5f5f2d9;color:var(--ink);font-size:.9rem;cursor:pointer;pointer-events:auto;box-shadow:0 5px 20px #17171512;transition:transform .22s ease,color .22s ease,background .22s ease,opacity .22s ease,box-shadow .22s ease;animation:shard-float 3.2s ease-in-out infinite}.type-shard:hover,.type-shard:focus-visible{transform:scale(1.18);background:var(--ink);color:var(--paper);box-shadow:0 0 24px #17171530}.type-shard:disabled{transform:scale(.35);opacity:0;pointer-events:none}.type-shard-two{animation-delay:-1s}.type-shard-three{animation-delay:-2s}.type-shard-one{top:36%;left:17%}.type-shard-two{top:17%;right:19%}.type-shard-three{right:13%;bottom:25%}.type-game-status{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:9px;color:var(--muted);font-family:var(--mono);font-size:.5rem;letter-spacing:.07em;pointer-events:auto}.type-game-count{color:var(--ink)}.type-game-replay{padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);font:inherit;font-size:inherit;cursor:pointer}@keyframes shard-float{0%,to{translate:0 0}50%{translate:0 -7px}}.ascii-cross{color:var(--ink);font-size:.75rem}.hero-footer{position:absolute;right:clamp(24px,6.4vw,104px);bottom:0;left:clamp(24px,6.4vw,104px);display:flex;min-height:61px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.53rem;letter-spacing:.045em;text-transform:uppercase}.footer-period{color:var(--ink)}.scroll-cue span{margin-left:5px;color:var(--ink)}.work-section{position:relative;min-height:590px;padding:30px clamp(24px,6.4vw,104px) 80px;overflow:hidden;background:var(--ink);color:var(--paper)}body.has-motion .work-section[data-reveal=curtain]{transform:translateY(36px) scale(.985);clip-path:inset(10% 0 0);opacity:.55;transition:clip-path .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),opacity .7s ease}body.has-motion .work-section[data-reveal=curtain].is-visible{transform:translateY(0) scale(1);clip-path:inset(0);opacity:1}body.has-motion .projects-section[data-reveal=curtain]{transform:translateY(36px) scale(.985);clip-path:inset(10% 0 0);opacity:.55;transition:clip-path .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),opacity .7s ease}body.has-motion .projects-section[data-reveal=curtain].is-visible{transform:translateY(0) scale(1);clip-path:inset(0);opacity:1}.section-topline{min-height:47px;justify-content:space-between;border-bottom:1px solid #ffffff24;color:#92928b;font-size:.56rem}body.has-motion [data-reveal=line],body.has-motion [data-reveal=title],body.has-motion [data-reveal=copy],body.has-motion [data-reveal=link]{transform:translateY(24px);opacity:0;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .65s ease}body.has-motion [data-reveal=line].is-visible,body.has-motion [data-reveal=title].is-visible,body.has-motion [data-reveal=copy].is-visible,body.has-motion [data-reveal=link].is-visible{transform:translateY(0);opacity:1}body.has-motion [data-reveal=line].is-visible{transition-delay:.12s}body.has-motion [data-reveal=title].is-visible{transition-delay:.24s}body.has-motion [data-reveal=copy].is-visible{transition-delay:.36s}body.has-motion [data-reveal=link].is-visible{transition-delay:.46s}body.has-motion .about-story p[data-reveal=copy].is-visible{transition-delay:.18s}body.has-motion .about-story p[data-reveal=copy]:nth-of-type(2).is-visible{transition-delay:.28s}body.has-motion .about-story p[data-reveal=copy]:nth-of-type(3).is-visible{transition-delay:.38s}body.has-motion .about-story p[data-reveal=copy]:nth-of-type(4).is-visible{transition-delay:.48s}.work-content{position:relative;z-index:1;width:min(760px,75%);margin:96px 0 0 15%}.about-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(48px,9vw,140px);margin:clamp(72px,10vw,132px) 0 40px 8%}.about-heading{align-self:start}.about-heading h2{margin:32px 0;font-size:clamp(3.8rem,7vw,6.7rem)}.about-heading h2 span{color:transparent;-webkit-text-stroke:1px var(--paper)}.about-coordinate{color:#777771;font-family:var(--mono);font-size:.55rem;letter-spacing:.08em}.about-story{max-width:620px;padding-top:5px}.about-story p{margin-bottom:22px;color:#aaa9a1;font-size:.88rem;line-height:1.95}.about-story p strong{color:var(--paper);font-weight:600}.about-story .about-opening{margin-bottom:28px;color:var(--paper);font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:500;line-height:1.65}.about-project-link{margin-top:12px}.projects-section{position:relative;min-height:620px;padding:30px clamp(24px,6.4vw,104px) 90px;overflow:hidden;background:var(--paper);color:var(--ink)}.projects-topline{display:flex;min-height:47px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.56rem;letter-spacing:.04em}.projects-kicker{margin-bottom:25px;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.projects-heading{position:relative;z-index:1;margin:clamp(72px,9vw,112px) 0 56px 10%}.projects-heading h2{margin:22px 0 0;font-size:clamp(4rem,7.4vw,6.8rem)}.projects-heading h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}.project-folders{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,3vw,42px);max-width:1220px;margin:0 auto}body.has-motion [data-reveal=folder]{transform:translateY(28px);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .65s ease;transition-delay:calc(var(--folder-order, 0) * .11s)}body.has-motion [data-reveal=folder].is-visible{transform:translateY(0);opacity:1}.folder-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.folder-visual{position:relative;display:block;height:clamp(205px,22vw,280px);perspective:900px;isolation:isolate}.folder-tab{position:absolute;top:14%;left:8%;width:34%;height:15%;border:1px solid #17171524;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(130deg,#e6e6e0,#cecec8)}.folder-sheet{position:absolute;right:12%;bottom:12%;left:12%;height:72%;border:1px solid #d5d5ce;border-radius:5px 13px 10px 10px;background:linear-gradient(90deg,transparent 0 12%,#17171513 12% 12.5%,transparent 12.5%),repeating-linear-gradient(to bottom,transparent 0 18px,#17171512 19px,transparent 20px),#fcfcf9;box-shadow:0 12px 32px #1717150c;transform:translateY(22px) rotate(-5deg);transition:transform .65s cubic-bezier(.16,1,.3,1)}.folder-sheet-back{background:linear-gradient(90deg,transparent 0 12%,#17171513 12% 12.5%,transparent 12.5%),repeating-linear-gradient(to bottom,transparent 0 18px,#17171512 19px,transparent 20px),#e8e8e3;transform:translateY(28px) rotate(5deg)}.folder-sheet-front{z-index:1}.folder-glass{position:absolute;z-index:2;right:4%;bottom:0;left:4%;display:flex;height:76%;align-items:end;justify-content:space-between;padding:20px;overflow:hidden;border:1px solid #fff9;border-radius:9px 18px 16px 16px;background:linear-gradient(145deg,#ffffffba,#f5f5f277 38%,#d7d7d188);box-shadow:inset 0 1px #fff,inset 0 -12px 28px #1717150a,0 24px 44px -26px #17171555;-webkit-backdrop-filter:blur(8px) saturate(.65);backdrop-filter:blur(8px) saturate(.65);transform:rotateX(0);transform-origin:bottom center;transition:transform .65s cubic-bezier(.16,1,.3,1),background .45s ease,box-shadow .45s ease}.folder-glass:before{position:absolute;top:12px;right:12px;left:12px;height:1px;background:#fff;content:""}.project-folder.is-featured .folder-glass{border-color:#ffffff5c;background:linear-gradient(145deg,#393936eb,#171715e8,#30302dba);box-shadow:inset 0 1px #ffffff9c,inset 0 -12px 28px #00000024,0 24px 44px -26px #1717158a;-webkit-backdrop-filter:blur(10px) saturate(.55);backdrop-filter:blur(10px) saturate(.55)}.project-folder.is-featured .folder-number{color:#e4e4dd}.project-folder.is-featured .folder-open-icon{border-color:#ffffff70;background:#f5f5f226;color:var(--paper)}.folder-number{color:#777771;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}.folder-open-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #17171544;border-radius:50%;background:#f5f5f2a6;font-size:1.15rem;transition:transform .3s ease,color .3s ease,background .3s ease}.folder-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:21px}.folder-name{font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:600;letter-spacing:-.045em}.folder-count{color:var(--muted);font-family:var(--mono);font-size:.55rem;white-space:nowrap}.folder-hint{display:inline-block;margin-top:7px;color:var(--muted);font-family:var(--mono);font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}.folder-trigger:hover .folder-sheet-back,.project-folder.is-open .folder-sheet-back{transform:translateY(-10px) rotate(9deg)}.folder-trigger:hover .folder-sheet-front,.project-folder.is-open .folder-sheet-front{transform:translateY(-16px) rotate(-8deg)}.folder-trigger:hover .folder-glass,.project-folder.is-open .folder-glass{transform:rotateX(-13deg);background:linear-gradient(145deg,#fffde0,#f5f5f2b0 38%,#d7d7d188);box-shadow:inset 0 1px #fff,inset 0 -12px 28px #1717150a,0 32px 48px -24px #17171566}.project-folder.is-open .folder-open-icon{transform:rotate(45deg);background:var(--ink);color:var(--paper)}.folder-trigger:focus-visible{outline-offset:7px}.folder-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .65s cubic-bezier(.16,1,.3,1),opacity .3s ease}.project-folder.is-open .folder-details{max-height:800px;opacity:1}.folder-details-inner{min-height:0;padding-bottom:1px}.project-file{display:grid;grid-template-columns:25px minmax(0,1fr) 32px;gap:10px;align-items:start;padding:20px 0;border-top:1px solid var(--line)}.project-file:first-child{margin-top:20px}.project-file-index{padding-top:4px;color:#92928b;font-family:var(--mono);font-size:.55rem}.project-file-copy h3{margin:0 0 7px;font-size:.93rem;font-weight:700;letter-spacing:-.035em}.project-file-copy p{margin:0 0 9px;color:var(--muted);font-size:.72rem;line-height:1.65}.project-stack{display:block;color:#777771;font-family:var(--mono);font-size:.5rem;line-height:1.7}.project-repo-link{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.85rem;transition:color .18s ease,background .18s ease,border-color .18s ease}.project-repo-link:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.projects-section>.projects-github{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;margin:42px 0 0 10%;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:.73rem;font-weight:600}.projects-section>.projects-github span{transition:transform .18s ease}.projects-section>.projects-github:hover span{transform:translate(3px,-3px)}.social-section{position:relative;padding:30px clamp(24px,6.4vw,104px) 90px;overflow:hidden;background:#e9e9e4;color:var(--ink)}.social-topline{display:flex;min-height:47px;align-items:center;justify-content:space-between;border-bottom:1px solid #17171524;color:var(--muted);font-family:var(--mono);font-size:.56rem;letter-spacing:.04em}.social-heading{margin:clamp(72px,9vw,112px) 0 42px 10%}.social-kicker{margin:0 0 22px;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.social-heading h2{margin:0;font-size:clamp(4rem,7.4vw,6.8rem)}.social-heading h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}.social-list{position:relative;z-index:1;max-width:1080px;margin:0 auto;border-top:1px solid #1717152a}body.has-motion [data-reveal=social-link]{transform:translateY(18px);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .55s ease;transition-delay:calc(var(--social-order, 0) * 70ms)}body.has-motion [data-reveal=social-link].is-visible{transform:translateY(0);opacity:1}.social-link{display:grid;min-height:77px;grid-template-columns:58px minmax(130px,1fr) minmax(130px,.8fr) 32px;align-items:center;gap:16px;border-bottom:1px solid #1717152a;transition:padding .22s ease,color .22s ease,background .22s ease}.social-link:hover{padding-right:14px;padding-left:14px;background:#f5f5f280}.social-index{color:var(--muted);font-family:var(--mono);font-size:.56rem}.social-name{font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600;letter-spacing:-.05em}.social-handle{color:var(--muted);font-family:var(--mono);font-size:.63rem}.social-arrow{display:grid;width:18px;height:18px;justify-self:end;transition:transform .2s ease}.social-arrow svg{width:100%;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.social-link:hover .social-arrow{transform:translate(3px,-3px)}.work-kicker{margin-bottom:27px;color:#a6a59e}h2{margin-bottom:37px;font-size:clamp(4.25rem,8vw,7rem);font-weight:500;letter-spacing:-.09em;line-height:.91}h2 span{color:#8d8d85}.work-bottom{display:flex;max-width:700px;align-items:end;justify-content:space-between;gap:30px}.work-bottom p{max-width:320px;margin-bottom:0;color:#aaa9a1;font-size:.85rem;line-height:1.8}.github-link{display:inline-flex;min-height:37px;align-items:center;gap:22px;border-bottom:1px solid #9a9a92;font-size:.7rem;white-space:nowrap}.github-link span{font-size:1rem;transition:transform .18s ease}.github-link:hover span{transform:translate(3px,-3px)}.site-footer{display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:0 clamp(24px,6.4vw,104px);color:var(--muted);font-size:.65rem}.footer-brand{color:var(--ink);font-size:1.45rem}.site-footer>a:last-child{color:var(--ink);font-family:var(--mono);font-size:.55rem}@keyframes fade-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blink{50%{box-shadow:0 0 0 7px #17171506}}@keyframes rotate{to{transform:scale(.73) rotate(360deg)}}@media(min-width:1500px){.hero,.site-header,.work-section,.site-footer{padding-right:max(104px,calc((100vw - 1300px)/2));padding-left:max(104px,calc((100vw - 1300px)/2))}.hero-footer{right:max(104px,calc((100vw - 1300px)/2));left:max(104px,calc((100vw - 1300px)/2))}}@media(max-width:900px){.site-header{height:76px;padding:0 32px}.hero{min-height:min(800px,calc(100svh - 76px));grid-template-columns:.9fr 1.1fr;padding:42px 32px 95px}h1{font-size:clamp(4rem,9.5vw,6.5rem)}.ascii-stage{width:115%;height:clamp(340px,55vw,510px);margin-right:-10%}.hero-footer{right:32px;left:32px}.work-section{min-height:620px;padding-right:32px;padding-left:32px}.about-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:40px;margin-left:0}.about-heading h2{font-size:clamp(3.4rem,7vw,5rem)}.projects-section,.social-section{padding-right:32px;padding-left:32px}.projects-heading{margin-left:0}.project-folders{gap:18px}.folder-visual{height:205px}.folder-glass{padding:15px}.folder-caption{align-items:start;flex-direction:column;gap:5px;margin-top:16px}.project-file{grid-template-columns:20px minmax(0,1fr) 30px;gap:7px}.projects-section>.projects-github{margin-left:0}.site-footer{padding:0 32px}}@media(max-width:620px){.site-header{height:70px;padding:0 20px}.menu-toggle{position:relative;z-index:2;display:grid;width:42px;height:42px;align-content:center;justify-items:end;gap:6px;padding:9px;border:1px solid var(--line);background:transparent;cursor:pointer}.menu-toggle span{width:20px;height:1px;background:var(--ink);transition:transform .18s ease}.menu-toggle.is-open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.navigation{position:absolute;top:100%;right:0;left:0;display:none;height:auto;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.navigation.is-open{display:flex;flex-direction:column}.navigation-link{min-height:50px;border-bottom:1px solid var(--line)}.navigation-link:after,.navigation-index{display:none}.contact-link{justify-content:space-between;margin-top:15px}.hero{min-height:auto;grid-template-columns:1fr;padding:64px 20px 80px}.hero-grid{top:42%;width:100%;height:46%;background-size:50px 50px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 75%,transparent)}.hero-copy{padding:0}.eyebrow{font-size:.56rem}h1{margin:32px 0 20px;font-size:clamp(4.4rem,17vw,6.2rem)}h1 span{-webkit-text-stroke-width:1px}.hero-intro{max-width:330px;font-size:.84rem}.ascii-stage{width:calc(100% + 24px);height:min(100vw,410px);margin:18px -12px 0;justify-self:center}.ascii-halo{width:78%}.ascii-corner-top{top:6%;right:0}.ascii-corner-bottom{bottom:8%;left:0}.type-game{right:0;bottom:8%;left:0;height:80%}.type-shard{width:34px;height:34px}.type-shard-one{left:12%}.type-shard-two{right:14%}.type-shard-three{right:8%;bottom:24%}.type-game-status{font-size:.43rem}.hero-footer{right:20px;left:20px;min-height:52px;font-size:.44rem}.hero-footer>span:first-child{display:none}.scroll-cue{margin-right:auto}.work-section{min-height:0;padding:20px 20px 60px}.about-layout{grid-template-columns:1fr;gap:38px;margin:70px 0 30px}.about-heading h2{margin:26px 0 18px;font-size:clamp(3.9rem,15vw,5.7rem)}.about-story p{margin-bottom:18px;font-size:.82rem}.about-story .about-opening{font-size:1.08rem}.projects-section{padding:20px 20px 70px}.social-section{padding:20px 20px 64px}.social-topline{font-size:.48rem}.social-heading{margin:72px 0 35px}.social-heading h2{font-size:clamp(3.8rem,14vw,5.4rem)}.social-link{min-height:68px;grid-template-columns:30px minmax(0,1fr) 26px;gap:10px}.social-name{font-size:1rem}.social-handle{grid-column:2;grid-row:2;margin-top:-22px;font-size:.53rem}.social-arrow{grid-column:3;grid-row:1 / 3}.projects-topline{font-size:.48rem}.projects-heading{margin:72px 0 36px}.projects-heading h2{font-size:clamp(4rem,15vw,5.8rem)}.project-folders{grid-template-columns:1fr;gap:30px}.folder-visual{height:min(68vw,290px)}.folder-caption{align-items:baseline;flex-direction:row;margin-top:18px}.folder-name{font-size:1.05rem}.project-file-copy p{font-size:.74rem}.projects-section>.projects-github{margin-top:34px}.section-topline{font-size:.48rem}.site-footer{min-height:76px;padding:0 20px;font-size:.56rem}.site-footer>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.welcome-screen{position:fixed;z-index:20;inset:0;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:34px clamp(24px,6.4vw,104px) 25px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#242421 0,#171715 42%,#111110);color:#f5f5f2;isolation:isolate}.welcome-screen:before,.welcome-screen:after{position:absolute;z-index:-1;pointer-events:none;content:""}.welcome-screen:before{inset:0;opacity:.15;background-image:linear-gradient(#f5f5f208 1px,transparent 1px),linear-gradient(90deg,#f5f5f208 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 76%)}.welcome-screen:after{top:50%;left:50%;width:min(78vw,940px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #f5f5f20b;border-radius:50%}.welcome-topline,.welcome-footer{display:flex;align-items:center;justify-content:space-between;color:#9b9b94;font-family:var(--mono);font-size:.57rem;letter-spacing:.08em}.welcome-brand{color:#f5f5f2;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.1em}.welcome-brand span{color:#85857e}.welcome-index span{padding:0 7px;color:#62625d}.welcome-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;margin-top:-1.5rem;text-align:center;animation:welcome-arrive .9s cubic-bezier(.16,1,.3,1) both}.welcome-kicker{display:flex;align-items:center;gap:10px;margin:0;color:#a4a49d;font-family:var(--mono);font-size:.58rem;letter-spacing:.09em}.welcome-kicker>span{width:6px;height:6px;border-radius:50%;background:#f5f5f2;box-shadow:0 0 15px #f5f5f280;animation:blink 2.2s ease-in-out infinite}.welcome-avatar-frame{position:relative;width:106px;height:106px;margin-top:26px;padding:5px;border:1px solid #f5f5f240;border-radius:50%;box-shadow:0 0 50px #f5f5f20c}.welcome-avatar-frame:after{position:absolute;inset:-7px;border:1px dashed #f5f5f226;border-radius:50%;content:"";pointer-events:none;animation:rotate 45s linear infinite}.welcome-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.06)}.welcome-title{margin:23px 0 26px;font-size:clamp(3.2rem,15.2vw,13.8rem);font-weight:600;letter-spacing:-.115em;line-height:.86;white-space:nowrap}.welcome-title-period{color:#8c8c84}.welcome-caption{display:flex;align-items:center;gap:15px;color:#a4a49d;font-size:.76rem}.welcome-caption-line{width:28px;height:1px;background:#62625d}.welcome-launch{position:relative;display:inline-flex;min-height:58px;align-items:center;gap:27px;margin-top:54px;padding:0 9px 0 23px;overflow:hidden;border:1px solid #f5f5f2;border-radius:999px;background:#f5f5f2;color:#171715;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.welcome-launch:hover{transform:translateY(-3px);background:transparent;color:#f5f5f2;box-shadow:0 12px 42px #f5f5f21a}.welcome-launch:disabled{cursor:wait}.launch-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;background:#171715;color:#f5f5f2;transition:transform .26s cubic-bezier(.16,1,.3,1),background .22s ease}.launch-icon svg{width:21px;height:21px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.welcome-launch:hover .launch-icon{transform:translate(2px,-2px) rotate(45deg);background:#f5f5f2;color:#171715}.welcome-screen.is-launching .welcome-content{animation:welcome-exit .65s cubic-bezier(.7,0,.84,0) forwards}.welcome-screen.is-launching .welcome-launch{animation:launch-flight .8s cubic-bezier(.64,0,.78,0) forwards}.welcome-screen.is-launching .welcome-topline,.welcome-screen.is-launching .welcome-footer{opacity:0;transition:opacity .4s ease}.welcome-orbit{position:absolute;top:50%;left:50%;z-index:-1;width:min(56vw,680px);aspect-ratio:1;border:1px solid #f5f5f20b;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.welcome-orbit-one{animation:rotate 70s linear infinite}.welcome-orbit-one:before,.welcome-orbit-two:after{position:absolute;top:17%;left:16%;width:5px;height:5px;border-radius:50%;background:#a4a49d;content:""}.welcome-orbit-two{width:min(42vw,520px);border-style:dashed;opacity:.65;animation:rotate 100s linear infinite reverse}.welcome-orbit-two:after{inset:auto 12% 20% auto;width:3px;height:3px}.welcome-footer{min-height:40px;border-top:1px solid #f5f5f21e;font-size:.52rem}.welcome-footer span span{margin-left:7px;color:#f5f5f2}@keyframes welcome-arrive{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes welcome-exit{to{transform:translateY(-35px) scale(.94);opacity:0}}@keyframes launch-flight{25%{transform:translateY(-9px) rotate(-5deg)}to{transform:translateY(-130vh) rotate(-13deg);opacity:0}}@media(max-width:620px){.welcome-screen{padding:23px 20px 17px}.welcome-topline,.welcome-footer{font-size:.49rem}.welcome-title{font-size:clamp(2.35rem,11vw,4.2rem)}.welcome-avatar-frame{width:82px;height:82px;margin-top:21px}.welcome-title{margin-top:19px}.welcome-caption{flex-direction:column;gap:9px;font-size:.68rem}.welcome-caption-line{width:1px;height:16px}.welcome-launch{min-height:54px;margin-top:39px;font-size:.7rem}.welcome-orbit{width:94vw}.welcome-orbit-two{width:72vw}}