@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#181818;--surface:#1f1f1f;--surface-2:#272727;--text:#f4f1e9;--muted:#b3b0a8;--accent:#eaba78;--line:#45423b;--curve:cubic-bezier(.22,1,.36,1);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:96px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:8px}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,ul,ol,figure{margin:0}p{color:var(--muted);text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}ul,ol{padding-left:24px}li+li{margin-top:8px}a,button{transition:opacity .3s var(--curve),transform .5s var(--curve)}a:hover{color:var(--accent)}a:active,button:active{transform:translateY(1px)}.heading-1{font-size:60px;line-height:60px;font-weight:600;letter-spacing:-.055em}.heading-2{font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.045em}.heading-3{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.035em}.heading-4{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.025em}.heading-5{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em}.heading-6{font-size:20px;line-height:28px;font-weight:600}.title-1{font-size:20px;line-height:28px;font-weight:500}.title-2{font-size:18px;line-height:28px;font-weight:500}.title-3{font-size:16px;line-height:24px;font-weight:500}.title-4{font-size:14px;line-height:20px;font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400}.body-6{font-size:14px;line-height:20px;font-weight:400}.body-7{font-size:18px;line-height:28px;font-weight:400}.caption-2{font-size:14px;line-height:20px;font-weight:400}.caption-4{font-size:12px;line-height:16px;font-weight:500}.button-md{font-size:16px;line-height:24px;font-weight:600}.button-sm{font-size:14px;line-height:20px;font-weight:600}.wrap{width:min(1200px,100% - 96px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;background:var(--accent);color:var(--bg);padding:12px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.site-header{position:relative;z-index:30;min-height:112px;padding-top:24px}.nav-shell{margin-inline:auto;width:fit-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:40px;padding:12px 24px;background:rgba(31,31,31,.94);border:1px solid #45423b;border-radius:16px;backdrop-filter:blur(16px)}.brand{font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.055em;text-decoration:none;display:flex;align-items:center;gap:4px}.brand i{width:8px;height:8px;border-radius:50%;background:var(--accent);align-self:flex-end;margin-bottom:8px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;color:var(--muted);white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current]{color:var(--text)}.nav-links a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px}.nav-contact{color:var(--accent)!important}.menu-toggle{display:none;background:none;border:0;color:var(--text);padding:8px;cursor:pointer}.menu-lines{display:block;width:24px;height:24px;position:relative}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .5s var(--curve);top:8px}.menu-lines:after{top:16px}.menu-toggle[aria-expanded=true] .menu-lines:before{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{transform:translateY(-4px) rotate(-45deg)}.eyebrow{color:var(--accent);display:block;margin-bottom:24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:48px 0 96px}.hero-copy{max-width:680px}.hero h1{background:linear-gradient(90deg,#fff,#9b9b9b);color:transparent;background-clip:text;max-width:680px;margin-bottom:24px}.hero-role{max-width:600px;margin-bottom:24px}.hero-lead{max-width:520px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:8px 12px;background:var(--accent);color:#181818;border:1px solid var(--accent);border-radius:6px;text-decoration:none}.button:hover{color:#181818;opacity:.88}.button.ghost{background:transparent;color:var(--text);border-color:var(--line)}.arrow{font-size:20px;line-height:28px;font-weight:500}.hero-proof{margin-top:32px;display:flex;gap:24px;align-items:center;color:var(--muted)}.proof-year{color:var(--text)}.portrait-frame{position:relative;padding-bottom:32px;padding-left:24px}.portrait-frame:before{content:'';position:absolute;inset:24px 24px 0 0;background:#272727;border-radius:16px}.portrait-frame img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 38%;border-radius:12px}.portrait-caption{position:absolute;bottom:0;left:0;background:var(--accent);color:#181818;padding:16px 24px;border-radius:8px;max-width:90%}.portrait-caption span{display:block}.portrait-caption .caption-4{color:#4f3a21}.section{padding-block:80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-head h2{max-width:680px}.section-head a{white-space:nowrap}.subtle-link{text-decoration:none;color:var(--accent);display:inline-flex;align-items:center;gap:16px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.project-visual{min-height:240px;padding:32px;display:flex;align-items:center;justify-content:center;background:#272727;position:relative}.project-visual.messenger{background:#1f1f1f}.product-orbit{display:flex;align-items:center;gap:24px}.app-icon{width:88px;height:88px;border-radius:16px;object-fit:contain}.orbit-labels{display:grid;gap:8px}.orbit-labels span{color:var(--muted)}.visual-note{position:absolute;left:24px;bottom:16px;color:var(--muted)}.project-content{padding:32px;display:flex;flex-direction:column;gap:16px;flex:1}.project-content .subtle-link{margin-top:auto;padding-top:8px}.project-meta{display:flex;gap:16px;justify-content:space-between;color:var(--muted)}.project-meta .live{color:var(--accent)}.tags{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--muted)}.tags span{white-space:normal}.wide-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.wide-project .project-visual{order:2}.diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;align-items:center}.diagram-node{text-align:center;padding:16px 8px;border:1px solid #646058;border-radius:8px;color:var(--text)}.diagram-label{grid-column:1/-1;text-align:center;color:var(--muted)}.diagram .core{background:var(--accent);color:#181818;border-color:var(--accent);grid-column:1/-1;width:60%;justify-self:center}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.capability .number{color:var(--accent);display:block;margin-bottom:24px}.capability h3{margin-bottom:16px}.principle{padding:80px 0;background:var(--surface);margin-block:32px}.principle h2{max-width:680px}.principle p{max-width:600px;margin-top:32px}.word{display:inline-block}.motion-ready .word{opacity:.35;transition:opacity .5s var(--curve)}.motion-ready .word.on{opacity:1}.writing-list{display:grid;gap:24px}.writing-item{display:grid;grid-template-columns:160px 1fr 48px;align-items:start;gap:32px;background:var(--surface);padding:32px;border-radius:8px;text-decoration:none}.writing-item .date{color:var(--muted)}.writing-item h3{margin-bottom:16px}.writing-item p{max-width:760px}.writing-item:hover{background:var(--surface-2);color:var(--text)}.writing-item .arrow{color:var(--accent);justify-self:end}.history-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px}.history-intro p+p{margin-top:24px}.history-intro .subtle-link{margin-top:24px}.history-stat{padding:40px;background:var(--accent);color:var(--bg);border-radius:12px;align-self:start}.history-stat .heading-1{margin-bottom:16px}.history-stat p{color:#49331e}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-items details{padding:24px 0;border-bottom:1px solid var(--line)}.faq-items details:first-child{padding-top:0}.faq-items summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';color:var(--accent);font-size:24px;line-height:32px;font-weight:400}.faq-items details[open] summary:after{content:'−'}.faq-items details p{padding-top:16px}.contact-block{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;background:var(--accent);color:#181818;padding:48px;border-radius:12px;margin:48px 0 80px}.contact-block p{color:#4d3822;margin-top:24px;max-width:620px}.contact-actions{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:24px}.contact-actions a{color:#181818}.contact-actions a:hover{opacity:.7}.footer{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:32px;color:var(--muted)}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer a{text-decoration:none}.page-hero{padding:48px 0 64px}.page-hero h1{max-width:900px;margin-bottom:32px}.page-hero .intro{max-width:760px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:40px}.breadcrumbs a{text-decoration:none}.prose{max-width:760px}.prose h2{margin:48px 0 24px}.prose p+p{margin-top:24px}.prose ul{margin-top:24px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:1fr 250px;gap:80px;align-items:start;padding-bottom:64px}.article-side{position:sticky;top:32px;background:var(--surface);padding:24px;border-radius:8px;display:grid;gap:24px}.article-side nav{display:grid;gap:16px}.article-side a{text-decoration:none;color:var(--muted)}.article-side a:hover{color:var(--accent)}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);margin-top:32px}.role-block{background:var(--surface);padding:32px;border-radius:8px;margin-bottom:40px}.role-block h2{margin-bottom:16px}.project-links{display:flex;gap:16px 24px;flex-wrap:wrap;margin-block:32px}.related{padding-top:48px}.related-list{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.related-list a{background:var(--surface);padding:16px 24px;border-radius:6px;text-decoration:none}.catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.catalog-item{display:flex;flex-direction:column;gap:24px;background:var(--surface);padding:32px;border-radius:8px}.catalog-item .project-meta{flex-wrap:wrap}.catalog-item h2 a{text-decoration:none}.catalog-item .subtle-link{margin-top:auto}.timeline{display:grid;gap:48px;padding-bottom:64px}.timeline-row{display:grid;grid-template-columns:200px 1fr;gap:40px}.timeline-year{color:var(--accent)}.timeline-row p{max-width:760px;margin-top:16px}.about-profile{display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:start;margin-bottom:80px}.about-profile img{width:100%;border-radius:12px;aspect-ratio:4/5;object-fit:cover}.about-profile p+p{margin-top:24px}.public-evidence{padding:40px;background:var(--surface);border-radius:8px;margin-bottom:64px}.public-evidence ul{display:grid;gap:16px;margin-top:24px}.games-group{background:var(--surface);border-radius:12px;padding:32px;display:grid;gap:24px}.games-list{display:flex;gap:12px;flex-wrap:wrap}.games-list a{padding:8px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;text-decoration:none}.games-list a:hover{color:var(--bg);background:var(--accent)}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.empty-hero{min-height:60vh;padding-block:96px}.empty-hero p{margin-block:24px;max-width:600px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-block:64px 96px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:40px}.hero .heading-1{font-size:48px;line-height:48px}.hero-role{font-size:24px;line-height:32px}.capabilities{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr 220px;gap:40px}.faq{gap:40px}.nav-shell{gap:24px}.nav-links{gap:16px}.writing-item{grid-template-columns:120px 1fr 24px;gap:24px}.about-profile{gap:40px;grid-template-columns:1fr 260px}}
@media(max-width:760px){html{scroll-padding-top:96px}.wrap{width:calc(100% - 48px)}.site-header{min-height:96px;padding-top:16px}.nav-shell{width:calc(100% - 32px);justify-content:space-between;padding:12px 16px;gap:16px}.menu-toggle{display:block}.nav-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:end}.nav-links a{font-size:14px;line-height:20px}.js .nav-links{display:none}.js .nav-shell:has(.menu-toggle[aria-expanded=true]){flex-wrap:wrap}.js .nav-links.open{display:flex;flex-direction:column;align-items:start;justify-content:start;flex-basis:100%;min-height:calc(100svh - 160px);padding:32px 8px;gap:32px}.js .nav-links.open a{font-size:24px;line-height:32px;animation:enter .5s var(--curve) both}.js .nav-links.open a:nth-child(2){animation-delay:.06s}.js .nav-links.open a:nth-child(3){animation-delay:.12s}.js .nav-links.open a:nth-child(4){animation-delay:.18s}.js .nav-links.open a:nth-child(5){animation-delay:.24s}.hero{grid-template-columns:1fr;gap:48px;padding:32px 0 64px}.hero-copy .eyebrow{margin-bottom:16px}.hero .heading-1{font-size:48px;line-height:48px}.hero-role{font-size:24px;line-height:32px}.hero-lead{font-size:16px;line-height:24px}.hero-proof{margin-top:24px;font-size:12px;line-height:16px;gap:16px}.portrait-frame{max-width:440px;width:100%;justify-self:center}.portrait-frame img{max-height:440px}.section{padding-block:48px}.section-head{display:block;margin-bottom:32px}.section-head a{margin-top:24px}.heading-2{font-size:36px;line-height:40px}.heading-3{font-size:30px;line-height:36px}.heading-1{font-size:36px;line-height:40px}.project-grid,.catalog-list,.games-grid{grid-template-columns:1fr}.wide-project{display:flex}.wide-project .project-visual{order:0}.project-visual{min-height:220px;padding:24px}.project-content,.catalog-item,.games-group{padding:24px}.project-meta{gap:8px;flex-wrap:wrap}.capabilities{gap:40px 24px}.capability .number{margin-bottom:16px}.capability h3{font-size:18px;line-height:28px}.principle{padding:48px 0;margin-block:24px}.writing-item{grid-template-columns:1fr 24px;padding:24px;gap:16px}.writing-item .date{grid-column:1/-1}.writing-item h3{font-size:24px;line-height:32px}.history-intro,.faq,.contact-block{grid-template-columns:1fr;gap:40px}.history-stat{padding:32px}.contact-block{padding:32px 24px;margin:32px 0 48px}.contact-block h2{font-size:30px;line-height:36px}.footer{align-items:start;flex-direction:column;padding-block:24px}.footer-links{gap:16px 24px}.page-hero{padding:32px 0 40px}.page-hero h1{margin-bottom:24px}.breadcrumbs{margin-bottom:32px;font-size:12px;line-height:16px}.article-layout{grid-template-columns:1fr;gap:40px}.article-side{position:static;order:-1}.article-side nav{display:none}.article-side{padding:16px 24px;gap:12px}.prose h2{margin:40px 0 24px;font-size:24px;line-height:32px}.role-block{padding:24px}.timeline-row{grid-template-columns:1fr;gap:16px}.about-profile{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.about-profile img{max-width:320px}.public-evidence{padding:24px}.project-links{gap:16px}.diagram-node{font-size:12px;line-height:16px}.portrait-caption{padding:12px 16px}.app-icon{width:72px;height:72px}}
@media(max-width:390px){.capabilities{grid-template-columns:1fr}.product-orbit{gap:16px}.heading-1{font-size:30px;line-height:36px}.hero .heading-1{font-size:48px;line-height:48px}.project-meta{font-size:12px;line-height:16px}}
@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .word{opacity:1}}