@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Graphie;src:url(/fonts/graphie/Graphie-Book.woff2) format("woff2"),url(/fonts/graphie/Graphie-Book.woff) format("woff"),url(/fonts/graphie/Graphie-Book.otf) format("opentype"),url(/fonts/graphie/Graphie-Book.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Graphie;src:url(/fonts/graphie/Graphie-BookItalic.woff2) format("woff2"),url(/fonts/graphie/Graphie-BookItalic.woff) format("woff"),url(/fonts/graphie/Graphie-BookItalic.otf) format("opentype"),url(/fonts/graphie/Graphie-BookItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Graphie;src:url(/fonts/graphie/Graphie-SemiBold.woff2) format("woff2"),url(/fonts/graphie/Graphie-SemiBold.woff) format("woff"),url(/fonts/graphie/Graphie-SemiBold.otf) format("opentype"),url(/fonts/graphie/Graphie-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--font-heading: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Graphie", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}:root{--page-gutter: 100px;--page-max-width: 1100px;--a11y-text-scale: 1}@media(max-width:1024px){:root{--page-gutter: 40px}}@media(max-width:768px){:root{--page-gutter: 20px}}html{overflow-x:clip;zoom:var(--a11y-text-scale)}@supports not (zoom: 1){html{font-size:calc(100% * var(--a11y-text-scale))}}.page-pad-x,.page-main{padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-inline:var(--page-gutter)!important}.page-shell{width:100%;max-width:var(--page-max-width);margin-left:auto;margin-right:auto}@media(hover:none),(pointer:coarse){html.custom-cursor-active,html.custom-cursor-active body,html.custom-cursor-active *{cursor:auto!important}.project-card-hover-layer{display:none!important}.showreel-track:hover{animation-play-state:running!important}}html[data-reduce-motion=true] [data-revealed=false]{opacity:1!important;transform:none!important;transition:none!important}html[data-high-contrast=true]{filter:contrast(1.1) saturate(1.08)}html[data-high-contrast=true] body{color:#f4f0ea}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) *,html:not([data-reduce-motion=false]) *:before,html:not([data-reduce-motion=false]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.custom-cursor-active,html.custom-cursor-active body,html.custom-cursor-active *{cursor:none!important}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,.type-heading{font-family:var(--font-heading);font-variation-settings:"wght" 400;font-synthesis:none}h1{font-variation-settings:"wght" 300}.sound-nudge{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px) scale(.96);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#c9aa7c2e,#c9aa7c14,#ffffff0f);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,170,124,.38);color:#e8dfd0;font-family:var(--font-body);font-size:13px;letter-spacing:.04em;padding:11px 12px 11px 18px;border-radius:100px;opacity:0;pointer-events:none;box-shadow:0 8px 32px #00000059;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);z-index:9999}.sound-nudge--visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1);animation:nudgeFloat 3.2s ease-in-out infinite,nudgeGlow 2.4s ease-in-out infinite}.sound-nudge--dismissed{opacity:0;pointer-events:none;transform:translate(-50%) translateY(16px) scale(.96)}.sound-nudge__icon{color:#c9aa7c;font-size:15px;line-height:1;animation:musicPulse 1.2s ease-in-out infinite}.sound-nudge__text{white-space:nowrap}.sound-nudge__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:2px;padding:0;border:1px solid rgba(201,170,124,.28);border-radius:50%;background:#0003;color:#e8dfd0bf;font-family:var(--font-body);font-size:16px;line-height:1;cursor:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.sound-nudge__close:hover{color:#c9aa7c;border-color:#c9aa7c8c;background:#c9aa7c1f}@keyframes nudgeFloat{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-5px) scale(1.01)}}@keyframes nudgeGlow{0%,to{box-shadow:0 8px 32px #00000059,0 0 #c9aa7c00}50%{box-shadow:0 10px 36px #0006,0 0 0 10px #c9aa7c1f,0 0 28px #c9aa7c38}}@keyframes musicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.12)}}@media(max-width:768px){.sound-nudge{bottom:20px;max-width:calc(100vw - 40px);padding:10px 10px 10px 16px;font-size:12px}.sound-nudge__text{white-space:normal;line-height:1.35}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{position:relative;min-height:100svh;background:#07070c;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate;padding:0 var(--page-gutter);box-sizing:border-box}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.hero__glow{position:absolute;top:0;left:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,170,124,.12) 0%,rgba(201,170,124,.04) 40%,transparent 70%);pointer-events:none;z-index:1;will-change:transform;transition:transform .06s linear}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 560px;gap:56px;align-items:center;max-width:100%;margin:0;width:100%;padding-top:80px;padding-bottom:24px;box-sizing:border-box}.hero__left{display:flex;flex-direction:column;gap:20px;width:100%;max-width:640px}.hero__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:11px;letter-spacing:.07em;color:#e0dbd2a6;width:fit-content;animation:heroFadeUp .7s ease both .1s}.hero__pill-dot{display:block;width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pillPulse 2s ease-in-out infinite}@keyframes pillPulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 6px #4ade8000}}.hero__eyebrow{font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:13px;letter-spacing:.09em;color:#c9aa7c99;margin:0;animation:heroFadeUp .7s ease both .22s}.hero__name{margin:0;line-height:.88;animation:heroFadeUp .7s ease both .36s}.hero__name-shimmer{display:block;padding-bottom:.15em;font-family:var(--font-heading, "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif);font-size:clamp(76px,10.5vw,136px);font-weight:800;letter-spacing:-.03em;background:linear-gradient(105deg,#e0dbd2,#e0dbd2 25%,#c9aa7c 36%,#f5e6c8,#c9aa7c 50%,#e0dbd2 60%,#e0dbd2);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;will-change:background-position;transition:background-position .08s ease-out}.hero__role{font-family:var(--font-heading, "Bricolage Grotesque Variable", system-ui, sans-serif);font-size:clamp(18px,2.2vw,26px);font-weight:400;color:#e0dbd2b3;margin:0;line-height:1.4;animation:heroFadeUp .7s ease both .48s}.hero__role-accent{color:#e0dbd2;font-weight:700}.hero__body{font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:15.5px;line-height:1.85;color:#e0dbd27a;max-width:580px;margin:0;animation:heroFadeUp .7s ease both .58s}.hero__tool{font-weight:700}.hero__ctas{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px;animation:heroFadeUp .7s ease both .68s}.hero__btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:11px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;transition:color .2s,background .2s,border-color .2s,transform .2s}.hero__btn--primary{padding:12px 22px;border:1px solid rgba(201,170,124,.4);color:#c9aa7c}.hero__btn--primary:hover{background:#c9aa7c14;border-color:#c9aa7c;transform:translate(3px)}.hero__btn--ghost{color:#e0dbd261;gap:12px}.hero__btn--ghost:hover{color:#e0dbd2b8}.hero__btn-line{display:block;width:34px;height:1px;background:currentColor;transition:width .3s ease}.hero__btn--ghost:hover .hero__btn-line{width:50px}.hero__right{position:relative;display:flex;align-items:center;justify-content:center;height:640px;animation:heroFadeRight .9s ease both .4s}.hero__rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(201,170,124,.08)}.hero__ring--1{width:420px;height:420px;animation:ringBreath 5s ease-in-out infinite}.hero__ring--2{width:560px;height:560px;animation:ringBreath 5s ease-in-out infinite 1.5s}.hero__ring--3{width:700px;height:700px;border-color:#c9aa7c0a;animation:ringBreath 5s ease-in-out infinite 3s}@keyframes ringBreath{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}.hero__device{position:relative;width:520px;height:540px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 1px #ffffff08,0 48px 96px #000000b3,0 0 80px #c9aa7c17;will-change:transform;margin-top:32px;transition:transform .1s ease-out,box-shadow .5s ease}.hero__device:hover{box-shadow:0 0 0 1px #ffffff14,0 48px 96px #000000a6,0 0 100px #c9aa7c2e}.hero__device-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:brightness(.68) contrast(1.05) saturate(.8);transition:filter .5s ease}.hero__device:hover .hero__device-video{filter:brightness(1) contrast(1) saturate(1)}.hero__device-vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;z-index:3;transition:opacity .5s ease;background:linear-gradient(180deg,#07070ccc,#07070c1a 18%,#07070c0f 65%,#07070cb8),linear-gradient(90deg,rgba(7,7,12,.18) 0%,transparent 28%,transparent 72%,rgba(7,7,12,.18) 100%)}.hero__device:hover .hero__device-vignette{opacity:.15}.hero__device-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.055) 0%,transparent 38%);pointer-events:none;z-index:5}.hero__stats{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);align-items:center;width:50%;min-width:0;margin:0 0 28px;padding:28px 24px;background:#ffffff06;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:14px;box-sizing:border-box;animation:heroFadeUp .8s ease both .75s}.hero-stat{display:flex;flex-direction:column;gap:8px;padding:0 12px;min-width:0;width:100%}.hero-stat__number{font-family:var(--font-heading, "Bricolage Grotesque Variable", system-ui, sans-serif);font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1;white-space:nowrap;background:linear-gradient(135deg,#e0dbd2 35%,#c9aa7c 58%,#e0dbd2 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat__label{font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#e0dbd24d;line-height:1.35}.hero__stats-divider{width:1px;height:36px;background:#ffffff14;justify-self:center;align-self:center}.hero__nudge{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(16px);display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);font-family:var(--font-body, "Graphie", system-ui, sans-serif);font-size:12px;letter-spacing:.05em;color:#e0dbd2a6;opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;transition:opacity .5s ease,transform .5s ease}.hero__nudge.visible{opacity:1;transform:translate(-50%) translateY(0);animation:nudgePulse 2.8s ease-in-out infinite}.hero__nudge.done{opacity:0!important;transform:translate(-50%) translateY(16px)!important}.hero__nudge-icon{animation:iconBeat 1.4s ease-in-out infinite}@keyframes nudgePulse{0%,to{box-shadow:0 0 #c9aa7c1f}50%{box-shadow:0 0 0 10px #c9aa7c00}}@keyframes iconBeat{0%,to{opacity:1}50%{opacity:.4}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;padding-top:100px;gap:40px}.hero__right{order:-1;width:100%;height:auto}.hero__device{width:100%;max-width:100%;height:auto;aspect-ratio:450 / 470;margin-top:0}.hero{padding:0 var(--page-gutter)}.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:20px;width:100%;min-width:0;margin-left:0;margin-right:0}.hero-stat{flex:unset;padding:0 8px;text-align:left}.hero__stats-divider{display:none}}@media(max-width:480px){.hero__name-shimmer{font-size:clamp(56px,14vw,80px)}.hero__ctas{flex-direction:column;align-items:flex-start}}@media(max-width:768px),(pointer:coarse){.hero__glow{display:none}.hero__pill,.hero__stats{backdrop-filter:none;-webkit-backdrop-filter:none}.hero__device,.hero__device-video,.hero__name-shimmer{will-change:auto}}