@font-face{font-family:Workshop;src:local('Bahnschrift');font-display:swap}
:root{--bg:#101014;--panel:#19191f;--panel2:#202027;--ink:#f0eef4;--muted:#aaa6b4;--dim:#75717e;--purple:#bb8aff;--bright:#a968ff;--line:#34313d;--max:1280px;--sans:Workshop,'Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{color:inherit}button:disabled{opacity:.35;cursor:default}::selection{background:#7542a8;color:white}:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.section-pad{padding-block:112px}.purple{color:var(--purple)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--purple);color:#121016;padding:10px 20px}.skip-link:focus{top:15px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding-inline:46px;position:relative;z-index:5;background:#111115;border-bottom:1px solid #ffffff12}.brand{width:218px;display:block;flex:none}.logo-crop{display:block;width:100%;aspect-ratio:7.3;position:relative;overflow:hidden}.logo-crop img{position:absolute;top:50%;transform:translateY(-50%);width:100%;max-width:none}.site-header nav{display:flex;align-items:center;gap:33px;font-size:13px;color:#c7c3ce}.site-header nav>a:hover,.back-top:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:12px 23px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.25px;border:1px solid transparent;transition:background .18s,transform .18s,color .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--purple);color:#17101e}.button-primary:hover{background:#cfb0ff}.button-outline{background:transparent;border-color:#716276;color:#e5d9f1}.button-outline:hover{background:#bb8aff12}.button-small{min-height:39px;padding:8px 15px;font-size:12px;gap:16px}.menu-toggle{display:none}.hero{position:relative;min-height:740px;height:calc(100svh - 88px);max-height:950px;display:flex;align-items:center;overflow:hidden;background:#0d1217}.hero-image{position:absolute;inset:0;background-image:url('assets/mod-hero.webp');background-size:cover;background-position:70% 48%;opacity:.9}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d13f2 0%,#0b0d13cb 26%,#0d10156b 54%,#0c101511 100%),linear-gradient(0deg,#101014 0%,transparent 24%,#10101422 100%)}.hero-content{position:relative;z-index:1;padding-bottom:50px}.eyebrow{font-family:var(--sans);letter-spacing:2.2px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--purple)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 9px #bc7eff88;display:inline-block;flex:none}.hero h1{font-family:var(--sans);font-weight:700;font-stretch:condensed;font-size:clamp(52px,5.9vw,88px);line-height:1.02;letter-spacing:-2px;max-width:890px;margin:0 0 25px}.hero h1 em{color:var(--purple);font-style:normal;display:inline-block}.hero-copy{font-size:15px;line-height:1.8;color:#c0bdca;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:31px}.text-button{border:0;background:transparent;padding:0;text-align:left;display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:13px;line-height:1.5}.text-button:hover{color:var(--purple)}.play-mini{font-size:10px}.hero-foot{position:absolute;bottom:29px;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:9px;letter-spacing:1.4px;color:#a7a1b1}.hero-foot a{display:flex;align-items:center;gap:26px}.hero-foot a span{font-size:20px;color:var(--purple)}.hero-caption{position:absolute;right:36px;top:32px;writing-mode:vertical-rl;font-size:8px;color:#c3bfcb;letter-spacing:2px;font-family:var(--sans)}h2,h3,p{margin-top:0}h2,h3{font-family:var(--sans);font-weight:600;line-height:1.08;letter-spacing:-1.2px}h2{font-size:clamp(32px,3.2vw,48px);margin-bottom:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 2px}.mod-project{display:grid;grid-template-columns:1.1fr 1fr;background:var(--panel);border:1px solid #ffffff0b;min-height:510px}.project-visual{position:relative;overflow:hidden;background:#0b151a}.project-visual>img{height:100%;object-fit:cover;object-position:55% center;transition:transform .5s}.mod-project:hover .project-visual>img{transform:scale(1.02)}.media-play{position:absolute;left:28px;bottom:28px;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff70;background:#0b0e16b0;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s}.media-play:hover{background:var(--bright)}.media-play span{font-size:13px;margin-left:3px}.image-label{position:absolute;bottom:35px;right:23px;font-family:var(--sans);font-size:8px;letter-spacing:1.5px;color:#ddd8e6;text-shadow:0 1px 3px black}.project-body{padding:42px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;width:100%;font-family:var(--sans);font-size:9px;letter-spacing:1.4px;color:var(--dim);margin-bottom:29px}.status{color:#c5bbd0;font-size:9px;letter-spacing:.4px;display:flex;gap:6px;align-items:center}.status:before{content:'';height:4px;width:4px;background:var(--purple);border-radius:50%}h3{font-size:45px;margin-bottom:22px}.project-body p,.cutout-body p{font-size:13px;color:#c0bbc9;line-height:1.85;margin-bottom:15px}.project-body .secondary,.cutout-body .secondary{color:#96909f;font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0 25px}.tags span{font-family:var(--sans);font-size:9px;color:#aaa2b6;border:1px solid #45404f;padding:4px 8px;line-height:1.5}.project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-family:var(--sans);border-bottom:1px solid #716479;padding:4px 0 9px;color:#ddc9f7;line-height:1.6;transition:color .2s}.project-link:hover{color:white;border-color:var(--purple)}.project-link>span{font-size:17px}.app-project{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;margin-top:90px;gap:50px}.app-project .project-body{padding:0 30px 0 0}.app-project .project-meta{margin-bottom:25px}.app-project h3{font-size:48px;line-height:1.1;margin-bottom:17px}.project-body .project-name{font-family:var(--sans);font-size:18px;color:var(--purple);margin-bottom:18px;letter-spacing:1px}.app-visual{background:#15141c;padding:16px;border:1px solid #39313f;position:relative}.app-visual:before{content:'';position:absolute;top:-1px;left:-1px;width:46px;border-top:2px solid var(--purple)}.app-image-top{position:relative;overflow:hidden;aspect-ratio:1.85}.app-image-top>img{height:100%;object-fit:cover;object-position:center 58%}.app-image-top .image-label{bottom:15px;left:17px;right:auto}.hud-image{position:relative;background:black;margin-top:12px;overflow:hidden}.hud-image>img{aspect-ratio:16/9;object-fit:cover}.hud-caption{background:#18141e;display:flex;align-items:center;gap:8px;padding:9px 11px;color:#aaa1b8;font-family:var(--sans);font-size:8px;letter-spacing:1px}.cutout-project{position:relative;margin-top:90px;display:grid;grid-template-columns:.92fr 1.08fr;background:#17161c;border:1px solid #302c35;overflow:hidden}.cutout-image>img{height:100%;min-height:360px;object-fit:cover}.cutout-body{padding:37px 42px}.cutout-body .project-meta{margin-bottom:18px}.cutout-body h3{font-size:43px;margin-bottom:18px}.cutout-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:20px}.cutout-actions .text-button{font-size:11px}.media-section{background:#16161b;border-block:1px solid #ffffff07}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;border-radius:0;padding:8px 13px;color:#aaa3b3;font-family:var(--sans);font-size:11px}.filters button:hover{color:white}.filters button.active{background:#30243f;border-color:#68517d;color:#e0c9ff}.gallery-hint{font-family:var(--sans);font-size:8px;letter-spacing:1.1px;color:#87808f}.gallery-hint span{font-size:15px;color:var(--purple);margin-left:8px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.gallery-item{background:transparent;padding:0;text-align:left;border:0;display:block;min-width:0}.gallery-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0d1015}.gallery-image>img{height:100%;object-fit:cover;transition:transform .35s,opacity .35s;opacity:.9}.gallery-item:hover img{transform:scale(1.04);opacity:1}.gallery-icon{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;background:#15131dc9;border:1px solid #7d6c9480;color:white;font-size:13px}.gallery-type{display:block;margin-top:13px;color:var(--purple);font-family:var(--sans);font-size:8px;letter-spacing:1.3px}.gallery-title{font-family:var(--sans);font-size:14px;display:block;margin-top:2px;color:#ded9e7;line-height:1.6}.gallery-note{display:block;color:#898291;font-size:10px;margin-top:2px}.about-section{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.about-section h2{font-size:52px;line-height:1.13}.about-section h2 em{font-style:normal;color:var(--purple)}.about-copy{padding-top:35px}.about-copy p{color:#a8a1b1;font-size:14px;line-height:1.95;margin-bottom:23px}.support-section{background:linear-gradient(105deg,#2a1d3c,#1c1825 65%,#201c27);border-block:1px solid #64438266}.support-inner{display:flex;gap:35px;align-items:center;padding-block:53px}.support-mark{font-size:63px;font-weight:200;color:var(--purple);line-height:1}.support-copy{flex:1}.support-copy .eyebrow{margin-bottom:11px}.support-copy h2{font-size:33px;margin-bottom:12px;letter-spacing:-.5px}.support-copy p:last-child{color:#aaa1b8;font-size:12px;margin:0}.support-inner>.button{min-width:170px;justify-content:space-between}.site-footer{padding-block:49px 28px;display:flex;gap:35px;align-items:center;flex-wrap:wrap}.footer-brand{width:200px}.site-footer>p{font-size:10px;color:#aaa3b4;line-height:1.9;margin:0}.site-footer>p>span{color:#736c7d;font-size:9px}.back-top{margin-left:auto;color:#bcb4c6;font-family:var(--sans);font-size:11px;display:flex;gap:25px;align-items:center}.site-footer .credits{flex-basis:100%;font-size:8px;color:#706a78;padding-top:24px;border-top:1px solid #ffffff0b;line-height:1.7}dialog{color:var(--ink);background:#17151d;border:1px solid #51405f;box-shadow:0 20px 120px #0009;padding:0}dialog::backdrop{background:#050409e8;backdrop-filter:blur(7px)}.media-dialog{width:min(1240px,94vw);max-height:94svh;overflow:auto}.dialog-toolbar{padding:13px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:12px;color:#c3b7d0}.close-dialog{border:0;background:transparent;color:#d4c6e3;display:flex;align-items:center;gap:15px;font-size:12px;padding:5px;white-space:nowrap}.close-dialog span{font-size:25px;line-height:1}#media-stage{background:#08070c;display:flex;justify-content:center;align-items:center;min-height:180px}#media-stage>img,#media-stage>video{width:100%;max-height:72svh;object-fit:contain;display:block}.dialog-bottom{display:flex;justify-content:space-between;padding:12px 20px;gap:15px;align-items:center;color:#8d7e9d;font-size:11px;font-family:var(--sans)}.dialog-bottom button{background:transparent;border:0;color:#c2add6;font-size:11px}.support-dialog{width:min(490px,90vw);padding:45px}.support-dialog>.close-dialog{position:absolute;right:20px;top:15px;font-size:27px}.support-symbol{font-size:38px;display:block;margin-bottom:18px}.support-dialog h2{font-size:37px;margin-bottom:22px}.support-dialog>p:not(.eyebrow){color:#ada1b9;font-size:14px;line-height:1.8;margin-bottom:28px}.support-dialog .eyebrow{font-size:8px}.support-dialog .button{font-size:13px}
@media(min-width:1600px){.hero-image{background-position:center 48%}.hero-shade{background:linear-gradient(90deg,#0b0d13ed 0%,#0b0d13be 27%,#0d101542 60%,#0c101510 100%),linear-gradient(0deg,#101014,transparent 25%)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.site-header{padding-inline:30px}.hero{min-height:660px}.hero h1{font-size:65px}.project-body{padding:32px}.app-project{gap:32px}.app-project h3{font-size:40px}.project-meta{gap:12px;font-size:8px}h3{font-size:40px}.cutout-body{padding:32px}.about-section{gap:50px}.about-section h2{font-size:45px}.gallery-hint{display:none}.section-pad{padding-block:85px}.hero-shade{background:linear-gradient(90deg,#0b0d13ee,#0b0d13b0 40%,#0d101540),linear-gradient(0deg,#101014,transparent 30%)}.hero-image{background-position:63% center}}
@media(max-width:760px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.site-header{height:72px;padding-inline:20px}.brand{width:176px}.menu-toggle{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid #54485d;padding:9px}.menu-toggle span{display:block;height:1px;background:#d7bafa;width:100%}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#15121bed;border-bottom:1px solid #54405e;padding:25px;flex-direction:column;align-items:stretch;gap:22px;backdrop-filter:blur(14px)}.site-header nav.open{display:flex}.hero{height:auto;min-height:720px;max-height:none;align-items:flex-end}.hero-image{background-position:59% top;inset:0 0 20%;background-size:auto 105%;opacity:.9}.hero-shade{background:linear-gradient(0deg,#101014 3%,#101014f0 29%,#10101470 70%,#10101430)}.hero-content{padding:250px 0 105px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:20px}.hero h1{font-size:clamp(42px,10.5vw,66px);letter-spacing:-1.6px;line-height:1.04;margin-bottom:23px}.hero-copy{font-size:12px;line-height:1.85}.hero-actions{gap:23px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:12px;gap:30px}.hero-actions .text-button{font-size:12px}.hero-caption{font-size:7px;right:13px;top:24px}.hero-foot{bottom:24px;font-size:7px;letter-spacing:.7px;gap:20px}.hero-foot a{font-size:9px;gap:12px}.hero-foot a span{font-size:16px}.section-pad{padding-block:66px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:30px;flex-direction:column}.section-heading>p{font-size:11px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:12px}h2{font-size:34px;letter-spacing:-1px}.mod-project{grid-template-columns:1fr}.mod-visual{aspect-ratio:1.34;min-height:0}.project-body{padding:29px 25px}.project-meta{font-size:8px;margin-bottom:23px}.project-body h3{font-size:39px}.project-body p,.cutout-body p{font-size:12px}.project-body .secondary,.cutout-body .secondary{font-size:11px}.project-link{font-size:11px;gap:15px}.tags span{font-size:8px}.app-project{grid-template-columns:1fr;margin-top:58px;gap:30px}.app-project .project-body{padding:0}.app-project h3{font-size:39px}.app-visual{padding:10px}.app-image-top{aspect-ratio:1.6}.app-image-top .image-label{font-size:7px}.cutout-project{grid-template-columns:1fr;margin-top:58px}.cutout-image>img{min-height:0;aspect-ratio:16/10;object-fit:cover}.cutout-body{padding:27px 24px}.cutout-body h3{font-size:39px}.cutout-actions{gap:23px;flex-direction:column;align-items:flex-start}.gallery-toolbar{margin-top:5px;margin-bottom:22px}.filters{gap:3px}.filters button{padding:7px 10px;font-size:10px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.gallery-title{font-size:12px;line-height:1.45;margin-top:5px}.gallery-type{font-size:7px;letter-spacing:1px}.gallery-note{font-size:9px}.gallery-icon{width:24px;height:24px;right:8px;bottom:8px;font-size:10px}.about-section{grid-template-columns:1fr;gap:28px}.about-section h2{font-size:42px}.about-section .eyebrow{font-size:8px;letter-spacing:1.8px}.about-copy{padding-top:0}.about-copy p{font-size:12px;line-height:1.9}.support-inner{padding-block:40px;gap:20px;flex-wrap:wrap}.support-mark{display:none}.support-copy{flex-basis:100%}.support-copy .eyebrow{font-size:8px}.support-copy h2{font-size:31px}.support-copy p:last-child{font-size:11px;max-width:300px}.support-inner>.button{min-width:155px;font-size:12px;min-height:46px;margin-top:7px}.site-footer{gap:24px;padding-top:38px}.footer-brand{width:160px}.site-footer>p{font-size:9px;flex-basis:100%;order:3}.back-top{order:2;font-size:10px;gap:12px}.site-footer .credits{order:4;padding-top:20px;font-size:7px}.dialog-toolbar{font-size:10px;padding:10px 12px}.close-dialog{font-size:10px;gap:8px}.media-dialog{width:96vw}.dialog-bottom{padding:12px;font-size:10px}.dialog-bottom button{font-size:10px}.support-dialog{padding:35px 27px}.support-dialog h2{font-size:32px}.support-dialog>p:not(.eyebrow){font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}