:root{font-family:Lato,sans-serif;background:#0c0908;color:#f6f1ed;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:none;background-size:68px 68px;z-index:0}main,.site-header,.footer{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1320px;margin:0 auto;padding-left:35px;padding-right:35px}.site-header{max-width:1390px;margin:auto;padding:20px 35px;border-bottom:1px solid #f17a3426;display:flex;align-items:center;justify-content:space-between;gap:25px;font-family:Roboto,sans-serif}.logo{display:flex;align-items:center;gap:12px;font:800 23px Orbitron,sans-serif;letter-spacing:.06em}.logo-mark{font-size:36px;color:#ff811d;transform:rotate(20deg)}.logo small{display:block;margin-top:5px;font:500 9px Roboto,sans-serif;letter-spacing:.22em;color:#ae9a8c}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a:hover,.site-header nav a.active{color:#ff9c38}.nav-contact{font:600 13px Roboto;padding:12px 22px;border:1px solid #e36728;border-radius:10px;color:#ffb057}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;align-items:center;position:relative}.hero-text{padding-top:22px;position:relative;z-index:2}.eyebrow,.tiny{font:600 11px Roboto,sans-serif;letter-spacing:.24em;color:#ffbb68}.eyebrow span{display:inline-block;width:24px;height:2px;background:#ff8b24;vertical-align:middle;margin-right:12px}.hero h1,.page-title h1{font:800 clamp(42px,5vw,74px)/1.12 Orbitron,sans-serif;letter-spacing:.015em;margin:20px 0}.hero h1 em,.page-title h1 em{font-style:normal;background:var(--surface);color:transparent;-webkit-background-clip:text;background-clip:text}.role{font:700 14px Orbitron,sans-serif;letter-spacing:.19em;display:inline-block;padding:12px 20px;border:1px solid #df6526;background:#7f27172e;color:#ffb547;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%,0 12px)}.hero h2{font:500 16px Roboto,sans-serif;margin:23px 0 10px;color:#f0d3bd}.hero h2 b{color:#ff7d29}.summary,.page-title>p:last-of-type{font-size:17px;line-height:1.75;color:#cbbcb2;max-width:600px}.actions{display:flex;gap:14px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-block;font:700 14px Roboto,sans-serif;padding:15px 24px;border-radius:10px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#1c0a04;background:var(--surface);box-shadow:none}.btn-outline{border:1px solid #927163;background:#190f0baa}.hero-meta{display:flex;gap:25px;margin-top:37px;color:#9b7e6d;font:600 10px Orbitron,sans-serif;letter-spacing:.13em}.visual{height:510px;position:relative;min-width:0;background:var(--surface)}.visual app-interaction-scene{position:relative;z-index:1}.visual-orbit{position:absolute;width:56%;height:62%;top:15%;left:21%;background:#f5661014;filter:none}.visual-label{position:absolute;right:10px;bottom:26px;color:#c86941;font:600 10px Orbitron;letter-spacing:.16em}.specialties{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-15px}.specialties article{display:flex;gap:14px;align-items:center;padding:21px 16px;border:1px solid #ce6a364f;border-radius:14px;background:var(--surface);box-shadow:none}.specialties article>span{font:30px Orbitron;color:#ffa52b}.specialties h3{margin:0 0 7px;font:700 14px Roboto}.specialties p{margin:0;font-size:12px;color:#ae9b90;line-height:1.5}.section{margin-top:96px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section h2,.contact h2,.about h2{font:700 clamp(22px,2.5vw,35px) Orbitron;line-height:1.35;margin:10px 0}.section h2 span,.contact h2 span{color:#ff6a2a}.text-link,.orange{color:#ff7d34}.text-link{font:600 13px Roboto}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{position:relative;display:flex;gap:15px;padding:22px 18px;min-height:222px;border:1px solid #bf613b6b;border-radius:15px;background:var(--surface);transition:transform .22s,border-color .22s;overflow:hidden}.project-card:after{content:"";height:2px;position:absolute;bottom:0;left:20px;right:20px;background:var(--surface)}.project-card:hover{transform:translateY(-5px);border-color:#ff9a35}.card-icon{display:grid;place-items:center;flex:0 0 70px;height:70px;border-radius:13px;font:42px Orbitron;color:#ff9a39;background:#f26d1716;border:1px solid #a95a343d}.card-info h3{font:700 17px Roboto;margin:12px 0}.card-info p{font-size:13px;line-height:1.6;color:#b2a49b}.card-info .tiny{font-size:9px;letter-spacing:.1em}.arrow{position:absolute;right:16px;top:14px;color:#e69c62}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chips span{border:1px solid #995a383b;border-radius:40px;padding:6px 10px;font:500 10px Roboto;background:#ffffff08;color:#f8bf8d}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:48px;padding-bottom:40px;border-top:1px solid #ff9c3837}.about p{line-height:1.85;color:#baafa9}.contact{margin-top:65px;margin-bottom:80px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:34px;padding-bottom:34px;border:1px solid #dd662e77;border-radius:18px;background:var(--surface)}.contact p{color:#cbbcb2}.footer{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f9953033;padding:26px 35px 40px;font:12px Roboto;color:#987c6d}.page-title{padding-top:80px}.page-title h1{font-size:clamp(36px,4.5vw,64px)}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 0}.filter-bar button{color:#dac5b2;border:1px solid #9f604544;background:#26140e;padding:11px 15px;border-radius:8px}.filter-bar button.selected,.filter-bar button:hover{border-color:#fd9131;color:#ffb65a}.listing{margin-top:30px;min-height:250px}.detail{padding-bottom:30px}.details-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:30px auto 100px}.glass{padding:35px;border-radius:20px;border:1px solid #d4783655;background:#1b100edf}.glass h2{font:700 19px Orbitron;color:#ffb14d;margin:15px 0 20px}.glass p,.glass li{color:#cdbfb4;line-height:1.9}.large-icon{font-size:100px;color:#ffad35}@media(max-width:970px){.hero{grid-template-columns:1fr}.visual{height:370px;grid-row:1}.hero-text{padding-bottom:30px}.specialties{grid-template-columns:repeat(2,1fr);margin-top:15px}.projects-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{gap:13px}.hero h1{font-size:55px}}@media(max-width:650px){.wrap{padding-left:19px;padding-right:19px}.site-header{padding:15px 20px;flex-wrap:wrap}.site-header nav{width:100%;overflow-x:auto;order:3;padding:10px 0;gap:20px}.site-header nav a{white-space:nowrap}.logo{font-size:17px}.logo small{font-size:7px}.nav-contact{font-size:11px;padding:9px 11px}.hero h1{font-size:clamp(31px,8.2vw,52px)}.hero{min-height:0}.visual{height:310px}.specialties,.projects-grid,.about,.details-grid{grid-template-columns:1fr}.section{margin-top:65px}.section-heading{align-items:start;flex-direction:column}.hero-meta{flex-wrap:wrap}.contact{flex-direction:column;align-items:start;margin-left:14px;margin-right:14px}.footer{flex-wrap:wrap}}.visual{height:550px}.visual-label{bottom:76px;right:6px}.project-card{transform:perspective(950px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transform-style:preserve-3d;will-change:transform;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:before{content:"";position:absolute;inset:0;background:var(--surface);pointer-events:none}.project-card:hover{transform:perspective(950px) translateY(-6px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));box-shadow:none;border-color:#ffb34f}.search-label{display:flex;align-items:center;gap:9px;border:1px solid #ad683f77;background:#20110e;border-radius:10px;padding:0 14px;color:#ffac4b;min-width:min(100%,330px)}.search-label input{padding:12px 0;background:transparent;color:#fff;border:0;outline:0;width:100%;font:13px Roboto,sans-serif}.search-label:focus-within{border-color:#ffba53;box-shadow:none}.result-count{color:#c99b75;font:13px Roboto}.empty-state{padding:45px;border:1px dashed #a35b3b;border-radius:15px;text-align:center;color:#d4ae90}.filter-bar button{transition:background .2s,transform .2s}.filter-bar button:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid #ffe195;outline-offset:4px}@media(max-width:970px){.visual{height:430px}}@media(max-width:650px){.visual{height:350px}.visual-label{display:none}.project-card:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project-card:hover{transform:none}}.project-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;position:relative;z-index:2}.project-links .card-action{display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;border-radius:9px;border:1px solid rgba(255,184,72,.4);background:#0e0e0ed1;color:#ffd591;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.project-links .card-action:hover,.project-links .card-action:focus-visible{border-color:#ffc44c;background:#f9851b3b;color:#fff}.project-links .action-play{background:var(--surface);border-color:#ff7a1f;color:#fff7f2}.project-links .action-play:hover{background:#ff5d2d;color:#fff}.projects-grid .project-card{cursor:default}.projects-grid .project-card{min-height:320px;flex-direction:column;padding:24px;background:var(--surface);box-shadow:none}.projects-grid .project-card:nth-child(5n+2){background:var(--surface)}.projects-grid .project-card:nth-child(5n+3){background:var(--surface)}.projects-grid .project-card:nth-child(5n+4){background:var(--surface)}.projects-grid .project-card:nth-child(5n+5){background:var(--surface)}.project-card .card-icon{height:74px;width:74px;flex:0 0 74px;font-size:38px;box-shadow:none}.project-card .card-info{flex:1}.project-card .card-info h3{font:700 21px Orbitron,sans-serif;line-height:1.45}.project-card .card-info p{font-size:14px}.project-links{margin-top:auto}.project-links .card-action{transition:background .2s,transform .2s}.project-links .card-action:hover{transform:translateY(-2px)}.hero .eyebrow{color:#ff9d6c}.section-heading{padding-bottom:18px;border-bottom:1px solid #ffaf4b30}.site-header{filter:none}@media(max-width:650px){.projects-grid .project-card{min-height:290px}}.hero .summary b{color:#ff7834}.hero-meta span{position:relative;padding-right:16px}.hero-meta span:not(:last-child):after{content:"";position:absolute;right:3px;top:50%;width:5px;height:5px;border-radius:50%;background:#d91f35;transform:translateY(-50%)}.specialties article:hover{border-color:#ff6d2a;box-shadow:none}.project-card .card-icon{background:var(--surface);border-color:#ff783438}:root{--bg:#F6EFE7;--surface:#FFFAF4;--surface-alt:#F1E3D6;--ink:#312821;--muted:#67574E;--line:#DCC7B7;--orange:#BA542D;--red:#963E3E;--gold:#A46B37;--on-accent:#FFF9F3;--ambient-a:#E3A27A3d;--ambient-b:#C86B6733;font-family:Manrope,sans-serif;background:var(--bg);color:var(--ink);color-scheme:light}:root[data-theme=dark]{--bg:#1C1715;--surface:#29211E;--surface-alt:#362925;--ink:#F6EEE5;--muted:#C6B3A7;--line:#62483C;--orange:#F0A174;--red:#DB8279;--gold:#E5B77E;--on-accent:#241611;--ambient-a:#9A462F40;--ambient-b:#AD494B32;color-scheme:dark}body{background:var(--surface);color:var(--ink);transition:background .4s,color .4s}body:before{opacity:.06;background-image:none}.hero h1,.page-title h1,.section h2,.contact h2,.about h2,.logo,.project-card h3,.glass h2{font-family:Cormorant Garamond,serif;letter-spacing:-.02em}.hero h1,.page-title h1{font-size:clamp(60px,6.5vw,104px);font-weight:700;line-height:.98}.hero h1 em,.page-title h1 em{background:var(--surface);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2,.specialties h3,.btn,.nav-contact,.site-header nav,.project-card .card-info p,.footer,.text-link,.filter-bar button,.project-links .card-action{font-family:Manrope,sans-serif}.tiny,.eyebrow,.hero-meta,.role,.visual-label,.result-count,.chips span,.prism-hint,.pagination,.logo small{font-family:IBM Plex Mono,monospace}.site-header{border-bottom-color:var(--line);background:color-mix(in srgb,var(--bg) 87%,transparent);border-radius:0 0 16px 16px}.logo,.hero h1,.page-title h1,.section h2,.contact h2,.about h2,.project-card .card-info h3{color:var(--ink)}.logo-mark,.site-header nav a.active,.site-header nav a:hover,.section h2 span,.contact h2 span,.text-link,.orange{color:var(--orange)}.logo small,.hero-meta,.summary,.page-title>p:last-of-type,.hero h2,.specialties p,.card-info p,.about p,.contact p,.footer,.glass p,.glass li,.result-count{color:var(--muted)}.eyebrow,.tiny,.hero .eyebrow,.role{color:var(--red)}.eyebrow span{background:var(--red)}.role{border:1px solid var(--line);background:var(--surface);clip-path:none;border-radius:999px;padding:12px 19px}.nav-contact,.theme-switch,.btn-outline{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.theme-switch{font:600 12px Manrope,sans-serif;border-radius:999px;padding:11px 15px;cursor:pointer;transition:background .25s,color .25s}.theme-switch:hover{background:var(--surface-alt)}.btn-primary{color:#fff9f4;background:var(--surface);box-shadow:none}.btn-primary:hover,.nav-contact:hover{box-shadow:none}.visual{background:var(--surface)}.visual-orbit{background:var(--ambient-b)}.visual-label{color:var(--gold)}.specialties article,.project-card,.glass{border-color:var(--line);background:var(--surface);box-shadow:none}.specialties article>span{color:var(--orange)}.specialties article h3,.project-card .card-info h3{color:var(--ink)}.specialties article:hover,.project-card:hover{border-color:var(--orange);box-shadow:none}.projects-grid .project-card,.projects-grid .project-card:nth-child(5n+2),.projects-grid .project-card:nth-child(5n+3),.projects-grid .project-card:nth-child(5n+4),.projects-grid .project-card:nth-child(5n+5){background:var(--surface)}.project-card:before{background:var(--surface)}.project-card:after{background:var(--surface)}.project-card .card-icon{color:var(--orange);border-color:var(--line);background:var(--surface)}.chips span{border-color:var(--line);background:var(--surface);color:var(--muted)}.project-links .card-action{border-color:var(--line);background:var(--surface);color:var(--ink)}.project-links .card-action:hover{border-color:var(--orange);background:var(--surface-alt);color:var(--ink)}.project-links .action-play{background:var(--surface);color:#fff;border-color:transparent}.project-links .action-play:hover{background:#963e3e;color:#fff}.section-heading,.about,.footer{border-color:var(--line)}.search-label,.filter-bar button{border-color:var(--line);background:var(--surface);color:var(--ink)}.search-label input{color:var(--ink)}.filter-bar button.selected,.filter-bar button:hover{border-color:var(--orange);color:var(--orange);background:var(--surface-alt)}.search-label:focus-within{border-color:var(--orange);box-shadow:none}.contact{border-color:var(--line);background:var(--surface)}.glass h2{color:var(--red);font-size:27px}.large-icon{color:var(--orange)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px auto 66px;color:var(--muted)}.pagination button{padding:12px 20px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px}.pagination button:disabled{opacity:.42;cursor:not-allowed}.pagination button:not(:disabled):hover{border-color:var(--orange);color:var(--orange)}:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:750px){.theme-switch{font-size:11px;padding:9px 11px}.site-header{gap:10px}.nav-contact{padding:9px 11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero .visual{height:570px;overflow:visible;background:none}.visual-orbit,.visual-label{display:none}.hero .visual app-interaction-scene{display:block;position:relative;z-index:1;height:100%;width:100%}@media(max-width:970px){.hero .visual{height:490px}}@media(max-width:650px){.hero .visual{height:390px}}.hero-landscape-wrap{padding-top:clamp(18px,3vw,42px)}.hero-landscape-wrap app-dystopian-hero{display:block;width:100%;box-shadow:none;border-radius:20px}.hero-landscape-wrap .hero-scene{border:1px solid rgba(173,83,56,.27)}@media(max-width:650px){.hero-landscape-wrap{padding-top:18px}.hero-landscape-wrap app-dystopian-hero{border-radius:12px}}:root{--bg:#F5EDE4;--surface:#FFF9F2;--surface-alt:#F0E1D4;--ink:#342820;--muted:#62544B;--line:#D7BFAE;--orange:#B95431;--red:#9C4238;--gold:#985C35}:root[data-theme=dark]{--bg:#241D19;--surface:#312722;--surface-alt:#3B2D27;--ink:#F7EDE2;--muted:#D0BBA9;--line:#725548;--orange:#E29A76;--red:#D58377;--gold:#DAAA82}body{background:var(--bg)!important;color:var(--ink)}body:before{display:none!important}.site-header{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0}.btn-primary,.project-links .action-play{background:var(--orange);color:#fff;box-shadow:none}.btn-primary:hover,.project-links .action-play:hover{background:var(--red);box-shadow:none}.hero h1 em,.page-title h1 em{background:none;color:var(--red)}.specialties article,.project-card,.glass,.contact,.projects-grid .project-card,.projects-grid .project-card:nth-child(5n+2),.projects-grid .project-card:nth-child(5n+3),.projects-grid .project-card:nth-child(5n+4),.projects-grid .project-card:nth-child(5n+5){background:var(--surface);box-shadow:none}.projects-grid .project-card:nth-child(2n){background:var(--surface)}.project-card:before,.project-card:after{display:none}.specialties article:hover,.project-card:hover{box-shadow:none}.card-icon,.project-card .card-icon,.chips span,.search-label,.filter-bar button,.pagination button{background:var(--surface-alt);box-shadow:none}.project-links .card-action,.nav-contact,.theme-switch,.btn-outline{background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.search-label:focus-within{box-shadow:none}.hero-landscape-wrap app-dystopian-hero{box-shadow:none}.visual,.visual-orbit{background:none;filter:none}.contact{background:var(--surface-alt)}.project-card,.specialties article,.glass,.contact{border:1px solid var(--line)}