@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@300;400;500;600&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eee9e2;background:#09090b;margin:0;font-family:Manrope,system-ui,sans-serif;font-weight:300}button,a{font:inherit}a{color:inherit;text-decoration:none}main{position:relative;overflow:hidden}.showreel,.showreel-shade{pointer-events:none;position:fixed;inset:0}.showreel{z-index:-2;background:#100c1a}.showreel video{object-fit:cover;width:100%;height:100%}.showreel-shade{z-index:-1;background:linear-gradient(#05040a7a,#08070c9e 42%,#09090b 78%)}.nav{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1240px;height:80px;margin:auto;padding:0 32px;display:flex}.brand{align-items:center;display:flex}.brand img{object-fit:contain;width:auto;height:33px}.nav nav{letter-spacing:.08em;text-transform:uppercase;color:#d1cdc7;gap:30px;font-size:12px;display:flex}.language{gap:5px;display:flex}.language button{color:#aaa;cursor:pointer;background:0 0;border:0;padding:5px;font:11px DM Mono}.language .selected{color:#fff}.hero{max-width:1240px;min-height:680px;margin:auto;padding:150px 32px 80px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#b4aea7;margin:0 0 22px;font:11px DM Mono}.hero h1,.section-head h2,.about h2,.contact h2{letter-spacing:-.055em;margin:0;font:400 clamp(48px,7vw,102px)/.98 Playfair Display,serif}.hero h1 span{display:block}.intro{color:#ddd8d1;max-width:470px;margin:38px 0;font-size:15px;line-height:1.9}.pill{letter-spacing:.08em;border:1px solid #ffffff70;border-radius:999px;align-items:center;gap:28px;padding:14px 20px;font:11px DM Mono;transition:all .25s;display:inline-flex}.pill:hover{color:#101012;background:#eee9e2}.pill i{font-size:18px;font-style:normal}.works,.about,.contact{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090bb5;border-top:1px solid #ffffff20;padding:120px max(32px,50vw - 588px);position:relative}.section-head{margin-bottom:54px}.section-head h2{font-size:clamp(38px,5vw,70px)}.grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.work{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-column:span 4;padding:0}.work:first-child,.work:nth-child(4){grid-column:span 8}.work-art{background:#181619;height:300px;display:block;position:relative;overflow:hidden}.winter .work-art{background:radial-gradient(110% 90% at 75% 30%,#33465e 0%,#0000 55%),radial-gradient(60% 70% at 10% 90%,#3c2f4a 0%,#0000 50%),linear-gradient(150deg,#0e1219 0%,#0a0b0e 100%)}.forest .work-art{background:radial-gradient(90% 90% at 25% 25%,#1e4038 0%,#0000 55%),radial-gradient(80% 70% at 85% 75%,#4d3350 0%,#0000 55%),linear-gradient(170deg,#0d1412 0%,#0b0b0e 100%)}.light .work-art{background:radial-gradient(100% 80% at 80% 20%,#5c4a24 0%,#0000 50%),radial-gradient(90% 90% at 15% 80%,#23303e 0%,#0000 55%),linear-gradient(190deg,#12110c 0%,#0b0c0e 100%)}.work:first-child .work-art,.work:nth-child(4) .work-art{height:380px}.halo{filter:blur(25px);opacity:.35;border-radius:50%;width:65%;height:65%;transition:transform .7s;position:absolute;top:18%;left:18%}.work:hover .halo{transform:scale(1.25)}.gold .halo{background:#e1a936}.violet .halo{background:#59406e}.rust .halo{background:#8a5730}.blue .halo{background:#405b78}.green .halo{background:#24584c}.amber .halo{background:#997a30}.work-art:after{content:"";background:linear-gradient(150deg,#0000002c,#0000 55%,#0008);position:absolute;inset:0}.work-index,.view{z-index:1;letter-spacing:.1em;font:11px DM Mono;position:absolute}.work-index{color:#ddd9d3;top:17px;left:18px}.view{opacity:0;transition:all .3s;bottom:17px;left:18px;transform:translateY(10px)}.work:hover .view{opacity:1;transform:none}.view b{font-size:16px}.work-meta{padding:16px 2px 34px;display:block}.work-meta small{letter-spacing:.08em;text-transform:uppercase;color:#bcb6af;margin-bottom:7px;font:10px DM Mono;display:block}.work-meta strong{font:400 22px Playfair Display,serif}.about{max-width:1240px;margin:auto}.about h2{max-width:820px;font-size:clamp(40px,5vw,72px)}.about>p:not(.eyebrow){color:#d0cbc4;max-width:700px;margin:35px 0 72px;font-size:16px;line-height:2}.about ul{border-top:1px solid #ffffff20;margin:0;padding:0;list-style:none}.about li{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff20;padding:22px 0;font-size:13px}.contact{text-align:center;padding-block:150px}.contact h2{max-width:780px;margin:auto;font-size:clamp(42px,5vw,72px)}.contact>p:not(.eyebrow){color:#d0cbc4;max-width:460px;margin:30px auto 42px;line-height:1.8}footer{color:#aaa;letter-spacing:.08em;background:#09090beb;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:24px 32px;font:10px DM Mono;display:flex}footer img{opacity:.7;width:auto;height:20px}.overlay{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050506e8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay article{background:#111114;border:1px solid #ffffff20;width:min(920px,100%);position:relative}.modal-close{z-index:1;color:#eee;cursor:pointer;background:#111c;border:1px solid #fff3;padding:8px 10px;font:11px DM Mono;position:absolute;top:12px;right:14px}.overlay iframe,.modal-art{aspect-ratio:16/9;border:0;width:100%;display:block}.modal-art{text-align:center;place-content:center;display:grid}.modal-art span{font:italic 48px Playfair Display}.modal-art p{color:#ddd;font:11px DM Mono}.modal-copy{padding:26px}.modal-copy small{color:#aaa;font:10px DM Mono}.modal-copy h3{margin:8px 0 0;font:400 32px Playfair Display}@media (width<=700px){.nav{padding:0 18px}.nav nav{display:none}.brand img{height:27px}.hero{min-height:560px;padding:120px 24px 70px}.works,.about,.contact{padding:80px 24px}.grid{display:block}.work-art,.work:first-child .work-art,.work:nth-child(4) .work-art{height:290px}.contact{padding-block:105px}footer{padding:22px 18px}}.ai-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(120deg,#10101add,#17102add);border-top:1px solid #ffffff20;grid-template-columns:1.05fr .95fr;gap:clamp(44px,9vw,150px);padding:120px max(32px,50vw - 588px);display:grid;position:relative}.ai-section h2{letter-spacing:-.05em;max-width:600px;margin:0;font:400 clamp(42px,5.4vw,74px)/1.02 Playfair Display,serif}.ai-copy{max-width:480px;padding-top:45px}.ai-copy>p{color:#d4cec8;margin:0 0 48px;font-size:16px;line-height:2}.ai-copy ul{border-top:1px solid #ffffff24;margin:0;padding:0;list-style:none}.ai-copy li{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff24;gap:22px;padding:17px 0;font-size:12px;display:flex}.ai-copy li span{color:#b99555;font:10px DM Mono}@media (width<=700px){.ai-section{grid-template-columns:1fr;gap:0;padding:80px 24px}.ai-copy{padding-top:20px}.ai-copy>p{font-size:15px}}.da-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0cf2;border-top:1px solid #ffffff20;padding:110px max(32px,50vw - 588px) 150px}.da-intro{grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);align-items:end;column-gap:80px;margin-bottom:120px;display:grid}.da-intro .eyebrow{grid-column:1/-1}.da-intro h2{letter-spacing:-.055em;max-width:760px;margin:0;font:400 clamp(48px,6vw,86px)/.98 Playfair Display,serif}.da-intro>p:last-child{color:#cfc9c2;max-width:430px;margin:0 0 5px;line-height:1.9}.da-group{border-bottom:1px solid #ffffff20;margin:0 0 110px;padding:0 0 120px}.da-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.da-group>header{grid-template-columns:70px 1fr auto;align-items:baseline;margin-bottom:34px;display:grid}.da-group>header span,.da-group>header small{letter-spacing:.12em;text-transform:uppercase;color:#8e8983;font:10px DM Mono}.da-group>header h3{letter-spacing:-.04em;margin:0;font:400 clamp(34px,4vw,58px)/1 Playfair Display,serif}.da-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:78px;grid-auto-flow:dense;gap:0;display:grid}.da-work{color:inherit;text-align:left;cursor:zoom-in;background:#111114;border:0;grid-area:span 4/span 4;min-width:0;padding:0;position:relative;overflow:hidden}.da-work:first-child{grid-area:span 6/span 8}.da-work:nth-child(2){grid-area:span 6/span 4}.da-work:nth-child(3){grid-area:span 5/span 5}.da-work:nth-child(4){grid-area:span 5/span 7}.da-work:nth-child(5){grid-area:span 5/span 4}.da-work:nth-child(6){grid-area:span 5/span 8}.da-work:nth-child(7){grid-area:span 5/span 7}.da-work:nth-child(8){grid-area:span 5/span 5}.da-image{background:#111114;width:100%;height:100%;display:block;overflow:hidden}.da-work:first-child .da-image,.da-work:nth-child(6) .da-image{height:100%}.da-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.25,1),opacity .3s}.da-work:hover .da-image img{opacity:.88;transform:scale(1.025)}.da-caption{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0000,#08080ad9);padding:44px 18px 16px;transition:all .3s;display:block;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.da-work:hover .da-caption{opacity:1;transform:none}.da-caption small{letter-spacing:.09em;text-transform:uppercase;color:#aaa49d;margin-bottom:6px;font:9px DM Mono;display:block}.da-caption strong{color:#f0ece6;font:400 18px Playfair Display,serif}.da-lightbox{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050506f2;place-items:center;padding:54px 32px 30px;display:grid;position:fixed;inset:0}.da-lightbox>button{color:#eee;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#111114;border:1px solid #ffffff42;padding:9px 12px;font:10px DM Mono;position:absolute;top:20px;right:24px}.da-lightbox figure{flex-direction:column;align-items:flex-start;max-width:min(1500px,94vw);max-height:88vh;margin:0;display:flex}.da-lightbox figure img{object-fit:contain;max-width:100%;max-height:80vh;display:block}.da-lightbox figcaption{align-items:baseline;gap:18px;padding-top:12px;display:flex}.da-lightbox figcaption small{letter-spacing:.1em;text-transform:uppercase;color:#8f8a84;font:9px DM Mono}.da-lightbox figcaption strong{font:400 17px Playfair Display,serif}.nav nav{gap:22px}@media (width<=700px){.da-section{padding:80px 0 100px}.da-intro{margin:0 18px 80px;display:block}.da-intro h2{margin-bottom:28px}.da-intro>p:last-child{font-size:15px}.da-group{margin-bottom:75px;padding-bottom:65px}.da-group>header{grid-template-columns:38px 1fr;margin-inline:18px}.da-group>header small{display:none}.da-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:90px}.da-work,.da-work:nth-child(n){grid-area:span 2/span 1}.da-work:first-child,.da-work:nth-child(4),.da-work:nth-child(7){grid-area:span 3/span 2}.da-caption{opacity:1;padding:36px 12px 12px;transform:none}.da-caption strong{font-size:15px}.da-lightbox{padding:55px 12px 24px}.da-lightbox>button{top:12px;right:12px}}.hero.page{min-height:calc(100vh - 80px)}.news-column{background:#09090be8;border-top:1px solid #ffffff24;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:70px;max-width:1240px;margin:auto;padding:92px 32px 110px;display:grid;position:relative}.news-column header{border-right:1px solid #ffffff20;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-right:32px;display:flex}.news-column header .eyebrow{margin:0}.news-column header span{letter-spacing:.12em;color:#8d8882;font:10px DM Mono}.news-column article{max-width:850px}.news-column h2{letter-spacing:-.045em;margin:0 0 32px;font:400 clamp(38px,5vw,70px)/1.05 Playfair Display,serif}.news-column article p{color:#c9c4bd;max-width:740px;margin:0;font-size:15px;line-height:2}@media (width<=700px){.hero.page{min-height:calc(100vh - 80px)}.news-column{padding:70px 24px 82px;display:block}.news-column header{border-bottom:1px solid #ffffff20;border-right:0;flex-direction:row;align-items:center;margin-bottom:34px;padding:0 0 20px;display:flex}.news-column h2{margin-bottom:26px;font-size:38px}.news-column article p{font-size:14px;line-height:1.9}}.page{min-height:calc(100vh - 135px)}.nav nav a{position:relative}.nav nav a.active{color:#fff}.nav nav a.active:after{content:"";background:#cbb682;height:1px;position:absolute;bottom:-9px;left:0;right:0}.about .about-story{max-width:780px;margin:42px 0 72px}.about .about-story p{color:#d0cbc4;margin:0 0 24px;font-size:16px;line-height:2}.about .about-story p:last-child{margin-bottom:0}.contact-panel{text-align:left;background:#0d0d10;border:1px solid #ffffff24;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:0;max-width:1080px;margin:68px auto 0;display:grid}.contact-map{filter:grayscale()contrast(1.08)brightness(.72);border:0;width:100%;height:430px;display:block}.contact-details{border-left:1px solid #ffffff24;flex-direction:column;justify-content:space-between;padding:42px 36px;display:flex}.contact-details small{letter-spacing:.12em;text-transform:uppercase;color:#99938d;margin-bottom:13px;font:10px DM Mono;display:block}.contact-details a:not(.map-link){font-size:clamp(18px,2vw,27px);line-height:1.2}.contact-details p{color:#d0cbc4;margin:0;font-size:14px;line-height:1.8}.contact-details .map-link{letter-spacing:.1em;text-transform:uppercase;color:#d8d2ca;border-bottom:1px solid #fff5;margin-top:18px;padding-bottom:4px;font:10px DM Mono;display:inline-block}@media (width<=700px){.page{min-height:calc(100vh - 125px)}.about .about-story{margin:34px 0 54px}.about .about-story p{font-size:15px;line-height:1.9}.contact-panel{grid-template-columns:1fr;margin-top:48px}.contact-map{height:310px}.contact-details{border-top:1px solid #ffffff24;border-left:0;gap:46px;padding:30px 24px}}:root{--display:"Space Grotesk",system-ui,sans-serif;--technical:"IBM Plex Mono",ui-monospace,monospace}body{font-family:var(--display);letter-spacing:-.01em}.nav nav,.language button,.eyebrow,.pill,.work-index,.view,.work-meta small,.ai-copy li span,footer,.modal-close,.modal-copy small{font-family:var(--technical)}.brand img{filter:contrast(1.08)brightness(1.05)}.hero h1,.section-head h2,.about h2,.contact h2,.ai-section h2{font-family:var(--display);letter-spacing:-.075em;text-transform:uppercase;font-weight:300}.hero h1 span:nth-child(2){color:#c8c2bc;font-style:normal}.section-head h2,.about h2,.contact h2,.ai-section h2{line-height:.98}.work-meta strong,.modal-art span,.modal-copy h3{font-family:var(--display);letter-spacing:-.045em;font-style:normal;font-weight:400}.nav nav a{letter-spacing:.14em;font-size:11px}.nav nav a.active:after{background:#d0ae6d;height:2px}.eyebrow{letter-spacing:.2em;color:#c1b9b0;font-size:10px}.pill{letter-spacing:.13em;text-transform:uppercase;border-radius:2px;font-size:10px}.ai-section{background:linear-gradient(120deg,#0c0e15e8,#16111ee8)}.shell .work-art{background:url(/shell-helix-cover-clean.jpg) 50%/cover no-repeat}@media (width>=701px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:18px 16px}.work{grid-column:span 4}.work-art{aspect-ratio:auto;height:330px}.work-meta{flex-direction:column;justify-content:flex-start;min-height:74px;padding:13px 2px 18px;display:flex}.work-meta strong{line-height:1.15}.work.shell{grid-column:1/span 8}.work.signal{grid-column:9/span 4}.work.orchard{grid-column:1/span 5}.work.mihoyo{grid-column:6/span 7}.work.reaver{grid-column:1/span 7}.work.chips-ahoy{grid-column:8/span 5}.work.uniqlo-light-down{grid-column:1/span 8}.work.league-empyrean{grid-column:9/span 4}.work.jagermeister-deer{grid-column:1/span 5}.work.valorant-lion-dance{grid-column:6/span 7}.work.valorant-imperial-gold{grid-column:1/span 4}.work.noxus{grid-column:5/span 8}.work.valorant-masters-shanghai{grid-column:1/span 9}.work.valorant-champions{grid-column:10/span 3}.work.year-of-the-tiger{grid-column:1/span 5}.work.valorant-valiant-hero{grid-column:6/span 7}.work.game-for-peace-movie{grid-column:1/span 8}.work.valorant-nice-try{grid-column:9/span 4}.work.mobil-super-pod{grid-column:1/span 4}.work.tmall-new-year{grid-column:5/span 8}.work.comvita-threads-of-love{grid-column:1/span 7}.work[class~="361-ag2"]{grid-column:8/span 5}.work.shell-extra{grid-column:1/span 7}.work.oppo-sun-yingsha{grid-column:8/span 5}.work.valorant-cny{grid-column:1/span 8}.work[class~="361-ag1"]{grid-column:9/span 4}.work.shell .work-art,.work.signal .work-art{height:380px}.work.valorant-masters-shanghai .work-art,.work.valorant-champions .work-art{height:370px}.work.game-for-peace-movie .work-art,.work.valorant-nice-try .work-art,.work.valorant-cny .work-art,.work[class~="361-ag1"] .work-art{height:360px}.work.comvita-threads-of-love .work-art,.work[class~="361-ag2"] .work-art{height:345px}.work.year-of-the-tiger .work-art,.work.valorant-nice-try .work-art,.work.mobil-super-pod .work-art,.work[class~="361-ag2"] .work-art,.work.oppo-sun-yingsha .work-art,.work[class~="361-ag1"] .work-art{background-color:#09090b;background-repeat:no-repeat;background-size:auto 116%!important}.work.tmall-new-year .work-art,.work.shell-extra .work-art{background-color:#09090b;background-repeat:no-repeat;background-size:112%!important}}.signal .work-art{background:url(/second-project-cover.jpg) 50%/cover no-repeat}.orchard .work-art{background:url(/third-project-cover.jpg) 50%/cover no-repeat}.work-preview{pointer-events:none;background:#101014;border:0;width:100%;height:100%;position:absolute;inset:0}.work .work-art{transition:none}.work:hover .work-art{transform:none}.work .work-index{z-index:2;text-shadow:0 1px 8px #000}.cosmic .halo{background:#7667e9}.mihoyo .work-art{background:url(/mihoyo-cover.jpg) 50%/cover no-repeat}.reaver .work-art{background-image:linear-gradient(90deg,#03070e1a,#03070e0a),url(/reaver-cover.jpg);background-position:50%;background-size:cover}.reaver .work-index{color:#e1c7d4}