@font-face{font-family:Poppins;src:url('assets/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#111619;--ink:#edf0e9;--muted:#a5afae;--line:#2c3538;--accent:#d5eea4;--green:#d5eea4;--dark:#1b2427}
body{-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Poppins,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(42px,4.3vw,66px);line-height:1.15}h2{font-size:clamp(29px,3vw,43px);line-height:1.23}h3{letter-spacing:-.025em}.wrap{width:min(1200px,calc(100% - 96px))}.header{height:83px;background:rgba(17,22,25,.97);padding:0 max(48px,calc((100vw - 1200px)/2));border-color:#ffffff0e}.brand{letter-spacing:-3px;font-size:36px}nav{gap:30px;font-size:12px;color:#bdc6c3}nav a{padding:7px 0;position:relative}nav a:after{content:'';height:2px;position:absolute;left:0;bottom:0;width:0;background:var(--accent);transition:width .2s}nav a:hover:after,nav a.current:after{width:100%}.cv-link{border:1px solid #52605d;border-radius:6px;padding:9px 14px;font-size:11px}.cv-link:hover{background:#26302c}.cv-link span{margin-left:17px}.hero{grid-template-columns:1.12fr 1fr;gap:48px;padding:48px 0 43px;min-height:550px}.hero .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:25px;color:#c3cebd}.intro{font-size:16px;line-height:1.85;max-width:470px;color:#b1baba;margin-top:24px}.hero-actions{gap:27px;margin:31px 0}.button{border-radius:6px;padding:14px 20px;font-size:12px}.primary{background:var(--accent);color:#172116;border-color:var(--accent);font-weight:600}.primary:hover{background:#e5ffc1;border-color:#e5ffc1;transform:translateY(-1px)}.text-link{font-size:12px;border-bottom-color:#697660}.hero-note{font-size:10px;color:#8e9d9a;gap:12px}.hero-note span+span:before{margin-right:12px}
.showcase{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:230px 194px;gap:15px;position:relative;padding-bottom:27px;max-width:510px;margin-left:auto;width:100%}.showcase button{padding:0;border:1px solid #ffffff24;position:relative;overflow:hidden;color:white;text-align:left;background:#1e292e;border-radius:12px;box-shadow:0 18px 38px #0004;transition:transform .22s,border-color .22s}.showcase button:hover{transform:translateY(-5px);border-color:#d5eea488}.showcase-phone{grid-row:1/3;grid-column:2;width:100%;display:flex;justify-content:center}.showcase-phone>img{height:calc(100% - 34px);width:100%;object-fit:contain;object-position:center;background:#101b23}.phone-caption{position:absolute;bottom:0;left:0;right:0;background:#152027f0;padding:11px 13px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.vr-tile{grid-row:1;grid-column:1;margin-top:26px}.game-tile{grid-row:2;grid-column:1}.showcase-tile>img{width:100%;height:100%;object-fit:cover}.showcase-tile:after{position:absolute;inset:0;content:'';background:linear-gradient(#0002,transparent 30%,#000b)}.tile-top{position:absolute;top:13px;left:12px;z-index:1;font-size:8px;letter-spacing:.08em;background:#111a1fd9;padding:6px 7px;border-radius:3px}.tile-bottom{position:absolute;bottom:15px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:end;z-index:1;gap:8px}.tile-bottom strong{font-family:Poppins,Arial,sans-serif;font-size:17px;line-height:1.32;letter-spacing:-.03em}.tile-play{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff77;border-radius:50%;font-size:10px;flex-shrink:0}.showcase-label{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:.12em;color:#7f928f}.showcase-label span{margin-left:16px;color:var(--accent)}
.credentials{padding:25px 0;gap:30px;border-color:#ffffff17;grid-template-columns:1.3fr repeat(3,1fr)}.credentials p,.credentials p strong{font-size:12px}.credentials strong{font-size:18px;font-family:Poppins,Arial,sans-serif;font-weight:600}.credentials span{font-size:10px;color:#879793}.work-section{padding-top:78px;padding-bottom:80px}.section-heading>p{font-size:13px;line-height:1.8;max-width:290px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#a3b4aa}.filter-bar{border-bottom:1px solid var(--line);padding-bottom:20px;margin-top:35px;margin-bottom:28px}.filters button{color:#a6b2af;font-size:11px;padding:9px 17px;border-radius:5px}.filters button.active{background:#d5eea4;color:#172116}.filters button:not(.active):hover{background:#1d292a;border-color:transparent;color:#fff}.search input{color:var(--ink);border-color:#465451;padding-bottom:10px;font-size:11px}.search input::placeholder{color:#8f9d99}.search>span:last-child{color:#8f9d99}.project-grid{gap:25px;grid-template-columns:repeat(3,1fr)}.project-card{border:1px solid #2c3738;background:#192124;border-radius:10px;overflow:hidden;transition:transform .22s,border-color .22s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);border-color:#849573}.project-media{border-radius:0;aspect-ratio:1.48;background:#0e161b;border-bottom:1px solid #ffffff0c}.project-media img{object-fit:contain;padding:7px}.project-card.attention .project-media img{padding:0;object-fit:cover}.media-label{background:#172024eb;color:#edf3e4;border:1px solid #ffffff24;border-radius:4px;font-size:9px;bottom:11px;left:12px;padding:6px 8px}.project-meta{padding:0 17px;margin:18px 0 9px;font-size:8px;letter-spacing:.045em;color:#99aaa3}.project-title{padding:0 17px}.project-title h3{font-size:17px;line-height:1.45}.project-title>span{color:var(--accent);font-size:18px}.project-card>p{padding:0 17px 19px;font-size:12px;line-height:1.75;color:#acb6b2;margin-top:9px}.gallery-more{display:block;margin:30px auto 0;border:1px solid #55645d;border-radius:6px;padding:12px 25px;background:transparent;color:#deead5;font-size:12px}.gallery-more:hover{background:#24312d}.gallery-more[hidden]{display:none}
.research-section{background:#e9ede2;color:#18271f;padding:70px 0}.research-section .eyebrow{color:#596e55}.research-section p{color:#536050}.publication{border-top-color:#c7d1bf;max-width:none;grid-template-columns:105px 1fr;gap:46px}.paper-number{color:#617d46;font-family:Poppins,sans-serif;font-size:59px}.paper-number span{font-family:Arial,sans-serif;color:#5b6a51}.publication h3{font-size:27px;max-width:830px;line-height:1.42}.publication p{font-size:13px}.publication .citation{font-size:11px}.publication .text-link,.research-note button{color:#334c27}.research-note{border-top-color:#c7d1bf;gap:75px}.research-note h3{font-size:23px;max-width:390px}.research-note p{font-size:13px;line-height:1.85}.about{padding-top:80px;gap:110px}.about-intro img{border-radius:8px;filter:saturate(.8);border:1px solid #ffffff18}.about-intro>p:not(.eyebrow){font-size:14px;line-height:1.85}.experience h3{font-size:21px}.experience p{font-size:13px;line-height:1.8}.experience .role{color:#cbdfa9}.experience .dates{color:#82968b}.credit-links a{color:#d2dfc6}.education h3{font-size:18px}.awards strong{font-family:Poppins,sans-serif;font-size:17px}.awards p:not(.eyebrow){line-height:1.8}.contact{background:#1c2928;border-top:1px solid #ffffff0b;padding:65px 0}.contact h2{font-size:36px;line-height:1.45}.email{font-size:31px;letter-spacing:-.02em;border-color:#718e66;color:var(--accent)}.contact-bottom p{font-size:11px}.contact-bottom a{color:#cad7c1}.footer{color:#7f9089}
.dialog-top{background:#182225;border-bottom-color:#35433e}.dialog-top button{background:#d5eea4;color:#14200d}.dialog-top span{color:#9fb3a6}dialog{background:#172124;border-color:#41524b;box-shadow:0 30px 100px #0009}.dialog-body h2{font-size:32px;line-height:1.3}.case-media{background:#0c1318}.case-details h3{font-size:18px}.case-details p,.case-details li{font-size:13px;line-height:1.8}.comparison{background:#25312f}.comparison th,.comparison td{border-bottom-color:#46594b}.comparison td:last-child{color:#d5eea4}.comparison p{color:#bac8c0}.comparison h3{font-size:21px}.case-callout{color:#b9c7bf;border-left-color:#a7c77d;background:#20302a}.case-links a{color:var(--accent)}.case-links .primary{color:#172116}.recorded{color:#99b0a0}
@media(min-width:1450px){.hero{gap:65px}.showcase{grid-template-rows:240px 214px}.hero h1{font-size:67px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero{gap:30px}.hero h1{font-size:48px}.showcase{grid-template-rows:210px 175px;gap:10px}.tile-bottom strong{font-size:14px}.credentials strong{font-size:15px}.project-title h3{font-size:16px}.project-meta{font-size:8px}.hero-actions{gap:19px}.hero-note{font-size:9px}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;padding:45px 0;min-height:530px}.hero h1{font-size:40px}.intro{font-size:14px}.hero-actions{flex-direction:column;align-items:start}.showcase{grid-template-rows:178px 153px}.tile-bottom strong{font-size:12px}.tile-play{width:23px;height:23px;font-size:8px}.tile-top{font-size:6px;left:7px;padding:5px}.tile-bottom{left:9px;right:9px;bottom:12px}.phone-caption{font-size:8px;padding:10px}.project-grid{grid-template-columns:repeat(2,1fr)}.about{gap:50px}.hero-note{flex-wrap:wrap;gap:8px}.credentials{gap:18px}.credentials strong{font-size:13px}.credentials span{font-size:9px}.publication{gap:28px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{min-height:92px;height:auto;padding:12px 18px}.brand{font-size:29px}nav{border-color:#ffffff16;gap:12px;padding-top:7px}nav a{font-size:11px;padding:2px 0}.cv-link{font-size:10px;padding:7px 10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:35px 0 28px;min-height:0}.hero h1{font-size:45px;line-height:1.18}.hero .eyebrow{font-size:9px;margin-bottom:21px}.intro{font-size:14px;margin-top:22px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0 21px}.hero-actions .button{font-size:11px;padding:13px 15px;gap:17px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:9px;gap:12px}.showcase{max-width:410px;margin:0 auto;grid-template-rows:175px 161px;gap:11px}.tile-top{font-size:7px;left:11px;padding:5px}.tile-bottom strong{font-size:14px}.tile-bottom{left:12px;right:12px}.phone-caption{font-size:9px}.tile-play{width:26px;height:26px;font-size:9px}.vr-tile{margin-top:16px}.showcase-label{font-size:8px}.credentials{grid-template-columns:1fr 1fr;gap:22px 16px;padding:25px 0}.credentials strong{font-size:14px}.credentials p,.credentials p strong{font-size:12px}.credentials span{font-size:9px}.work-section{padding:46px 0}.section-heading>p{font-size:13px;margin-top:15px;max-width:none}.filter-bar{margin-top:24px;padding-bottom:18px;gap:14px}.filters button{font-size:10px;padding:9px 13px}.project-grid{grid-template-columns:1fr;gap:21px}.project-media{aspect-ratio:1.5}.project-meta{font-size:9px}.project-title h3{font-size:19px}.project-card>p{font-size:13px}.publication{display:block;padding:26px 0 30px}.publication h3{font-size:23px;line-height:1.35}.paper-number{font-size:37px;display:flex;margin-bottom:23px}.research-section{padding:45px 0}.research-note{display:block;padding-top:28px}.research-note>div+div{margin-top:20px}.research-note h3{font-size:22px}.about{padding-top:48px;gap:36px}.experience h3{font-size:21px}.awards strong{font-size:17px}.contact{padding:42px 0}.contact h2{font-size:27px;line-height:1.4}.email{font-size:23px;letter-spacing:-.03em}.email span{margin-left:12px}.footer{font-size:10px}.dialog-body h2{font-size:26px}.dialog-body{padding:20px}.comparison h3{font-size:19px}}