*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060606;--fg:#f0ede6;--red:#c0392b;--red-bright:#e74c3c;--red-dim:#c0392b1f;--accent:#c8b89a;--muted:#444;--muted-light:#666;--border:#ffffff12;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:none;font-family:inherit}#root{width:100%;min-height:100svh}::selection{background:var(--red);color:var(--fg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:2px}@media (hover:none) and (pointer:coarse){body,button,a{cursor:auto}button{cursor:pointer}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section{z-index:10;padding:140px 64px;position:relative}.section-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-light);text-transform:uppercase;margin-bottom:48px;font-size:11px}.section-divider{background:var(--border);width:100%;height:1px;margin-bottom:64px}.section-title{letter-spacing:-.025em;margin-bottom:72px;font-size:clamp(40px,5.5vw,80px);font-weight:300;line-height:1}.section-title em{color:var(--accent);font-style:italic}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}.reveal.d6{transition-delay:.6s}@media (width<=1024px){.section{padding:110px 48px}}@media (width<=768px){.section{padding:80px 24px}}.footer{z-index:10;border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:28px 64px;display:flex;position:relative}.footer-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:10px}@media (width<=1024px){.footer{padding:24px 48px}}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:6px;padding:24px}}.side-mark{pointer-events:none;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute}.side-mark-dot{border-radius:50%;flex-shrink:0;width:3px;height:3px}.side-mark-line{flex-shrink:0;width:1px;margin-top:6px}@media (width<=768px){.side-mark{display:none}}.cursor-dot{background:var(--fg);pointer-events:none;z-index:9999;border-radius:50%;width:7px;height:7px;transition:width .25s,height .25s,background .25s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #f0ede64d;border-radius:50%;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-dot--active{background:var(--red);width:4px;height:4px}.cursor-ring--active{border-color:var(--red);width:54px;height:54px}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.nav{z-index:200;justify-content:space-between;align-items:center;padding:32px 64px;transition:padding .4s,background .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#060606d9;padding:20px 64px}.nav-logo{font-family:var(--font-mono);letter-spacing:.25em;color:var(--fg);z-index:201;font-size:14px;font-weight:300;position:relative}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted-light);text-transform:uppercase;font-size:11px;transition:color .3s}.nav-link:hover,.nav-link--active{color:var(--fg)}.nav-sound{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted-light);text-transform:uppercase;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:11px;transition:color .3s;display:flex}.nav-sound:hover{color:var(--fg)}.nav-sound-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .3s}.nav-sound-dot[data-on=true]{background:var(--red);box-shadow:0 0 6px var(--red)}.nav-burger{z-index:201;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:6px;display:none;position:relative}.nav-burger span{background:var(--fg);width:24px;height:1px;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .25s;display:block}.nav-burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{z-index:199;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;visibility:hidden;background:#060606f7;flex-direction:column;padding:100px 40px 48px;transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s;display:flex;position:fixed;inset:0;transform:translateY(-8px)}.nav-mobile--open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1),visibility;transform:translateY(0)}.nav-mobile-links{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.nav-mobile-link{letter-spacing:-.02em;color:#f0ede680;padding:6px 0;font-size:clamp(32px,9vw,52px);font-weight:200;line-height:1.3;transition:color .2s;display:block}.nav-mobile-link:hover,.nav-mobile-link:active{color:var(--fg)}.nav-mobile-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.nav-mobile-copy{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:10px}@media (width<=1200px){.nav{padding:28px 40px}.nav--scrolled{padding:18px 40px}.nav-links{gap:28px}}@media (width<=900px){.nav{padding:24px}.nav--scrolled{padding:16px 24px}.nav-links{display:none}.nav-burger{display:flex}}.hero{flex-direction:column;justify-content:flex-end;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:1;position:absolute;inset:0}.hero-vignette{z-index:2;background:radial-gradient(80% 60%,#0000 30%,#0606068c 100%),linear-gradient(#06060666 0%,#0000 35% 55%,#060606eb 100%),linear-gradient(90deg,#060606a6 0%,#0000 55%);position:absolute;inset:0}.hero-content{z-index:10;max-width:760px;padding:0 64px 120px;position:relative}.hero-anim{opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.hero-anim.hero-visible{opacity:1;transform:translateY(0)}.hero-tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-light);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:28px;font-size:11px;display:flex}.hero-tag-dot{background:var(--red);width:5px;height:5px;box-shadow:0 0 8px var(--red);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--red)}50%{opacity:.5;box-shadow:0 0 16px var(--red)}}.hero-headline{letter-spacing:-.035em;color:var(--fg);margin-bottom:36px;font-size:clamp(52px,7.5vw,110px);font-weight:200;line-height:.98}.hero-headline em{color:var(--accent);font-style:italic}.hero-red{color:var(--red-bright);font-style:normal}.hero-sub{color:var(--muted-light);letter-spacing:.01em;font-size:15px;font-weight:300;line-height:1.75}.hero-scroll{z-index:10;font-family:var(--font-mono);letter-spacing:.22em;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl;flex-direction:column;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:112px;right:64px}.hero-scroll-line{background:linear-gradient(to bottom, transparent, var(--muted));width:1px;height:52px;animation:1.8s ease-in-out infinite scrollLine}@keyframes scrollLine{0%{transform-origin:top;opacity:0;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.hero-bottom-bar{z-index:10;border-top:1px solid var(--border);justify-content:space-between;padding:12px 64px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-bottom-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:10px}.hero-bottom-red{color:var(--red);letter-spacing:.14em}.hero-canvas:after{content:"WebGL";font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;pointer-events:none;z-index:20;font-size:9px;position:absolute;top:36px;right:64px}@media (width<=768px){.hero-content{padding:0 24px 90px}.hero-scroll{bottom:60px;right:24px}.hero-bottom-bar{padding:12px 24px}.hero-canvas:after{right:24px}}@media (width<=480px){.hero-content{padding:0 20px 80px}.hero-scroll{display:none}.hero-bottom-bar{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 20px 14px}}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:100px;display:grid}.about-text{color:#f0ede6bf;letter-spacing:.01em;font-size:18px;font-weight:300;line-height:1.8}.about-text strong{color:var(--fg);font-weight:400}.about-cta{margin-top:48px}.about-btn{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:6px;font-size:11px;transition:border-color .3s,color .3s;display:inline-flex}.about-btn:hover{border-color:var(--red);color:var(--red)}.about-btn-arrow{transition:transform .3s}.about-btn:hover .about-btn-arrow{transform:translate(5px)}.about-right{flex-direction:column;gap:0;display:flex}.stat{border-top:1px solid var(--border);padding:32px 0}.stat:last-child{border-bottom:1px solid var(--border)}.stat-num{letter-spacing:-.04em;color:var(--fg);font-size:60px;font-weight:200;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted-light);text-transform:uppercase;margin-top:10px;font-size:10px}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:56px}}.about>.side-mark-l{top:28%;left:27px}.about>.side-mark-l .side-mark-dot{background:#ffffff21}.about>.side-mark-l .side-mark-line{background:linear-gradient(#ffffff14,#0000);height:56px}.about>.side-mark-r{top:62%;right:27px}.about>.side-mark-r .side-mark-dot{background:#c8b89a40}.about>.side-mark-r .side-mark-line{background:linear-gradient(#c8b89a17,#0000);height:44px}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060606bf;justify-content:center;align-items:center;padding:24px;animation:.3s forwards backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:#0e0e0e;border:1px solid #ffffff1a;width:100%;max-width:680px;max-height:88vh;padding:48px;animation:.35s cubic-bezier(.16,1,.3,1) forwards modal-in;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal::-webkit-scrollbar{width:3px}.modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:var(--muted)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-meta{align-items:center;gap:16px;display:flex}.modal-num{font-family:var(--font-mono);color:var(--muted-light);letter-spacing:.14em;font-size:11px}.modal-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light);border:1px solid var(--border);border-radius:2px;padding:3px 9px;font-size:9px}.modal-year{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:11px}.modal-close{border:1px solid var(--border);color:var(--muted-light);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:7px 14px;font-size:10px;transition:color .25s,border-color .25s;display:flex}.modal-close:hover{color:var(--fg);border-color:#fff3}.modal-divider{background:var(--border);width:100%;height:1px;margin:24px 0}.modal-title{letter-spacing:-.02em;color:var(--fg);margin-bottom:32px;font-size:clamp(26px,4vw,42px);font-weight:300;line-height:1.1}.modal-stats{gap:48px;display:flex}.modal-stat-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light);margin-bottom:6px;font-size:10px}.modal-stat-value{color:var(--fg);font-size:15px;font-weight:300}.modal-section{margin-bottom:32px}.modal-section-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:14px;font-size:10px}.modal-description{color:#f0ede6bf;font-size:15px;font-weight:300;line-height:1.8}.modal-outcomes{flex-direction:column;gap:12px;list-style:none;display:flex}.modal-outcome{color:#f0ede6bf;gap:14px;font-size:14px;font-weight:300;line-height:1.6;display:flex}.modal-outcome-marker{color:var(--red);flex-shrink:0;margin-top:1px}.modal-footer{margin-top:40px}.modal-link{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;font-size:11px;transition:color .25s,border-color .25s;display:inline-flex}.modal-link:hover{color:var(--red-bright);border-color:var(--red)}.img-slot{background:#111;border-radius:2px;width:100%;position:relative;overflow:hidden}.img-slot--large{aspect-ratio:16/9;margin-bottom:6px}.img-slot-img{object-fit:cover;width:100%;height:100%;display:block}.img-slot-placeholder{width:100%;height:100%;min-height:140px;color:var(--muted);border:1px dashed #ffffff1f;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.img-slot--large .img-slot-placeholder{min-height:220px}.img-slot-placeholder svg{opacity:.35}.img-slot-caption{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted-light);text-align:center;font-size:11px}.img-slot-hint{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;opacity:.6;font-size:9px}.img-slot-label{font-family:var(--font-mono);letter-spacing:.12em;color:#f0ede6b3;background:linear-gradient(#0000,#0009);padding:8px 12px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.img-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.img-grid .img-slot{aspect-ratio:4/3}.img-grid .img-slot-placeholder{min-height:unset}@media (width<=600px){.modal{padding:28px 20px}.modal-stats{gap:28px}.img-grid{grid-template-columns:repeat(2,1fr)}}.work-list{flex-direction:column;display:flex}.work-item{border-top:1px solid var(--border);color:var(--fg);text-align:left;background:0 0;border-bottom:none;border-left:none;border-right:none;grid-template-columns:72px 1fr auto 32px;align-items:center;gap:32px;width:100%;padding:28px 0;transition:color .35s;display:grid;position:relative;overflow:hidden}.work-item:last-child{border-bottom:1px solid var(--border)}.work-item:before{content:"";background:#f0ede606;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-100%)}.work-item:hover:before{transform:translate(0)}.work-item:hover .work-title{transform:translate(10px)}.work-item:hover .work-arrow{opacity:1;transform:translate(0)}.work-item--red:hover{color:var(--red-bright)}.work-item--red:hover:before{background:var(--red-dim)}.work-item--red .work-num{color:var(--red)}.work-num{font-family:var(--font-mono);color:var(--muted-light);letter-spacing:.1em;font-size:11px;transition:color .3s}.work-title{letter-spacing:-.02em;font-size:clamp(22px,3vw,38px);font-weight:300;transition:transform .45s cubic-bezier(.16,1,.3,1)}.work-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.work-year{font-family:var(--font-mono);color:var(--muted-light);letter-spacing:.1em;font-size:10px}.work-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light);border:1px solid var(--border);border-radius:2px;padding:3px 8px;font-size:9px}.work-arrow{opacity:0;color:var(--accent);font-size:16px;transition:opacity .3s,transform .35s;transform:translate(-4px,4px)}.work-footer{justify-content:flex-end;margin-top:48px;display:flex}.work-all-btn{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);border:1px solid var(--border);border-radius:2px;align-items:center;gap:14px;padding:14px 28px;font-size:11px;text-decoration:none;transition:border-color .3s,color .3s,background .3s;display:inline-flex}.work-all-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}@media (width<=768px){.work-item{grid-template-columns:48px 1fr 24px}.work-meta{display:none}.work-footer{justify-content:center}}.work>.side-mark-l{top:48%;left:27px}.work>.side-mark-l .side-mark-dot{background:#ffffff1f}.work>.side-mark-l .side-mark-line{background:linear-gradient(#ffffff12,#0000);height:52px}.work>.side-mark-r{top:22%;right:27px}.work>.side-mark-r .side-mark-dot{background:#c0392b61}.work>.side-mark-r .side-mark-line{background:linear-gradient(#c0392b1a,#0000);height:60px}.skills-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.skill-card{background:var(--bg);border-left:2px solid #0000;padding:44px 36px;transition:background .35s,border-color .35s;position:relative;overflow:hidden}.skill-card:hover{border-left-color:var(--red);background:#ffffff05}.skill-card:hover .skill-id{color:var(--red)}.skill-card:after{content:"";background:linear-gradient(to right, var(--red), transparent);opacity:0;height:1px;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.skill-card:hover:after{opacity:.4}.skill-id{font-family:var(--font-mono);color:var(--accent);letter-spacing:.18em;margin-bottom:24px;font-size:10px;transition:color .35s}.skill-name{letter-spacing:-.01em;color:var(--fg);margin-bottom:16px;font-size:22px;font-weight:300}.skill-desc{color:var(--muted-light);letter-spacing:.01em;font-size:13px;line-height:1.72}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.skills>.side-mark-l{top:52%;left:27px}.skills>.side-mark-l .side-mark-dot{background:#c8b89a38}.skills>.side-mark-l .side-mark-line{background:linear-gradient(#c8b89a14,#0000);height:48px}.skills>.side-mark-r{top:28%;right:27px}.skills>.side-mark-r .side-mark-dot{background:#ffffff1f}.skills>.side-mark-r .side-mark-line{background:linear-gradient(#ffffff12,#0000);height:44px}.contact{border-top:1px solid var(--border)}.contact-inner{max-width:800px}.contact-cta{letter-spacing:-.035em;margin-bottom:72px;font-size:clamp(44px,7vw,100px);font-weight:200;line-height:.97}.contact-cta em{color:var(--accent);font-style:italic}.contact-links{flex-wrap:wrap;gap:40px;margin-bottom:56px;display:flex}.contact-link{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);padding-bottom:6px;font-size:12px;transition:color .3s;position:relative}.contact-link:after{content:"";background:var(--border);width:100%;height:1px;transition:background .3s;position:absolute;bottom:0;left:0}.contact-link:hover{color:var(--red-bright)}.contact-link:hover:after{background:var(--red)}.contact-game{margin-bottom:56px}.contact-game-btn{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:2px;align-items:center;gap:12px;padding:14px 28px;font-size:11px;transition:border-color .3s,color .3s,background .3s;display:inline-flex}.contact-game-btn:hover{border-color:var(--red);color:var(--red-bright);background:var(--red-dim)}.contact-availability{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted-light);align-items:center;gap:10px;font-size:11px;display:flex}.contact-dot{background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite pulse}@media (width<=768px){.contact-cta{margin-bottom:48px}.contact-links{gap:24px}}@media (width<=480px){.contact-links{flex-direction:column;gap:18px}}.contact>.side-mark-l{top:36%;left:27px}.contact>.side-mark-l .side-mark-dot{background:#c0392b52}.contact>.side-mark-l .side-mark-line{background:linear-gradient(#c0392b17,#0000);height:44px}.contact>.side-mark-r{top:65%;right:27px}.contact>.side-mark-r .side-mark-dot{background:#ffffff1c}.contact>.side-mark-r .side-mark-line{background:linear-gradient(#ffffff12,#0000);height:36px}