@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--black:#101012;--black-soft:#18181b;--white:#f5f3f0;--cream:#efede8;--purple:#9857f7;--grey:#aaa7ac;--border:#333236;--font:"Space Grotesk Variable", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body,button{font-family:var(--font)}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--purple);color:#fff}.site{overflow:clip}.shell{width:min(1460px,100% - 88px);margin-inline:auto}.section{padding:125px 0}.header{z-index:100;background:#101012f2;transition:background .25s,box-shadow .25s;position:sticky;top:0}.header-scrolled{-webkit-backdrop-filter:blur(20px);background:#101012e0;box-shadow:0 1px #ffffff17}.header-inner{align-items:center;gap:38px;min-height:92px;display:flex}.brand{flex-shrink:0;align-items:center;width:234px;display:flex}.brand img{object-fit:contain;width:100%;max-height:68px}.brand-fallback{color:#f5f3f0;letter-spacing:-.065em;white-space:nowrap;font-size:22px;font-weight:700}.brand-fallback span{color:var(--purple)}.navigation{align-items:center;gap:38px;margin-left:auto;display:flex}.navigation a{color:#d2cfd2;white-space:nowrap;padding:8px 0;font-size:14px;font-weight:400;transition:color .2s;position:relative}.navigation a:after{content:"";background:var(--purple);height:1px;transition:right .22s;position:absolute;bottom:2px;left:0;right:100%}.navigation a:hover{color:#fff}.navigation a:hover:after{right:0}.header-right{align-items:center;gap:25px;display:flex}.language-switch{color:#68656b;align-items:center;gap:7px;display:flex}.language-switch button{color:#79757e;background:0 0;border:0;padding:6px 1px;font-size:12px;font-weight:500}.language-switch button.selected{color:#fff}.menu-toggle{display:none}.hero{border-bottom:1px solid #2b292d}.hero-grid{grid-template-columns:1.02fr .98fr;min-height:min(760px,100svh - 92px);display:grid}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:85px 65px 100px 0;animation:.85s ease-out both heroEnter;display:flex}.hero h1{letter-spacing:-.075em;max-width:820px;margin:0;font-size:clamp(62px,6.15vw,108px);font-weight:700;line-height:.99}.hero h1 span{display:block}.hero h1 span:last-child{color:#c8c4cc}.hero-copy>p{color:#b6b2b9;max-width:490px;margin:35px 0 0;font-size:17px;line-height:1.8}.text-action{width:fit-content;min-width:220px;color:var(--white);border-bottom:1px solid #c4a2f4;justify-content:space-between;align-items:center;gap:52px;padding:0 0 14px;font-size:15px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.text-action span{font-size:24px;line-height:1;transition:transform .2s}.text-action:hover{color:#cba7ff}.text-action:hover span{transform:translate(3px,-3px)}.hero-copy .text-action{margin-top:45px}.hero-visual{background:#24242a;min-height:640px;animation:1.1s ease-out both photoEnter;position:relative;overflow:hidden}.hero-visual img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.hero-visual:hover img{transform:scale(1.045)}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px;display:flex}.section-heading h2{letter-spacing:-.075em;max-width:820px;margin:0;font-size:clamp(52px,5.5vw,94px);font-weight:650;line-height:1}.section-heading>p{max-width:300px;color:var(--grey);margin:0 0 7px;font-size:15px;line-height:1.75}.work{background:var(--black)}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 30px;display:grid}.work-item{min-width:0}.work-item-1{grid-column:span 7}.work-item-2{grid-column:span 5;padding-top:85px}.work-item-3{grid-column:span 12}.work-photo{background:#27252a;position:relative;overflow:hidden}.work-item-1 .work-photo{aspect-ratio:1.18}.work-item-2 .work-photo{aspect-ratio:.86}.work-item-3 .work-photo{aspect-ratio:2.65}.work-photo img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .45s}.work-item:hover .work-photo img{transform:scale(1.045)}.work-info{justify-content:space-between;align-items:start;gap:25px;padding-top:20px;display:flex}.work-info h3{letter-spacing:-.045em;margin:0;font-size:clamp(22px,2.15vw,32px);font-weight:600}.work-info p{color:#99959e;max-width:330px;margin:5px 0 0;font-size:14px;line-height:1.7}.image-disclaimer{border-top:1px solid var(--border);color:#807c85;margin:60px 0 0;padding-top:18px;font-size:12px;line-height:1.6}.custom{background:var(--cream);color:#171719;grid-template-columns:1fr 1fr;min-height:680px;display:grid}.custom-image{background:#d3d0cc;min-height:680px;position:relative;overflow:hidden}.custom-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.custom-image:hover img{transform:scale(1.04)}.custom-copy{align-items:center;padding:90px clamp(45px,7vw,135px);display:flex}.custom-copy>div{width:100%;max-width:550px}.custom h2{letter-spacing:-.075em;margin:0;font-size:clamp(56px,5.3vw,90px);font-weight:650;line-height:1}.custom-copy p{color:#454146;max-width:500px;margin:34px 0 0;font-size:17px;line-height:1.8}.custom-copy .custom-detail{color:#767178;margin-top:19px;font-size:14px}.dark-action{color:#171719;border-bottom-color:#8053ac;margin-top:42px}.dark-action:hover{color:#8053ac}.process{background:#141416}.process-layout{grid-template-columns:.9fr 1.1fr;gap:110px;display:grid}.process-heading h2{letter-spacing:-.075em;max-width:480px;margin:0;font-size:clamp(50px,5vw,78px);font-weight:650;line-height:1.02}.process-heading p{color:#a9a5ac;max-width:370px;margin:26px 0 0;font-size:16px;line-height:1.8}.process-step{border-top:1px solid #3b383e;grid-template-columns:75px 1fr;gap:25px;padding:32px 0 40px;display:grid}.process-step:last-child{border-bottom:1px solid #3b383e}.step-number{color:#a77de7;padding-top:6px;font-size:15px;font-weight:500}.process-step h3{letter-spacing:-.045em;margin:0;font-size:25px;font-weight:600}.process-step p{color:#aaa6ad;max-width:480px;margin:13px 0 0;font-size:15px;line-height:1.75}.studio{background:#1b1820;padding:100px 0}.studio-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;display:grid}.studio h2{letter-spacing:-.07em;max-width:720px;margin:0;font-size:clamp(42px,4.7vw,75px);font-weight:650;line-height:1.06}.studio p{color:#c4bec9;max-width:500px;margin:0;font-size:17px;line-height:1.8}.studio-layout span{color:#a891c4;letter-spacing:1px;border-top:1px solid #64516e;margin-top:30px;padding-top:17px;font-size:12px;font-weight:500;display:block}.contact{background:#101012;padding:145px 0}.contact-layout{grid-template-columns:1.1fr .9fr;align-items:end;gap:90px;display:grid}.contact h2{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(58px,6.6vw,110px);font-weight:650;line-height:.98}.contact-layout>div:first-child>p{max-width:500px;color:var(--grey);margin:29px 0 0;font-size:17px;line-height:1.8}.contact-right{padding-bottom:8px}.email-link{color:#d3b4fb;letter-spacing:-.04em;border-bottom:1px solid #b88fe4;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:0 0 16px;font-size:clamp(24px,2.4vw,38px);font-weight:500;transition:color .2s;display:flex}.email-link:hover{color:#fff}.contact-pending{border-top:1px solid #675271;padding-top:22px}.contact-pending strong{color:#d1b5f3;font-size:21px;font-weight:500}.contact-pending p{color:#9c96a2;max-width:430px;margin:15px 0 0;font-size:15px;line-height:1.7}.footer{background:#0c0c0e;border-top:1px solid #302d32}.footer-inner{color:#89858d;justify-content:space-between;align-items:center;gap:30px;min-height:100px;font-size:12px;display:flex}.footer a{color:#ddd8e0}.footer a:hover{color:#c7a0fa}[data-reveal]{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1);transform:translateY(34px)}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes heroEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes photoEnter{0%{opacity:0;clip-path:inset(0 0 14%)}to{opacity:1;clip-path:inset(0)}}@media (max-width:1050px){.shell{width:calc(100% - 56px)}.navigation{gap:22px}.hero-grid{grid-template-columns:1fr .9fr}.hero-copy{padding-right:25px}.hero h1{font-size:clamp(53px,6vw,75px)}.custom-copy{padding:70px 45px}.custom h2{font-size:65px}.process-layout,.studio-layout,.contact-layout{gap:50px}}@media (max-width:760px){.shell{width:calc(100% - 36px)}.section{padding:90px 0}.header-inner{min-height:72px}.brand{width:187px}.header-right{gap:20px;margin-left:auto}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:30px;height:36px;padding:0;display:flex}.menu-toggle span{background:#fff;width:24px;height:2px;transition:transform .2s;display:block}.menu-active span:first-child{transform:translateY(4px)rotate(45deg)}.menu-active span:last-child{transform:translateY(-4px)rotate(-45deg)}.navigation{background:#141416;border-bottom:1px solid #39343f;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 20px 35px #00000040}.navigation-open{display:flex}.navigation a{padding:17px 10px;font-size:17px}.navigation a:after{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:480px;padding:74px 0 76px}.hero h1{font-size:clamp(54px,9.5vw,80px)}.hero-visual{min-height:520px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:38px}.section-heading h2{font-size:clamp(49px,8vw,72px)}.section-heading p{max-width:550px}.work-grid{gap:48px}.work-item-1,.work-item-2,.work-item-3{grid-column:span 12;padding-top:0}.work-item-1 .work-photo,.work-item-2 .work-photo,.work-item-3 .work-photo{aspect-ratio:1.2}.custom{grid-template-columns:1fr}.custom-image{min-height:430px}.custom-copy{padding:85px 30px}.custom h2{font-size:clamp(55px,9vw,78px)}.process-layout,.studio-layout,.contact-layout{grid-template-columns:1fr;gap:55px}.studio{padding:85px 0}.contact{padding:100px 0}.footer-inner{flex-wrap:wrap;gap:18px;min-height:0;padding:32px 0}}@media (max-width:460px){.brand{width:158px}.header-right{gap:13px}.hero-copy{min-height:430px;padding:65px 0}.hero h1{letter-spacing:-.072em;font-size:51px}.hero-copy>p{margin-top:26px;font-size:15px}.hero-copy .text-action{margin-top:34px}.hero-visual{min-height:390px}.section-heading h2{font-size:49px}.work-item-1 .work-photo,.work-item-2 .work-photo,.work-item-3 .work-photo{aspect-ratio:.97}.work-info{flex-direction:column;gap:8px}.custom-copy{padding:75px 22px}.custom h2{font-size:57px}.process-heading h2,.studio h2{font-size:49px}.process-step{grid-template-columns:40px 1fr;gap:15px}.process-step h3{font-size:21px}.contact h2{font-size:66px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}