@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,sans-serif;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--ink-faint) 1px,transparent 1px),linear-gradient(90deg,var(--ink-faint) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:0}body:before{content:"";position:fixed;top:60px;right:60px;bottom:60px;left:60px;border:2px solid var(--accent);pointer-events:none;z-index:9990}@media (max-width: 768px){body:before{top:0;right:0;bottom:0;left:0}}@media (max-width: 1024px){body:before{top:0;right:0;bottom:0;left:0}}#scroll-container{position:fixed;top:60px;left:60px;right:60px;bottom:60px;overflow-y:scroll;overflow-x:hidden;z-index:1;cursor:none}@media (max-width: 768px){#scroll-container{top:0;left:0;right:0;bottom:0}}@media (max-width: 1024px){#scroll-container{top:0;left:0;right:0;bottom:0}}#scroll-container{scrollbar-width:none}#scroll-container::-webkit-scrollbar{display:none}button,a,input,textarea,select{cursor:none}nav{cursor:auto}nav a,nav button{cursor:pointer}a[target=_blank]{cursor:pointer}nav{position:sticky;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;border-bottom:1px solid var(--ink-faint);background:var(--bg2)}nav:after{content:"VER.2026-06";position:absolute;bottom:5px;left:2.5rem;font-size:8px;color:var(--ink-faint);letter-spacing:.2em;font-family:IBM Plex Mono,monospace}@media (max-width: 768px){nav{padding:1rem 1.5rem;top:0;left:0;right:0}nav:after{display:none}}.hero__cta{cursor:pointer}.nav-logo{font-family:DM Mono,monospace;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.1em}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--ink-dim);text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent)}.theme-toggle{background:none;border:1px solid var(--ink-faint);color:var(--ink-dim);width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle__icon:before{content:"◐";font-size:14px}.nav-right{display:flex;align-items:center;gap:1rem}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;cursor:none}.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .2s,opacity .2s}.nav-hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger--open span:nth-child(2){opacity:0}.nav-hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width: 768px){.nav-hamburger{display:flex}}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--ink-faint);padding:1rem 1.5rem;gap:0}.nav-links--open{display:flex}.nav-links li{border-bottom:1px solid var(--ink-faint)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:.75rem 0;font-size:12px}}section{background:var(--bg2);padding:7rem 3rem;border-top:1px solid var(--ink-faint)}@media (max-width: 768px){section{padding:5rem 1.5rem}}.section-label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:3rem;display:flex;align-items:center;gap:12px}.section-label span{color:var(--ink-faint)}.section-label:before{content:"";display:inline-block;width:32px;height:1px;background:var(--accent);opacity:.5}.section-title{font-family:DM Mono,monospace;font-size:clamp(30px,4vw,54px);font-weight:600;color:var(--ink);margin-bottom:1rem;letter-spacing:.05em;line-height:1.1}.section-title em{font-style:normal;color:var(--accent)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);width:16px;height:16px;-webkit-user-select:none;user-select:none}.cursor:before,.cursor:after{content:"";position:absolute;background:var(--accent)}.cursor:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.cursor:after{width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.cursor[data-mode=art]:after{display:none}.cursor[data-mode=art]:before{content:"🖌️";background:transparent;font-size:22px;width:auto;height:auto;top:auto;left:auto;transform:translate(-4px,-20px)}.cursor[data-mode=interactive]{width:22px;height:22px;opacity:.7}footer{background:var(--bg2);padding:1.5rem 3rem;border-top:1px solid var(--ink-faint);display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){footer{flex-direction:column;gap:1rem;text-align:center}}.footer-copy{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--ink-faint)}.footer-copy em{color:var(--accent);font-style:normal}#hero{min-height:86vh;display:flex;align-items:center;padding:0 3rem;position:relative;overflow:hidden;border-top:none}@media (max-width: 768px){#hero{padding:6rem 1.5rem 4rem}}.hero__corner-mark{position:absolute;top:5rem;left:3rem;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;line-height:1.8}@media (max-width: 768px){.hero__corner-mark{display:none}}.hero__title-block{position:absolute;bottom:2.5rem;right:3rem;border:1px solid var(--ink-faint);padding:.75rem 1.25rem;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em;color:var(--ink-faint);text-transform:uppercase;line-height:2;text-align:right}@media (max-width: 768px){.hero__title-block{display:none}}.hero__content{position:relative;z-index:2;max-width:820px}.hero__tag{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--ink-dim);margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.hero__tag:before{content:"";display:inline-block;width:20px;height:1px;background:var(--ink-faint)}.hero__name{font-family:DM Mono,monospace;font-size:clamp(52px,9vw,100px);font-weight:400;line-height:1;color:var(--ink);letter-spacing:-.03em;margin-bottom:.25rem}.hero__name #hero-name{color:var(--ink)}.hero__name .typed-cursor{color:var(--accent);font-weight:300;font-style:normal}.hero__name em{font-style:italic;font-weight:300;color:var(--accent)}.hero__sub{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.06em;color:var(--ink-dim);margin-top:2rem;line-height:1.9;max-width:480px}.hero__cta{display:inline-flex;align-items:center;gap:10px;margin-top:2.5rem;padding:11px 24px;background:var(--accent);color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--accent);transition:background .2s,color .2s}.hero__cta:hover{background:transparent;color:var(--accent)}.hero__deco{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:55vw;max-width:780px;z-index:1;opacity:.04;pointer-events:none}@media (max-width: 768px){.hero__deco{display:none}}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}@media (max-width: 768px){.about__grid{grid-template-columns:1fr}}.about__bio{font-size:15px;color:var(--ink-dim);line-height:1.95}.about__bio p+p{margin-top:1.2rem}.about__bio strong{color:var(--ink);font-weight:400}.about__stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink-faint);border:1px solid var(--ink-faint);position:relative}.about__stats:before,.about__stats:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.about__stats:before{top:-1px;left:-1px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.about__stats:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.stat-box{background:var(--bg2);padding:1.5rem;transition:background .2s;position:relative}.stat-box:hover{background:var(--bg3)}.stat-box:before{content:attr(data-field);position:absolute;top:8px;right:10px;font-size:8px;letter-spacing:.15em;color:var(--ink-faint);text-transform:uppercase}.stat-box__num{font-family:DM Mono,monospace;font-size:38px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px}.stat-box__label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase}.steam-card{margin-top:3rem;background:var(--bg2);border:1px solid var(--ink-faint);position:relative}.steam-card:before,.steam-card:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.steam-card:before{top:-1px;left:-1px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.steam-card:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.steam-card__header{padding:1.5rem 2.5rem;border-bottom:1px solid var(--ink-faint);display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.steam-card__header{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem}}.steam-card__title{font-family:DM Mono,monospace;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.1em;text-transform:uppercase}.steam-card__badge{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.25);padding:4px 12px;text-transform:uppercase}.steam-card__badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.steam-card__body{padding:2.5rem;overflow:hidden}@media (max-width: 768px){.steam-card__body{padding:1.25rem}}.steam-card__desc{font-size:14px;color:var(--ink-dim);line-height:1.9;max-width:600px;margin-bottom:2rem}@media (max-width: 768px){.steam-card__desc{font-size:13px}}.steam-card__link{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;display:inline-flex;align-items:center;gap:8px;margin-top:1.5rem;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(74,158,255,.3);padding-bottom:2px;transition:border-color .2s;text-transform:uppercase}.steam-card__link:before{content:"▶";font-size:7px}.steam-card__link:hover{border-color:var(--accent)}.steam-showcase{display:grid;grid-template-columns:.5fr 1fr;gap:2.5rem;align-items:start}@media (max-width: 768px){.steam-showcase{grid-template-columns:1fr;gap:1.5rem}}.steam-showcase__media{border:1px solid var(--ink-faint);overflow:hidden;background:var(--bg)}.steam-showcase__media img{width:100%;display:block;object-fit:cover}.steam-showcase__details{display:flex;flex-direction:column;gap:1.5rem}.achievement-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--ink-faint);border:1px solid var(--ink-faint);margin-bottom:2rem;list-style:none}@media (max-width: 768px){.achievement-list{grid-template-columns:repeat(2,1fr)}}.achievement-item{background:var(--bg);padding:1rem 1.25rem;transition:background .2s;display:flex;flex-direction:column}.achievement-item:hover{background:var(--bg3)}.achievement-item__icon{font-size:18px;margin-bottom:6px}.achievement-item__name{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--ink);margin-bottom:2px}.achievement-item__game{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--ink-dim)}.links-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-top:3rem}@media (max-width: 768px){.links-grid{grid-template-columns:1fr}}.link-card{background:var(--bg2);border-radius:0;padding:2rem 2.5rem;text-decoration:none;display:block;overflow:hidden;border:1px solid var(--ink-faint);transition:border-color .2s,transform .2s,background .2s;position:relative}.link-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent) -dim;opacity:0;transition:opacity .2s}.link-card:hover{border-color:#4a9eff66;transform:translateY(-3px);background:var(--bg3)}.link-card:hover:after{opacity:1}.link-card:before,.link-card:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.link-card:before{top:8px;left:8px;border-top:1px solid var(--ink-faint);border-left:1px solid var(--ink-faint)}.link-card:after{bottom:8px;right:8px;border-bottom:1px solid var(--ink-faint);border-right:1px solid var(--ink-faint)}.link-card__label{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:1rem}.link-card__name{font-family:DM Mono,monospace;font-size:28px;font-weight:700;color:var(--ink);letter-spacing:.1em;text-transform:uppercase;line-height:1;margin-bottom:.75rem}.link-card__desc{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.04em;color:var(--ink-dim);line-height:1.8}.link-card__arrow{position:absolute;top:1.75rem;right:1.75rem;font-size:18px;color:var(--accent);opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}.link-card:hover .link-card__arrow{opacity:1;transform:translate(0)}#art{user-select:none;-webkit-user-select:none}.art-grid{display:flex;flex-direction:column;gap:1px;background:var(--ink-faint);border:1px solid var(--ink-faint);margin-top:3rem}.art-cell{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);cursor:none;min-height:360px;user-select:none;-webkit-user-select:none;max-height:800px}.art-cell:hover img{transform:scale(1.02)}.art-cell:hover .art-cell__overlay{opacity:1}.art-cell:nth-child(2n){direction:rtl}.art-cell:nth-child(2n)>*{direction:ltr}.art-cell__image{overflow:hidden;position:relative}.art-cell__image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease;padding:1.5rem}.art-cell__details{padding:3rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--ink-faint)}.art-cell__ref{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:1.5rem}.art-cell__label{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--ink);margin-bottom:.5rem}.art-cell__medium{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:2rem}.art-cell__desc{font-size:14px;color:var(--ink-dim);line-height:1.8}@media (max-width: 768px){.art-cell{grid-template-columns:1fr;min-height:auto;direction:ltr!important}.art-cell__image img{min-height:280px;padding:1rem}.art-cell__details{border-left:none;border-top:1px solid var(--ink-faint);padding:1.5rem}}.art-note{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--ink-faint);margin-top:1.5rem;line-height:1.8}.art-note code{color:var(--accent);background:var(--accent) -dim;padding:1px 6px}:root{--bg: #dde3ea;--bg2: #e6ebf0;--bg3: #d0d8e0;--ink: #0d1821;--ink-dim: #3d5068;--ink-faint: #8fa0b4;--white: #f0f4f7;--accent: #1a4f9e;--accent-dim: rgba(26, 79, 158, .08);--accent-mid: rgba(26, 79, 158, .18);--green-ok: #2a6e3f}[data-theme=dark]{--bg: #0b1220;--bg2: #0f1a2e;--bg3: #162035;--ink: #ccd9ec;--ink-dim: #6b87a8;--ink-faint: #1e3250;--white: #e8f0fa;--accent: #4a8fe8;--accent-dim: rgba(74, 143, 232, .1);--accent-mid: rgba(74, 143, 232, .2);--green-ok: #3fb950}#contact{background:var(--bg2);border-top:1px solid var(--ink-faint)}.contact-inner{max-width:640px}.contact-intro{font-size:14px;color:var(--ink-dim);line-height:1.9;margin-top:.5rem}.contact-form{margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.contact-form__row{grid-template-columns:1fr}}.contact-form__group{display:flex;flex-direction:column;gap:6px}.contact-form__label{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}.contact-form__label:before{content:"- ";color:var(--accent);opacity:.5}.contact-form__input,.contact-form__textarea{background:var(--bg);border:1px solid var(--ink-faint);border-radius:0;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.04em;padding:12px 16px;outline:none;transition:border-color .2s;width:100%;resize:none}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--ink-faint);letter-spacing:.04em}.contact-form__input:focus,.contact-form__textarea:focus{border-color:#4a9eff80;background:var(--bg2)}.contact-form__textarea{min-height:130px}.contact-form__submit{display:inline-flex;align-items:center;gap:12px;padding:13px 28px;background:transparent;color:var(--accent);font-family:DM Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--accent);cursor:none;align-self:flex-start;transition:background .2s,color .2s}.contact-form__submit:before{content:"▶";font-size:8px}.contact-form__submit:hover{background:var(--accent);color:var(--bg)}