/* An original cinematic interface informed by Wuthering Waves' restrained
   charcoal, ivory and aged-gold visual language. All imagery is portfolio work. */
:root{--paper:#111720;--ink:#eae9e3;--muted:#9da5af;--line:#ffffff24;--acid:#c7b38a;--soft:#1a222c;--rail:0px;--max:1280px;--gold:#c7b38a;--deep:#0b1016}
html{scroll-padding-top:108px}
body{padding:78px 0 0;background:#111720;color:var(--ink);font-weight:400}
body:before{background:radial-gradient(ellipse at 92% 9%,#8b9ea514,transparent 36%),repeating-linear-gradient(145deg,transparent 0 50px,#bdc7c803 51px 52px);opacity:1}
::selection{background:#c7b38a;color:#10151b}
.rail{inset:0 0 auto;width:100%;height:78px;padding:0 4.4%;display:flex;flex-direction:row;gap:45px;background:linear-gradient(180deg,#090d14f5,#10151de8);backdrop-filter:blur(16px);border:0;border-bottom:1px solid #c7b38a24}
.signature{color:#ecece7;font-size:33px;flex-shrink:0;letter-spacing:-.19em}.signature span{font-size:27px}.signature small{color:#b9aa8b;letter-spacing:.14em;font-size:6px;line-height:2.6}
.rail nav{display:flex;align-items:stretch;justify-content:center;width:auto;flex:1;margin:0;gap:20px;height:100%}.rail nav a{position:relative;display:flex;align-items:center;gap:7px;padding:0 14px;color:#ccd0d1;border:0;font-size:12px}.rail nav b{font-size:8px;font-weight:400;color:#8a918d}.rail nav span{font-size:12px;letter-spacing:.06em;margin:0}.rail nav a:hover{background:#ffffff04;color:white}.rail nav a[aria-current]{background:none;border:0;color:var(--gold)}.rail nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#c7b38a,transparent)}
.rail-contact{margin:0;width:auto;display:flex;flex-direction:row;align-items:center;gap:14px;font-size:11px;background:none;color:#ddd7c7;border:1px solid #c7b38a70;padding:5px 16px;clip-path:none}.rail-contact span{font-size:18px;line-height:1.6;color:var(--gold)}.rail-contact:hover{background:#c7b38a12}
.progress{top:auto;bottom:-1px;width:100%;height:1px;background:none;left:0}.progress i{background:#c7b38a45;transform-origin:left}
.masthead{padding:14px max(48px,calc((100vw - 1280px)/2));border-bottom:0;color:#7f898d;background:#10151b;font-size:8px;letter-spacing:.18em}
.hero{width:100%;max-width:none;margin:0;min-height:740px;min-height:calc(100svh - 112px);padding:65px max(48px,calc((100vw - 1280px)/2)) 88px;gap:80px;position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1fr 1.08fr;background:radial-gradient(ellipse at 85% 30%,#a2b9c618,transparent 52%),linear-gradient(135deg,#111821,#0a0f15 76%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d1219f7 0%,#0d1219ed 35%,#0d121998 72%,#0d1219ce),url('assets/pharaoh-hall.jpg') right 47%/60% auto no-repeat;opacity:.39;filter:saturate(.25)}
.hero:after{content:"";position:absolute;width:900px;height:900px;border:1px solid #b7b59b12;border-radius:50%;top:-510px;right:-190px;z-index:-1;box-shadow:0 0 0 70px #b7b59b03,0 0 0 180px #b7b59b03}
.eyebrow{color:#b1ac9d;letter-spacing:.16em;font-size:10px}.small-rule{background:#a8997760;width:36px}
.hero h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:clamp(66px,6.6vw,98px);font-weight:500;letter-spacing:.065em;line-height:1.18;margin:32px 0 31px;text-shadow:0 3px 28px #0003}.hero h1>span:before{display:none}.hero h1 small{font:10px/1.8 var(--mono);letter-spacing:.38em;color:#c7b38a;margin-top:20px}
.occupation{gap:15px;margin-bottom:26px}.occupation>span{color:var(--gold);background:none;border:1px solid #c7b38a50;padding:3px 8px;font-size:9px;letter-spacing:.08em}.occupation strong{font-size:20px;letter-spacing:.14em;font-weight:500;color:#f1f0e9}
.hero-lead{color:#d4d7d7;font-size:15px;line-height:2.05;max-width:450px}.hero-lead b{color:#e1d3b5;font-weight:500}.hero-note{font-size:12px;color:#a1a9af;line-height:2.1;max-width:440px}.hero-actions{gap:27px;margin-top:35px}.button.primary{background:var(--gold);color:#131b22;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));font-size:11px;letter-spacing:.08em;padding:12px 22px}.button.primary:hover{background:#dfcfae;transform:translateY(-2px)}.text-link{color:#cec5af;border-color:#c7b38a60;font-size:11px}.text-link:hover{color:#fff;border-color:#ece7d6}.profile-details{font-size:10px;color:#8f99a0;margin-top:35px}.profile-details span+span{border-color:#c7b38a30}
.hero-visual{border:1px solid #c7b38a45;background:#10161a50;padding:12px;box-shadow:0 30px 70px #0005;transform:none}.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:28px;height:28px;border-color:#c7b38a;border-style:solid;pointer-events:none}.hero-visual:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hero-visual:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.visual-swatch{display:none}.visual-top,.visual-bottom{color:#b2b4b0;font-size:8px;letter-spacing:.13em}.hero-mosaic{height:490px;gap:5px}.side-stills{gap:5px}.hero-mosaic img{filter:saturate(.76);transition:transform .55s ease,filter .55s ease}.hero-mosaic a:hover img{filter:saturate(1);transform:scale(1.04)}.main-still:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#05080b90);pointer-events:none}.main-still .still-label{z-index:1;font-size:10px;color:#e8e4d9}.still-label b{font:400 36px/1.3 Georgia,serif;letter-spacing:.03em;margin-top:4px}.play-arrow{z-index:2;background:#c7b38a;color:#101821;width:42px;height:42px;font-size:23px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.side-stills span{font-size:9px;letter-spacing:.08em;color:#e6e3dc}
.expertise{border-top:0;border-bottom:1px solid var(--line);padding-top:40px;padding-bottom:40px;grid-template-columns:.72fr 2fr}.expertise h2{font-size:21px;font-weight:500;letter-spacing:.05em;color:#e3e4df}.expertise dt{color:#d5c5a2;font-size:12px;font-weight:500}.expertise dd{font-size:12px;color:#929fa7;line-height:2}
.section{padding-top:92px;padding-bottom:65px}.section-head h2{font-family:"Songti SC","SimSun",serif;font-size:42px;font-weight:500;letter-spacing:.06em;color:#f0eee8;margin-top:15px}.section-head>p{font-size:12px;color:#9ca5ac;line-height:2}.accent-head{padding:0 0 28px;background:none;border:0;border-bottom:1px solid #c7b38a50;margin-bottom:45px;align-items:center}.accent-head>div{border:0;padding:0}.accent-head h2{font-size:42px}.accent-head .eyebrow{color:#b6a580}.accent-head>p{color:#9ca5ac}.accent-head:after{display:none}.projects{background:linear-gradient(135deg,#18212c,#111820 75%);position:relative}.projects:before{content:"";position:absolute;top:0;right:0;width:48%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 100% 20%,#a0afbb10,transparent 65%)}
.production-control{background:none;padding:15px 6px;border-right:1px solid #c7b38a25}.production-tab{border-color:#66716b;background:#0b1118;width:58px;height:78px;opacity:.55;transition:opacity .3s,border .3s,transform .3s}.production-tab[aria-selected=true]{border:1px solid #e0cda6;padding:3px;transform:translateX(4px);opacity:1;box-shadow:0 0 0 3px #c7b38a12}.production-tab img{filter:grayscale(.8)}.production-tab[aria-selected=true] img{filter:none}.production-tab span{background:#c7b38a;color:#101820;font-size:8px}.production-paging button{border-color:#9f9c8850;color:#d5c7a5;background:none}.production-paging button:hover{background:#c7b38a1a}.production-paging span{color:#909eaa}.production-card{gap:72px;min-height:490px;grid-template-columns:1.1fr .9fr}.project-record{border-color:#c7b38a35;color:#a3a69c;font-size:9px;letter-spacing:.13em}.production-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(29px,3.2vw,47px);letter-spacing:-.025em;color:#f0efe8;line-height:1.12}.project-credit{color:#88959d;font-size:10px}.project-personal{color:#d4d7d2;font-size:12px;line-height:2}.project-metrics{border-color:#c7b38a30;padding-top:24px}.heat strong{font:400 46px/1.2 Georgia,serif;letter-spacing:-.025em;color:#d8c59e;margin-top:4px}.heat small,.engagement small{color:#8c9aa3;font-size:9px}.engagement b{color:#d8d9d2}.project-visit{background:#c7b38a10;border:1px solid #c7b38a80;clip-path:none;color:#ddd1b5;padding:11px 17px}.project-visit:hover{background:#c7b38a25}.project-art{padding:18px 28px 0}.project-art:before{inset:10% -4% 8%;background:radial-gradient(ellipse,#b3a27c23,transparent 70%);transform:none}.project-art:after{inset:31px 0 0;border-color:#c7b38a55}.project-watermark{color:transparent;-webkit-text-stroke:1px #c7b38a24;font-family:Georgia,serif;font-size:120px;right:-5px;top:-29px}.cover-link{clip-path:none;border:1px solid #c7b38a40;box-shadow:0 20px 45px #0005}.cover-link small{background:#10171dd9;color:#d8cba9;border:1px solid #c7b38a50;font-size:8px}.data-note{color:#78858f;font-size:9px;line-height:1.9}.data-note a{color:#a6adab}
.case-tabs{border-color:#c7b38a30;background:#0e151d}.case-tab{color:#bfc8cb;border-color:#c7b38a25;padding-block:18px}.case-tab[aria-selected=true]{background:linear-gradient(100deg,#c7b38a18,#c7b38a05);color:#ece8dc}.case-tab[aria-selected=true]:after{height:2px;background:linear-gradient(90deg,#cfb98d,transparent)}.case-tab strong{font-weight:500;letter-spacing:.06em;font-size:15px}.case-tab small{color:#8d9b9f}.case-tab>span{color:#b5a582}.case-topline h3{font-size:25px;font-weight:500;letter-spacing:.025em}.case-topline .english{color:#84929b;font-family:Georgia,serif;font-size:12px}.case-duration strong{font-family:Georgia,serif;font-weight:400;color:#d1bd94;font-size:25px}.case-duration{font-size:10px;color:#8a989f}.case-layout{gap:48px}.case-video-column{top:100px}.video-shell{padding:12px;background:#080e15;border:1px solid #c7b38a35;box-shadow:0 15px 40px #0003}.role-line{border-top:1px solid #c7b38a;border-bottom-color:#c7b38a28;color:#dddcd2;font-size:13px}.role-line span{color:#c2b18c;font-size:10px;letter-spacing:.1em}.case-focus{font-size:23px;font-weight:500;letter-spacing:.025em;line-height:1.6;color:#eeeae0}.case-challenge{color:#a2adb3;font-size:13px;line-height:2}.case-step{border-color:#c7b38a20;padding-block:17px}.case-step>span{color:#a99a7a}.case-step h4{font-size:13px;font-weight:500;color:#ddcfb2}.case-step p{color:#9ba9b1;font-size:12px}.frames-heading{color:#7f909b;font-size:10px}.zoom-image{background:#0b1118;border:1px solid #d0c09d25}.frame figcaption{color:#c3c8c4;font-size:10px}.seek{color:#9a9b8c}.seek:hover{color:#dac69c;border-color:#c7b38a}.video-caption{color:#8d9a9f}
.filmography{background:#0e151d;border-color:#c7b38a26}.film-group{border-color:#c7b38a2c}.film-group>h3{font-size:17px;font-weight:500;color:#cdbb95;letter-spacing:.08em}.film-row{border-color:#ffffff10;padding-block:16px}.film-no{color:#7d8b92}.film-name{font-size:17px;color:#e0e3df;font-weight:400}.film-note{color:#87979e}.hit{background:none;border:1px solid #b8a27b7a;color:#cbb78f;font-size:9px;padding:2px 5px}.job{border-color:#c7b38a30}.job h3{font-size:20px;font-weight:500;letter-spacing:.03em;color:#e3e4de}.job-date{color:#b2a482;font-size:11px}.job-role{color:#bac3c2}.job li{color:#95a5ac}.contact{border-top:1px solid #c7b38a70;gap:85px}.contact h2{font-family:"Songti SC","SimSun",serif;font-weight:400;font-size:46px;letter-spacing:.08em}.contact-rows>a{border-color:#c7b38a30}.contact-rows strong{color:#e0ddcf;font-weight:400;font-family:Georgia,serif}.contact-rows small{color:#958e7e}.contact-rows span{color:#bca77c}footer{border-color:#c7b38a25;color:#77858b}.dialog-top{background:#111922;border-color:#c7b38a40}.dialog-top p{color:#c9c6b9}.dialog-top button{color:#d3c29e}.dialog-top button:hover{background:#c7b38a15}dialog{background:#0b1017;border-color:#c7b38a70}dialog::backdrop{background:#04080df2;backdrop-filter:blur(8px)}
@keyframes quiet-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}.hero-copy{animation:quiet-enter .8s ease-out both}.hero-visual{animation:quiet-enter 1s .1s ease-out both}
@media(min-width:1600px){.hero{gap:110px}.hero-mosaic{height:550px}}
@media(max-width:1100px){.rail{gap:24px;padding-inline:26px}.rail nav{gap:5px}.rail nav a{padding-inline:10px}.hero{gap:38px;padding-inline:36px;min-height:680px}.hero h1{font-size:72px}.hero-mosaic{height:430px}.hero-lead{font-size:14px}.hero-note{font-size:12px}.hero-actions{gap:18px}.production-card{gap:34px}.case-layout{gap:26px}.project-art{padding-inline:15px}.section-head h2,.accent-head h2{font-size:37px}}
@media(max-width:760px){body{padding:64px 0 0}html{scroll-padding-top:86px}.rail{inset:0 0 auto;height:64px;padding:0 16px;gap:17px;border-bottom:1px solid #c7b38a30}.signature{font-size:27px;width:34px}.signature span{font-size:22px}.signature small{font-size:4px;line-height:2.2}.rail nav{height:100%;gap:0;margin:0;overflow:auto;justify-content:space-between}.rail nav a{min-width:44px;padding:0 5px;border:0;gap:0;justify-content:center}.rail nav b{display:none}.rail nav span{font-size:10px;letter-spacing:0}.rail nav a[aria-current]{border:0;background:none}.rail nav a[aria-current]:after{left:5px;right:5px}.rail-contact{display:none}.progress{top:auto;bottom:0;height:1px}.masthead{padding:10px 19px;font-size:7px;background:#10151d}.wrap{width:calc(100% - 38px)}.hero{width:100%;padding:40px 20px 45px;min-height:0;gap:42px;grid-template-columns:1fr}.hero:before{background:linear-gradient(#0c1219bd,#0b1015f8),url('assets/pharaoh-hall.jpg') top right/100% auto no-repeat}.hero h1{font-size:68px;letter-spacing:.055em;margin:26px 0 23px}.hero h1 small{font-size:9px;margin-top:14px;letter-spacing:.32em}.hero-lead{font-size:14px;max-width:none}.hero-note{font-size:12px;max-width:none}.occupation{margin-bottom:21px}.occupation strong{font-size:18px}.hero-actions{gap:23px;margin-top:28px}.button.primary{padding:12px 17px;gap:30px;font-size:10px}.profile-details{gap:10px;font-size:9px;margin-top:27px}.profile-details span+span{padding-left:10px}.hero-visual{margin:0 4px;padding:10px}.hero-mosaic{height:420px}.visual-top,.visual-bottom{font-size:7px;letter-spacing:.02em}.visual-top{padding-bottom:9px}.visual-bottom{padding-top:10px}.still-label b{font-size:29px}.main-still .still-label{left:13px;bottom:17px}.side-stills span{font-size:8px}.play-arrow{width:36px;height:36px;font-size:20px}.expertise{display:block;padding-block:30px}.expertise h2{font-size:23px;margin-bottom:24px}.expertise dl{display:grid;grid-template-columns:1fr;gap:20px}.expertise dl>div{grid-template-columns:100px 1fr}.expertise dt{font-size:11px}.expertise dd{font-size:11px;line-height:2}.section{padding-top:53px;padding-bottom:40px}.section-head h2,.accent-head h2{font-size:33px}.section-head>p{font-size:11px}.accent-head{padding:0 0 25px;margin-bottom:27px}.accent-head>div{padding:0;border:0}.accent-head>p{padding:0}.production-control{border-right:0;border-bottom:1px solid #c7b38a25;padding:10px 0 18px}.production-tab{width:46px;height:62px}.production-tab[aria-selected=true]{padding:3px;transform:translateY(-3px)}.production-card{grid-template-columns:1fr;gap:28px}.production-card h3{font-size:34px}.project-personal{font-size:12px}.project-art{margin:0 22px;padding:20px 20px 0;min-height:0}.project-art:after{inset:32px 0 0}.project-watermark{font-size:100px;right:-8px;top:-12px}.cover-link{width:255px;max-width:100%}.heat strong{font-size:43px}.data-note{font-size:9px;margin-top:25px}.case-tab{padding:13px 8px}.case-tab strong{font-size:12px;letter-spacing:0}.case-tab small{font-size:9px}.case-tab>span{font-size:8px}.case-layout{display:block}.case-video-column{position:static;margin-bottom:28px}.video-shell{padding:12px}.case-topline h3{font-size:22px}.case-topline .english{font-size:10px}.case-duration strong{font-size:23px}.case-duration{font-size:9px}.case-focus{font-size:23px}.case-challenge{font-size:12px}.role-line{font-size:12px}.case-step p{font-size:12px}.frame-grid,.frame-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.film-name{font-size:15px}.film-note{font-size:10px}.film-group>h3{font-size:17px}.hit{font-size:8px;padding:2px 4px}.job h3{font-size:18px}.job li{font-size:12px}.contact{gap:20px;margin-top:35px}.contact h2{font-size:37px}.contact-rows strong{font-size:19px}.contact-rows>a{grid-template-columns:33px 1fr 16px;gap:13px}footer{padding-bottom:22px;font-size:8px}}
@media(max-width:380px){.hero h1{font-size:58px}.hero-mosaic{height:370px}.rail{gap:12px;padding-inline:12px}.rail nav a{min-width:40px}.case-tab strong{font-size:11px}.contact-rows strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual{animation:none!important}.main-still img{transform:none!important}}
.side-stills a:first-child img{object-position:center top}

.case-tab{min-width:0}.case-tab div{min-width:0}.case-tab strong{overflow-wrap:anywhere;line-height:1.35}.case-topline>div:first-child{min-width:0}.case-topline h3{overflow-wrap:anywhere}.case-duration{flex-shrink:0}.still-label,.side-stills span{max-width:90%;white-space:normal;line-height:1.4}

.rail .signature{font:400 20px/1.4 "Microsoft YaHei",sans-serif;letter-spacing:.08em;min-width:85px;transform:none}.rail .signature small{font:400 9px/1.8 "Microsoft YaHei",sans-serif;letter-spacing:.1em} @media(max-width:760px){.rail .signature{font-size:15px;min-width:64px}.rail .signature small{font-size:8px}}