:root{--bg:#050505;--fg:#f4f4f2;--muted:#929292;--line:rgba(255,255,255,.16);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:72px;padding:0 3.4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(4,4,4,.55);backdrop-filter:blur(20px);border-bottom:1px solid transparent;opacity:0;transform:translateY(-100%);transition:1s var(--ease)}.nav.visible{opacity:1;transform:none;border-color:rgba(255,255,255,.07)}.brand{display:inline-flex;align-items:center}.brand img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1)}.brand span{text-transform:uppercase;font-weight:500;line-height:.72;font-size:clamp(1.4rem,4vw,4rem);letter-spacing:-.08em}.brand span b{display:block;font-weight:200;letter-spacing:.18em;font-size:.42em;margin-top:.75em}.brand--small{width:108px;height:38px}.brand--small span{font-size:1rem}.desktop-nav{display:flex;align-items:center;gap:2.2rem;font-size:.75rem;letter-spacing:.04em}.desktop-nav a{color:#bbb;transition:.3s}.desktop-nav a:hover{color:white}.nav-cta{border:1px solid #777;background:transparent;border-radius:999px;padding:.7rem 1rem}.menu-button{display:none;background:none;border:0;width:40px;height:40px}.menu-button i{display:block;width:22px;height:1px;background:white;margin:6px auto;transition:.35s}.mobile-menu{display:none}.opening{height:220vh}.opening-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:#000}.hero-logo{position:absolute;z-index:2;width:min(46vw,620px);height:220px;justify-content:center;will-change:transform,opacity}.hero-logo span{text-align:center}.reel{position:absolute;width:76vw;height:76vh;overflow:hidden;background:#111;transform:scale(.48);opacity:0;will-change:transform,opacity}.reel video,.reel-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel video:not([src]),.reel video:has(source[src="assets/showreel.mp4"]){z-index:1}.media-placeholder{position:relative;overflow:hidden;background:#181818}.media-placeholder:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 72% 20%,#525252 0,transparent 26%),linear-gradient(135deg,#090909 5%,#353535 42%,#111 65%,#292929);filter:contrast(1.15);transform:scale(1.05);transition:transform 1.4s var(--ease)}.media-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75))}.media-placeholder>span,.media-placeholder>h3,.media-placeholder>button{position:absolute;z-index:2}.reel-placeholder span{right:2rem;bottom:2rem;color:#aaa;font-size:.65rem;letter-spacing:.18em}.reel-meta{position:absolute;z-index:3;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.15em}.scroll-cue{position:absolute;left:3.4vw;bottom:2rem;font-size:.58rem;letter-spacing:.18em;color:#777}.scroll-cue span{display:inline-block;width:35px;height:1px;background:#555;margin:0 0 3px 10px}.philosophy,.section-intro,.about,.studio,.contact,footer{padding-left:6vw;padding-right:6vw}.philosophy{min-height:120vh;padding-top:22vh;padding-bottom:22vh}.eyebrow{font-size:.64rem;letter-spacing:.2em;color:#8f8f8f;margin:0 0 2.5rem}.philosophy h1,.section-intro h2,.contact h2{font-size:clamp(4.4rem,11vw,10rem);line-height:.85;letter-spacing:-.075em;margin:0;font-weight:590}.philosophy-copy{width:42%;margin:10vh 5vw 0 auto}.philosophy-copy p{font-size:clamp(1.25rem,2vw,2rem);line-height:1.35;color:#b4b4b4}.philosophy-copy p[lang=my]{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.7;color:#666;margin-top:2rem}.section-intro{min-height:90vh;display:flex;flex-direction:column;justify-content:center}.section-intro h2{font-size:clamp(4rem,9.5vw,9rem)}.project{position:sticky;top:0;height:100vh;overflow:hidden;background:#111}.project .project-bg{position:absolute;inset:0}.project:nth-child(1) .project-bg:before{background:radial-gradient(circle at 60% 35%,#6b6b6b,transparent 20%),linear-gradient(120deg,#0b0b0b,#343434 46%,#121212)}.project:nth-child(2) .project-bg:before{background:linear-gradient(165deg,#393939,#090909 48%,#585858)}.project:nth-child(3) .project-bg:before{background:radial-gradient(ellipse at 30% 60%,#686868,transparent 18%),linear-gradient(45deg,#161616,#414141,#080808)}.project:nth-child(4) .project-bg:before{background:linear-gradient(90deg,#090909 20%,#555 50%,#111 70%)}.project:nth-child(5) .project-bg:before{background:radial-gradient(circle at 50% 40%,#777,transparent 12%),linear-gradient(#151515,#323232)}.project-content{position:absolute;z-index:3;inset:auto 6vw 7vh;display:flex;justify-content:space-between;align-items:end}.project-index{font-size:.62rem;letter-spacing:.2em;color:#aaa}.project h3{font-size:clamp(3rem,7vw,7rem);line-height:.9;margin:.7rem 0 1rem;letter-spacing:-.06em}.project-meta{font-size:.67rem;letter-spacing:.17em;color:#bbb}.view-project{background:none;border:0;border-bottom:1px solid #aaa;padding:.7rem 0;font-size:.7rem;letter-spacing:.16em}.about,.studio{padding-top:10vh;padding-bottom:15vh}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-bottom:14vh}.large-copy{font-size:clamp(2rem,3.6vw,4rem);line-height:1.05;margin:0}.about-grid>div:last-child>p:last-child{font-size:1.15rem;line-height:1.65;color:#999;margin:0}.about-media{display:grid;grid-template-columns:1.65fr .85fr;gap:1.5vw}.bts{height:72vh}.portrait{height:72vh}.portrait:before{background:radial-gradient(circle at 50% 32%,#666 0 10%,#303030 11% 28%,#111 30%)}.about-media span{left:1.5rem;bottom:1.5rem;font-size:.62rem;letter-spacing:.17em}.play{top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:1px solid #aaa;border-radius:50%;background:rgba(0,0,0,.3);font-size:.6rem;letter-spacing:.15em}.studio-lead{width:55%;margin:0 0 14vh auto;font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:1.08;color:#aaa}.studio-gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5vw}.studio-gallery article{height:68vh}.studio-gallery .consultation{grid-column:1/-1;height:80vh}.studio-gallery article span{left:1.5rem;top:1.5rem;font-size:.6rem;letter-spacing:.17em}.studio-gallery h3{left:1.5rem;bottom:1.5rem;margin:0;font-size:clamp(2rem,4vw,4rem)}.editing:before{background:linear-gradient(120deg,#080808,#494949 47%,#141414 48%)}.consultation:before{background:radial-gradient(circle at 30% 40%,#555 0 9%,transparent 10%),radial-gradient(circle at 68% 42%,#444 0 10%,transparent 11%),linear-gradient(150deg,#171717,#3b3b3b)}.process{display:flex;align-items:center;gap:2rem;padding:16vh 0 4vh;font-size:clamp(1rem,2vw,2rem);letter-spacing:.13em}.process i{height:1px;background:#555;flex:1}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(4rem,10vw,9rem)}.contact>p:not(.eyebrow){font-size:clamp(1.2rem,2vw,2rem);letter-spacing:.08em;color:#888;margin:3rem 0}.text-button{align-self:flex-start;background:none;border:0;border-bottom:1px solid white;padding:.8rem 0;font-size:.85rem;letter-spacing:.16em}.text-button span{margin-left:1.4rem}footer{min-height:42vh;border-top:1px solid var(--line);padding-top:6vh;padding-bottom:3vh;display:flex;flex-direction:column;justify-content:space-between}.footer-brand{width:180px;height:70px}.footer-brand span{font-size:1.6rem}.social{display:flex;gap:2rem;font-size:.72rem;color:#aaa}.footer-bottom{display:flex;justify-content:space-between;color:#666;font-size:.68rem}.reveal{opacity:0;transform:translateY(55px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.reveal.in-view{opacity:1;transform:none}dialog{color:white}.contact-modal,.project-modal{border:0;margin:0;background:rgba(4,4,4,.96);width:100%;height:100%;max-width:none;max-height:none;padding:8vh 7vw}.contact-modal::backdrop,.project-modal::backdrop{background:#000}.modal-close,.detail-close{position:fixed;z-index:5;top:2rem;right:3vw;background:none;border:0;color:#aaa;font-size:.65rem;letter-spacing:.15em}.contact-modal h2{font-size:clamp(3rem,8vw,8rem);line-height:.86;letter-spacing:-.06em}.contact-options{margin-top:8vh;border-top:1px solid var(--line)}.contact-options a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:1.5rem 0;font-size:clamp(1.5rem,3vw,3rem)}.modal-note{color:#666;font-size:.7rem;margin-top:2rem}.project-modal{padding:0;overflow-y:auto}.detail-hero{height:100vh;padding:6vw;display:flex;flex-direction:column;justify-content:end}.detail-hero h2{position:relative;z-index:2;font-size:clamp(4rem,10vw,10rem);line-height:.85;letter-spacing:-.07em;margin:0}.detail-meta{position:relative;z-index:2;color:#bbb;letter-spacing:.17em;font-size:.65rem;margin-bottom:1rem}.watch-film{height:100vh;display:grid;place-items:center;background:#0d0d0d}.watch-film button{border:1px solid #888;border-radius:50%;width:150px;height:150px;background:transparent;font-size:.7rem;letter-spacing:.17em}.detail-story{padding:18vh 7vw;display:grid;grid-template-columns:1fr 2fr;gap:10vw}.detail-story h3{font-size:.7rem;letter-spacing:.18em}.detail-story p{font-size:clamp(2rem,4vw,4.5rem);line-height:1.05;margin:0}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1vw;padding:0 1vw}.detail-gallery div{height:65vh}.detail-gallery div:last-child{grid-column:1/-1;height:85vh}.credits{padding:15vh 7vw;display:grid;grid-template-columns:1fr 2fr}.credits dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.credits dt{color:#666}.credits dd{margin:0 0 1.2rem}.next-project{height:75vh;border:0;width:100%;color:white;background:#171717;text-align:left;padding:7vw;font-size:clamp(3rem,8vw,8rem);letter-spacing:-.06em}
@media(max-width:760px){.nav{height:62px;padding:0 5vw}.brand--small{width:88px}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{display:flex;position:fixed;z-index:45;inset:0;background:#050505;flex-direction:column;justify-content:center;padding:8vw;opacity:0;pointer-events:none;transition:.5s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a,.mobile-menu button{background:none;border:0;border-bottom:1px solid #333;text-align:left;padding:1rem 0;font-size:2rem}.opening{height:180vh}.hero-logo{width:72vw;height:160px}.reel{width:88vw;height:65vh}.philosophy,.section-intro,.about,.studio,.contact,footer{padding-left:5vw;padding-right:5vw}.philosophy{min-height:100vh}.philosophy h1{font-size:17vw}.philosophy-copy{width:100%;margin-top:10vh}.section-intro{min-height:70vh}.section-intro h2{font-size:14vw}.project-content{inset:auto 5vw 5vh;display:block}.view-project{margin-top:2rem}.project h3{font-size:15vw}.about-grid{grid-template-columns:1fr;gap:4rem}.about-media{grid-template-columns:1fr}.bts{height:52vh}.portrait{height:70vh}.studio-lead{width:100%;margin-bottom:10vh}.studio-gallery{grid-template-columns:1fr}.studio-gallery article,.studio-gallery .consultation{grid-column:auto;height:62vh}.process{gap:.8rem;font-size:.65rem}.contact h2{font-size:15vw}.social{flex-wrap:wrap}.footer-bottom{display:block;line-height:2}.detail-story,.credits{grid-template-columns:1fr;gap:3rem}.detail-gallery{grid-template-columns:1fr}.detail-gallery div:last-child{grid-column:auto}.credits dl{grid-template-columns:1fr}.contact-modal{padding-top:14vh}.contact-modal h2{font-size:13vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}