@font-face{font-family:Identity;src:url('/assets/identity-v3.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/studio.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Fight;src:url('/assets/display-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#0b0b10;--panel:#14131a;--white:#f0eef4;--muted:#a29ea9;--accent:#cbbbd8;--line:#eee8f321}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}img{max-width:100%}::selection{background:#d5c8de;color:#0b0b10}.icon{width:24px;height:24px;display:block;flex-shrink:0}.skip-link{position:fixed;left:20px;top:-100px;padding:15px;background:var(--white);color:var(--bg);z-index:10}.skip-link:focus{top:15px}
.header{position:absolute;inset:0 0 auto;z-index:3;height:104px;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Identity,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:-1px;line-height:.9}.brand-small{display:block;font-family:Manrope,sans-serif;font-size:8px;font-weight:500;letter-spacing:4px;margin-top:7px}.header nav{display:flex;gap:42px;font-size:12px}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--white);transition:width .25s}.header nav a:hover:after{width:100%}.header nav sup{font-size:8px;color:#c0b6cb;margin-left:5px}.header-note{font-size:8px;letter-spacing:1.6px;color:#c0bac7}
.hero{height:100svh;min-height:760px;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;background:#24242e}.hero-parallax{position:absolute;inset:-22px;z-index:-3;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .8s ease-out}.hero-camera{width:100%;height:100%;animation:cameraDrift 32s ease-in-out infinite alternate;transform-origin:center 62%}.hero-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08080e50,transparent 30%,transparent 62%,#0b0b1060 85%,#0b0b10 100%)}.hero-identity{position:absolute;top:28%;left:0;width:100%;text-align:center;animation:titleArrival 1.5s ease-out both}.hero-eyebrow{font-size:9px;font-weight:500;letter-spacing:4px;margin:0 0 25px;color:#ddd5e5}.hero h1{font-family:Identity,Arial,sans-serif;font-size:clamp(70px,21.3vw,360px);font-weight:500;line-height:.79;letter-spacing:-.065em;margin:0;padding-right:.065em;color:#f4f0f7;text-shadow:0 2px 35px #09080d12}.hero h1>span{display:block;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1;letter-spacing:17px;padding-left:17px;margin-top:30px}.hero-bottom{position:absolute;bottom:42px;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}.hero-bottom>p{font-family:Identity,sans-serif;font-size:18px;line-height:1.5;font-weight:400;margin:0;color:#d5cfdb}.hero-scroll{justify-self:center;display:flex;align-items:center;gap:20px;font-size:8px;font-weight:600;letter-spacing:1.4px;white-space:nowrap}.round-arrow{display:grid;place-items:center;border:1px solid #eee8f351;border-radius:50%;height:50px;width:50px;transition:background .25s,transform .25s}.hero-scroll:hover .round-arrow{background:#ffffff15;transform:translateY(5px)}.motion-toggle{justify-self:end;display:none;align-items:center;gap:8px;background:none;font-size:9px;letter-spacing:1px;padding:12px 0;color:#bab0c4}.ready .motion-toggle{display:flex}.motion-toggle .icon{width:20px;height:20px}.motion-play{display:none}.motion-off .hero-camera{animation-play-state:paused}.motion-off .motion-play{display:block}.motion-off .motion-pause{display:none}@keyframes cameraDrift{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes titleArrival{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.work{padding:130px 5% 110px;max-width:1720px;margin:auto}.work-heading{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:center;margin-bottom:55px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.8px;line-height:1.7;margin:0;color:#ada2b8}h2{font-family:Identity,sans-serif;font-size:clamp(46px,4.9vw,74px);font-weight:400;letter-spacing:-3.5px;line-height:1.05;margin:0}.work-heading>p:last-child{justify-self:end;color:#a69eae;font-size:12px;line-height:1.8;margin:0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project{min-width:0}.project-open{display:block;width:100%;min-width:0;padding:0;aspect-ratio:.96;min-height:520px;background:#19151d;position:relative;overflow:hidden;isolation:isolate;text-align:left}.project-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;z-index:-3;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-open:hover .project-art,.project-open:focus-visible .project-art{transform:scale(1.04)}.project-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100d16f0,transparent 64%),linear-gradient(180deg,#0a071945,transparent 28%)}.project-topline{position:absolute;inset:30px 30px auto;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.project-status{font-size:10px;color:#f0eef4;border:1px solid #ffffff47;padding:8px 11px;background:#0b091180;backdrop-filter:blur(10px)}.project-number{font-size:11px;color:#e4dee8}.project-title{position:absolute;bottom:103px;left:8%;right:8%;display:block;color:#f6f0e5;text-shadow:0 5px 25px #140a0d66}.pirate-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.2vw,70px);line-height:1.05;letter-spacing:-2px;font-weight:400}.project-bottomline{position:absolute;bottom:35px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:7px;letter-spacing:1.5px;color:#d0c4d7}.explore-label{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:0;color:var(--white)}.explore-label .icon{width:21px;transition:transform .2s}.project-open:hover .explore-label .icon{transform:translateX(6px)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:15px}.project-meta h3{font-family:Identity,sans-serif;font-size:21px;font-weight:400;letter-spacing:-.6px;margin:0 0 7px}.project-meta p{font-size:11px;color:#9f96a8;margin:0}.project-meta>a,.project-meta>button{display:flex;align-items:center;gap:12px;font-size:10px;background:none;padding:12px 0;color:#d9d2e0;flex-shrink:0}.project-meta .icon{width:19px;height:19px}.friz-stage{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 65% 30%,#7a4640,#392332 50%,#16131f)}.fighter{position:absolute;z-index:-3;max-width:none;height:114%;width:85%;object-fit:cover;object-position:center top;bottom:-18%;transition:transform .8s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(0deg,transparent,#000 30%)}.fighter-saffron{left:-12%;z-index:-2;transform:rotate(-8deg);mask-image:linear-gradient(90deg,#000 60%,transparent)}.fighter-aster{right:-19%;height:117%;transform:scaleX(-1) rotate(-4deg);opacity:.95;mask-image:linear-gradient(270deg,#000 65%,transparent)}.friz-project .project-shade{background:linear-gradient(0deg,#190f20 0%,#190f2060 32%,transparent 70%)}.friz-project .project-open:hover .fighter-saffron{transform:rotate(-8deg) translateX(6px)}.friz-project .project-open:hover .fighter-aster{transform:scaleX(-1) rotate(-4deg) translateX(6px)}.friz-title{font-family:Fight,Impact,sans-serif;font-size:clamp(66px,7.3vw,120px);font-style:italic;font-weight:700;line-height:.77;letter-spacing:-1px;bottom:100px;text-shadow:3px 4px 0 #351728,0 5px 25px #170b19}.friz-title>span{display:block;color:#efc2c6}
.studio{padding:95px 5% 110px;max-width:1720px;margin:auto;border-top:1px solid var(--line)}.studio-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.studio-label img{opacity:.65;width:45px;height:45px}.studio-main{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:start}.studio h2{font-size:clamp(54px,6vw,94px);line-height:1.03}.studio-copy{max-width:470px}.studio-copy>p:first-child{font-family:Identity,sans-serif;font-size:23px;line-height:1.6;color:#e0d9e8;margin:0 0 25px}.studio-copy>p:nth-child(2){font-size:13px;line-height:1.9;color:#a69cab;margin:0 0 27px}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:11px;padding-bottom:10px;border-bottom:1px solid #ffffff3b}.footer{overflow:hidden;max-width:1720px;margin:auto;padding:0 5%}.footer-line{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-line>p{font-size:8px;letter-spacing:1px;color:#8c8296;margin:0}.footer .brand{font-size:20px}.footer .brand img{width:32px;height:32px}.footer .brand-small{font-size:7px;letter-spacing:3px}.back-top{display:flex;align-items:center;gap:15px;font-size:10px}.back-top>span{transform:rotate(180deg)}.footer-wordmark{font-family:Identity,sans-serif;font-size:clamp(70px,21vw,350px);font-weight:500;letter-spacing:-.065em;line-height:.72;text-align:center;color:#d5c8e013;user-select:none;margin:40px 0 -5px}
.project-dialog,.lightbox{border:1px solid #c4b7cf30;color:var(--white);background:#121117;padding:0;width:min(1080px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;scrollbar-color:#6b5c7a #121117;scrollbar-width:thin}.project-dialog::backdrop,.lightbox::backdrop{background:#040307dc;backdrop-filter:blur(12px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 25px;position:sticky;top:0;background:#121117f5;z-index:2;border-bottom:1px solid var(--line)}.dialog-bar>span{font-size:8px;letter-spacing:1px;color:#aa9db7}.dialog-close,.lightbox-close{display:flex;align-items:center;gap:15px;font-size:11px;background:none;padding:7px}.dialog-cover{display:block;width:100%;height:auto;aspect-ratio:2.5;object-fit:cover}.dialog-content{padding:40px 5%}.dialog-content .eyebrow{margin-bottom:13px}.dialog-content h2{font-size:54px;letter-spacing:-2px}.dialog-description{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.dialog-description p{font-size:13px;line-height:1.9;color:#c0b5ca;margin:0}.facts{display:flex;gap:0;list-style:none;padding:0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts li{font-size:11px;padding:16px 20px 16px 0;flex:1;color:#e4dbe9}.pill{display:inline-flex;align-items:center;gap:30px;padding:13px 22px;border-radius:30px;font-size:11px}.pill-light{background:#ece6f0;color:#191220}.pill-light:hover{background:white}.release-note{font-size:11px;color:#bfa9d1}.gallery-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:40px 0 20px}.gallery-title h3{font-family:Identity,sans-serif;font-size:23px;font-weight:400;letter-spacing:-.5px;margin:0}.gallery-title>span{font-size:7px;letter-spacing:1px;color:#a497b1}.game-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shot{display:block;cursor:zoom-in}.shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:filter .2s}.shot:hover img{filter:brightness(1.15)}.shot>span{display:block;font-size:9px;line-height:1.6;color:#b6a8c2;margin-top:10px}.media-note{font-size:9px;color:#8f809d;line-height:1.6;margin:20px 0 0}.lightbox{width:min(1300px,96vw);max-width:96vw;padding:55px 20px 12px;max-height:96dvh}.lightbox-close{position:absolute;top:8px;right:12px}.lightbox figure{margin:0}.lightbox-image{display:block;width:100%;max-height:72dvh;object-fit:contain}.lightbox figcaption{font-size:11px;line-height:1.7;color:#b9abc6;margin:15px 0}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:5px}.lightbox-controls button{display:flex;align-items:center;gap:10px;background:none;padding:10px;font-size:11px}.lightbox-count{font-size:10px;color:#a596b1}.flip{display:block;transform:rotate(180deg)}.not-found{padding:60px 6%;max-width:1000px;margin:auto}.not-found>.brand{margin-bottom:100px}.not-found h1{font-family:Identity,sans-serif;font-weight:400;font-size:90px;letter-spacing:-5px;line-height:1;margin:25px 0}.not-found>p:not([class]){color:var(--muted);margin-bottom:30px}
@media(min-width:1720px){.hero-identity{top:30%}.hero h1{font-size:360px}}
@media(max-width:1050px){.header-note{display:none}.header nav{gap:30px}.hero{min-height:720px}.hero-identity{top:31%}.hero h1>span{font-size:11px;letter-spacing:14px;padding-left:14px}.hero-bottom>p{font-size:15px}.hero-scroll{gap:14px;font-size:7px}.round-arrow{width:42px;height:42px}.work-heading{grid-template-columns:1fr 2fr}.work-heading>p:last-child{display:none}.project-open{min-height:470px}.project-topline{inset:23px 23px auto}.pirate-title{font-size:45px}.friz-title{font-size:90px}.project-meta h3{font-size:18px}.project-meta>a,.project-meta>button{font-size:9px;gap:7px}.project-meta p{font-size:10px}.project-bottomline{font-size:6px;letter-spacing:1px}.studio-main{gap:9%}.studio-copy>p:first-child{font-size:20px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:84px;padding:0 6%}.brand{font-size:20px;gap:7px}.brand img{width:30px;height:30px}.brand-small{font-size:7px;letter-spacing:3px}.header nav{gap:23px;font-size:11px}.header nav sup{font-size:7px;margin-left:3px}.hero{height:100svh;min-height:690px;max-height:1050px}.hero-art{object-position:50% 56%}.hero-identity{top:32%}.hero-eyebrow{font-size:7px;letter-spacing:2.4px;margin-bottom:25px}.hero h1{font-size:21.5vw}.hero h1>span{font-size:9px;letter-spacing:10px;padding-left:10px;margin-top:23px}.hero-bottom{bottom:30px;left:6%;right:6%;grid-template-columns:1fr auto;gap:30px 15px;align-items:center}.hero-bottom>p{font-size:16px}.hero-scroll{grid-column:1;grid-row:2;justify-self:start;flex-direction:row-reverse;font-size:9px;letter-spacing:1px}.motion-toggle{grid-column:2;grid-row:2;font-size:9px}.round-arrow{width:40px;height:40px}.work{padding:75px 6% 65px}.work-heading{display:block;margin-bottom:30px}.work-heading .eyebrow{margin-bottom:20px}.work-heading h2{font-size:50px;letter-spacing:-2.5px}.projects{grid-template-columns:1fr;gap:45px}.project-open{aspect-ratio:.83;min-height:0}.project-topline{inset:22px 22px auto;font-size:7px}.project-number{font-size:9px}.project-status{padding:7px 9px}.project-title{bottom:95px}.pirate-title{font-size:clamp(37px,9vw,60px);letter-spacing:-1px}.friz-title{font-size:clamp(76px,22vw,130px)}.project-bottomline{bottom:30px;font-size:6px;gap:10px}.explore-label{font-size:10px;gap:10px}.project-meta{padding-top:20px}.project-meta h3{font-size:20px}.project-meta p{font-size:10px}.project-meta>a,.project-meta>button{font-size:9px}.project-meta .icon{width:17px}.studio{padding:45px 6% 65px}.studio-label{margin-bottom:30px}.studio-label img{width:35px;height:35px}.eyebrow{font-size:7px}.studio-main{display:block}.studio h2{font-size:59px;letter-spacing:-3px}.studio-copy{margin-top:30px}.studio-copy>p:first-child{font-size:21px}.studio-copy>p:nth-child(2){font-size:13px}.footer{padding:0 6%}.footer-line{flex-wrap:wrap;padding:30px 0;gap:25px}.footer-line .brand{width:100%}.footer-line>p{font-size:7px}.back-top{font-size:9px;gap:8px}.back-top .icon{width:18px;height:18px}.footer-wordmark{font-size:21vw;margin-top:20px}.project-dialog{max-width:96vw;width:96vw;max-height:95dvh}.dialog-bar{padding:10px 14px}.dialog-bar>span{font-size:6px;letter-spacing:.4px}.dialog-close{font-size:10px;gap:8px}.dialog-cover{aspect-ratio:16/9}.dialog-content{padding:28px 6%}.dialog-content h2{font-size:36px;letter-spacing:-1.7px}.dialog-description{grid-template-columns:1fr;gap:14px}.dialog-description p{font-size:12px}.facts{flex-wrap:wrap;gap:0}.facts li{font-size:9px;padding:12px 10px 12px 0;flex:1;line-height:1.7}.pill{font-size:10px;padding:11px 18px;gap:22px}.gallery-title{display:block;margin-top:30px}.gallery-title h3{font-size:22px;margin-bottom:10px}.game-media{grid-template-columns:1fr;gap:20px}.shot>span{font-size:10px;margin-top:8px}.lightbox{padding:50px 10px 10px}.lightbox figcaption{font-size:10px}.lightbox-controls button{font-size:10px;padding:10px 5px}.not-found h1{font-size:60px;letter-spacing:-3px}}
@media(max-width:370px){.header nav{gap:15px;font-size:10px}.hero-bottom>p{font-size:14px}.hero-scroll{font-size:6px;gap:12px}.motion-toggle span{display:none}.work-heading h2{font-size:45px}.project-meta h3{font-size:17px}.project-meta>a,.project-meta>button{font-size:8px;gap:5px}.project-meta p{font-size:9px}.studio h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-parallax{transform:none!important}.hero-identity{opacity:1;filter:none;transform:none}}