:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;color:#f2ede3;background:#090c13;color-scheme:dark;--accent: #ff684b;--pad: clamp(24px, 5vw, 100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p,figure{margin:0}[hidden]{display:none!important}::selection{background:#70e7e0;color:#090c13}:focus-visible{outline:2px solid #70e7e0;outline-offset:7px}.shell{width:min(100% - var(--pad) * 2,1640px);margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:#f2ede3;color:#090c13;padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:none}.webgl-stage{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.site-header{position:fixed;inset:0 0 auto;z-index:40;min-height:90px;padding:22px var(--pad);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#090c13ed,#090c1370 75%,#090c1300)}.brand{font-size:30px;font-weight:850;letter-spacing:-.1em}.brand>span{color:#70e7e0}.site-header nav{display:flex;align-items:center;gap:12px;font-size:13px}.site-header nav a{padding:11px 16px}.nav-cv{border:1px solid #eceadd38}.nav-cv span{margin-left:15px;color:#ff684b}.pointer-halo{position:fixed;top:-20px;left:-20px;width:40px;height:40px;border:1px solid #edeeea90;border-radius:50%;z-index:100;opacity:0;pointer-events:none;transition:opacity .16s ease,scale .5s cubic-bezier(.22,1,.36,1),border-color .5s ease,background-color .5s ease}.pointer-dot{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);background:#ff684b;box-shadow:0 0 8px #ff684b66}.pointer-active .pointer-halo{opacity:1}.pointer-halo.over-link{background:#ff684b0a;border-color:#ff997eb3;scale:1.18}.pointer-down .pointer-halo{scale:.9}@media(hover:hover)and (pointer:fine){.pointer-active,.pointer-active *{cursor:none!important}}@media(hover:none),(pointer:coarse){.pointer-halo{display:none}}.hero{position:relative;height:100svh;min-height:720px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090c13a8,transparent 67%)}.hero-content{position:relative;width:calc(100% - var(--pad) * 2);margin-left:var(--pad);height:100%;display:grid;align-content:center;padding-top:100px;padding-bottom:65px;perspective:1200px}.hero-role{font-size:13px;margin-bottom:28px;color:#d1d5e2}.hero h1{width:max-content;max-width:100%;font-size:clamp(56px,8.2vw,176px);font-weight:900;line-height:.81;letter-spacing:-.07em;text-transform:uppercase}.hero-line{display:block;width:max-content;max-width:100%;white-space:nowrap;transform-origin:0 50%}.hero-line:first-child{-webkit-text-stroke:1px #34383f;paint-order:stroke fill}.hero-line-outline{margin-top:12px;color:#090c13bf;-webkit-text-stroke:2.5px #e4e9eb}.name-dot{color:#ff684b;-webkit-text-stroke:0}.hero-bottom{margin-top:36px;max-width:600px}.hero-bottom>p{font-size:16px;line-height:1.65;color:#c5cedb}.hero-actions{margin-top:25px;display:flex;gap:30px;align-items:center}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 23px;min-height:52px;background:#ff684b;color:#0a101a;font-size:12px;font-weight:750}.primary-link>span{font-size:21px;line-height:1}.text-link{display:inline-flex;align-items:center;flex-shrink:0;padding:16px 19px;font-size:12px;border:1px solid #c3c9de38}.text-link span{display:inline-block;margin-left:27px;color:var(--accent);transition:transform .65s cubic-bezier(.22,1,.36,1)}.hero-down{position:absolute;bottom:44px;right:var(--pad);display:grid;place-items:center;width:70px;height:70px;border:1px solid #a5bbd75c;border-radius:50%;font-size:31px;transition:background .3s}.title-word{position:relative;display:inline-block;white-space:nowrap}[data-reactive-title]{position:relative}.title-char{position:relative;display:inline-block}.work{position:relative;padding-top:130px;background:linear-gradient(#090c1300,#090c13ad 220px,#090c1399 90%,#090c1300)}.section-heading{margin-bottom:82px}.section-heading h2,.about h2{font-size:clamp(64px,8.5vw,135px);font-weight:800;line-height:.9;letter-spacing:-.065em}.section-heading h2>span,.about h2>span{color:var(--accent)}.project{position:relative;--accent: #ff684b}.project-gameplay{--accent: #8c82ff}.project-stage{position:relative;display:grid;gap:28px;perspective:1500px}.project-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw}.project-heading h3{font-size:clamp(28px,3.2vw,54px);font-weight:650;line-height:1.03;letter-spacing:-.05em}.project-heading>p{max-width:480px;justify-self:end;font-size:15px;line-height:1.6;color:#c4ccda}.media-shell{position:relative;min-width:0;aspect-ratio:16 / 9;transform-style:preserve-3d;z-index:2}.media-screen{position:relative;height:100%;width:100%;overflow:hidden;background:#10151d;border:1px solid #dae5fa2a;box-shadow:0 20px 65px #0004}.media-empty{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#1e263825,#0c111a66)}.media-empty:before,.media-empty:after{content:"";position:absolute;pointer-events:none}.media-empty:before{inset:20px;border:1px solid #cedbf70b}.media-empty:after{inset:calc(50% - 24px) calc(50% - 24px) auto;width:48px;height:48px;border:1px solid #d5def92b;transform:rotate(45deg)}.media-empty>span{padding-top:110px;color:#98a7bf;font-size:12px}.frame-edge{position:absolute;inset-block:-5px;width:7px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);background:#1c2430;transform-style:preserve-3d;pointer-events:none}.frame-edge-left{left:-7px;transform:rotateY(-50deg);transform-origin:right}.frame-edge-right{right:-7px;transform:rotateY(50deg);transform-origin:left}.project-caption{display:flex;justify-content:flex-end}.image-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:25px 160px}.image-slot{position:relative;min-width:0;aspect-ratio:16 / 10;background:#10151d;border:1px solid #c9d5ef24}.image-slot:after{content:"";position:absolute;width:22px;height:22px;top:calc(50% - 11px);left:calc(50% - 11px);border:1px solid #d6dcf22b}.image-pair>p{position:absolute;bottom:105px;color:#98a7bf;font-size:11px}.media-screen video,.media-screen img,.image-slot img{display:block;width:100%;height:100%;object-fit:contain;background:#080b11}.image-slot img{position:absolute;inset:0;object-fit:cover}.image-slot.has-media:after{display:none}.media-screen video{position:relative;z-index:2}.landscapes{position:relative;padding-block:110px;color:#101224;background:#a89bed;--accent: #403378}.landscape-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw}.landscape-copy h2{font-size:clamp(45px,5.8vw,96px);font-weight:800;line-height:.95;letter-spacing:-.065em}.landscape-copy p{margin-top:28px;max-width:340px;font-size:17px;line-height:1.65}.landscape-media{aspect-ratio:4 / 3}.landscape-media .media-screen{box-shadow:none;background:#16182a}.about{position:relative;display:grid;align-items:center;min-height:80svh;padding-block:140px;background:linear-gradient(90deg,#090c13ed,#090c1394);color:#f2ede3;--accent: #ff684b}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.about-copy h2{font-size:clamp(48px,6vw,95px)}.about-copy p{margin-top:30px;max-width:510px;font-size:17px;line-height:1.75;color:#c5cedb}.about-copy p+p{margin-top:16px}.about-links{align-self:center;display:grid;gap:12px}.about-links>a:not(.word-link){display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 20px;border:1px solid #c3c9de38;font-size:clamp(21px,2.6vw,39px);letter-spacing:-.045em}.about-links>a>span{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:0}.about-links>a>span>i{font-size:25px;font-style:normal}.word-link{justify-self:start;margin-top:9px;font-size:12px;border:1px solid #c5cadb38;padding:13px 17px}footer{position:relative;display:flex;justify-content:space-between;gap:25px;padding-block:30px;color:#bec6d3;font-size:11px}footer a span{margin-left:16px}footer a{padding:12px 16px}.brand{padding:4px 8px;margin-left:-8px}.interactive-link{--light-x: 50;--light-y: 50;position:relative;isolation:isolate;border-radius:3px;transition:color .55s ease,background-color .55s ease,box-shadow .65s cubic-bezier(.22,1,.36,1),translate .65s cubic-bezier(.22,1,.36,1),scale .45s cubic-bezier(.22,1,.36,1)}.interactive-link:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at calc(var(--light-x) * 1%) calc(var(--light-y) * 1%),#ff8b563d,#ff684b0a 78%);transition:opacity .6s ease}.hero-down.interactive-link{position:absolute;border-radius:50%}.interactive-link:focus-visible,.interactive-link[aria-current=location]{box-shadow:0 0 0 1px #ff9a7375,0 0 26px #ff684b26,inset 0 0 20px #ff684b12}.interactive-link:focus-visible:before,.interactive-link[aria-current=location]:before{opacity:1}.interactive-link:active{scale:.975}@media(hover:hover)and (pointer:fine){.interactive-link:hover{translate:0 -2px;box-shadow:0 0 0 1px #ff9a7375,0 0 26px #ff684b26,inset 0 0 20px #ff684b12}.interactive-link:hover:before{opacity:1}.primary-link:hover{background:#ff805b}.text-link:hover span{transform:translate(2px,-2px)}}.scene-unavailable .hero{background:radial-gradient(ellipse at 80% 40%,#503f7859,transparent 55%),radial-gradient(ellipse at 65% 70%,#205f6147,transparent 50%)}@media(min-width:1700px){.hero-role{font-size:15px}.hero-bottom>p{font-size:18px}}@media(max-width:1000px){.project-heading{gap:45px}.project-heading>p{font-size:14px}.landscape-layout{gap:35px}.about-layout{gap:55px}.about-copy p{font-size:15px}}@media(max-width:700px){:root{--pad: 24px}html{scroll-padding-top:85px}.site-header{min-height:78px;padding-block:20px}.brand{font-size:27px}.site-header nav{gap:5px;font-size:12px}.site-header nav a{padding:10px 12px}.nav-cv span{margin-left:8px}.hero{height:100svh;min-height:780px}.hero:before{background:linear-gradient(#090c1300 30% 75%,#090c13c2)}.hero-content{padding-top:142px;padding-bottom:45px;align-content:start}.hero-role{font-size:11px;margin-bottom:28px}.hero h1{font-size:14.2vw;line-height:.86;letter-spacing:-.065em}.hero-line-outline{margin-top:5px;-webkit-text-stroke-width:1.75px}.hero-line:first-child{-webkit-text-stroke-width:.75px}.hero-bottom{margin-top:26px}.hero-bottom>p{font-size:13px;line-height:1.6;max-width:260px}.hero-actions{position:absolute;bottom:58px;left:0;right:0;gap:16px}.primary-link{padding:15px 17px;font-size:11px;gap:25px;min-height:48px}.hero-actions .text-link{font-size:11px;padding:15px 13px}.hero-actions .text-link span{margin-left:12px}.hero-down{display:none}.work{padding-top:55px}.section-heading{margin-bottom:55px}.section-heading h2{font-size:18vw}.project-stage{gap:24px}.project-heading{grid-template-columns:1fr;gap:15px}.project-heading h3{font-size:32px}.project-heading>p{justify-self:start;font-size:13px;max-width:340px}.media-shell{aspect-ratio:16 / 10}.media-empty>span{padding-top:90px;font-size:10px}.media-empty:before{inset:12px}.media-empty:after{width:36px;height:36px;top:calc(50% - 18px);left:calc(50% - 18px)}.project-caption .text-link{font-size:11px}.image-pair{padding-block:15px 115px;gap:16px}.image-slot{aspect-ratio:4 / 3}.image-pair>p{bottom:70px;font-size:10px}.landscapes{padding-block:70px}.landscape-layout{grid-template-columns:1fr;gap:40px}.landscape-copy h2{font-size:13.5vw}.landscape-copy p{margin-top:23px;font-size:15px}.landscape-media{aspect-ratio:4 / 3}.about{padding-block:75px}.about-layout{grid-template-columns:1fr;gap:40px}.about-copy h2{font-size:15.5vw}.about-copy p{margin-top:24px;font-size:15px}.about-links>a:not(.word-link){font-size:25px;padding:20px 14px}footer{font-size:10px}}@media(max-width:360px){:root{--pad: 20px}.hero-actions{gap:10px}.primary-link{gap:18px;padding-inline:13px}.hero-actions .text-link span{margin-left:8px}.site-header nav{gap:3px}.site-header nav a{padding-inline:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pointer-halo{display:none}}