:root{color-scheme:dark;--ink:#02070f;--navy:#061526;--blue:#4a90d9;--ice:#d9f1ff;--silver:#e9eef6;--line:rgba(136,197,242,.27)}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--silver);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #d9f1ff;outline-offset:5px}
.lab{min-height:100vh;background:radial-gradient(ellipse at 85% 0,#4a90d91a,transparent 50%),#040910}.lab-bar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.lab-brand{font-size:18px;font-weight:800}.lab-brand span{display:block;font-size:10px;margin-top:4px;font-weight:600;color:#9cb9d2}.lab-bar nav{display:flex;justify-content:center;gap:8px;flex:1}.lab-bar button{min-height:38px;padding:9px 13px;border-radius:7px;background:#0a1929;border:1px solid var(--line);color:#b5cce2;font-size:11px;font-weight:700;white-space:nowrap}.lab-bar button:hover{border-color:#8fc8f4}.lab-bar button[aria-pressed="true"]{background:#173b5e;border-color:#7bb8eb;color:#fff;box-shadow:0 0 18px #4a90d929}.lab-bar>a{font-size:11px;color:#b0d8fc;white-space:nowrap}.lab-caption{max-width:1440px;margin:auto;padding:21px 28px;display:flex;align-items:center;gap:17px;font-size:12px;color:#9db8d2}.lab-caption strong{font-size:14px;color:#e6f2ff;white-space:nowrap}.lab-caption>a{margin-left:auto;white-space:nowrap;color:#c9e6ff;border-bottom:1px solid #426c92;padding-bottom:3px}.lab-area{padding:0 24px 40px}.lab-frame{position:relative;margin:auto;overflow:hidden;border:1px solid #294e70;border-radius:12px;box-shadow:0 20px 70px #0008}#home-preview{display:block;width:1440px;height:1000px;border:0;transform-origin:top left}body>#home{display:none}.home-only .lab{display:none}.home-only body>#home{display:block}
.site{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;background:radial-gradient(ellipse at 85% 8%,#4a90d940,transparent 50%),radial-gradient(ellipse at -15% 62%,#235b9c35,transparent 54%),var(--ink)}.site::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#62a3dc0e 1px,transparent 1px),linear-gradient(90deg,#62a3dc0e 1px,transparent 1px);background-size:72px 72px}.site-header{height:82px;max-width:1320px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:112px;height:auto}.about{font:700 11px Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;min-height:44px;padding:13px 22px;border:1px solid #a5cceb2e;border-radius:30px;background:transparent;transition:border-color .2s,box-shadow .2s}.about:hover{border-color:#9bcff5;box-shadow:0 0 18px #4a90d92e}.skip{position:absolute;left:20px;top:12px;z-index:10;padding:12px;background:#d9f1ff;color:#02070f;transform:translateY(-150%)}.skip:focus{transform:none}.work{max-width:1320px;margin:auto;padding:0 40px 56px}
.name{font:700 86px/.94 Montserrat,Manrope,sans-serif;letter-spacing:-.045em;margin:0;text-wrap:balance}.name span{display:block;width:fit-content;background:linear-gradient(110deg,#fff,#ffffffd9,#d9f1ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 22px #d9f1ff21}.name span+span{margin-top:14px;opacity:.9}.roles{font:600 11px/1.9 Montserrat,Manrope,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#75b4eb;text-shadow:0 0 15px #4a90d970;margin:27px 0 0}.portrait{position:relative;flex:none;width:206px;aspect-ratio:4/5;border-radius:20px;border:2px solid #8fcaf0b3;overflow:hidden;box-shadow:0 0 0 7px #4a90d90b,0 0 30px #4a90d93b,0 0 60px #4a90d91f;background:#10253a}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.14);transform-origin:center top}.heard-wave{position:relative;height:40px;margin:0 0 26px;background:radial-gradient(ellipse,#4a90d921,transparent 72%)}.heard-wave svg{display:block;width:100%;height:100%;overflow:visible}
.reel{position:relative;min-width:0;display:block;overflow:hidden;border:1px solid #8cc6f066;border-radius:13px;isolation:isolate;background:#061526;box-shadow:0 0 22px #4a90d910;transition:border-color .2s,box-shadow .2s,transform .2s}.reel-picture{position:absolute;inset:0;overflow:hidden}.loop{display:block;width:100%;height:100%;object-fit:cover}.reel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#02070fed,transparent 64%)}.reel-caption{position:absolute;bottom:19px;left:19px;right:19px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.reel-caption strong{font:700 18px/1.1 Montserrat,sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#e9f3fb;text-shadow:0 0 14px #cce7ff44}.reel-cue{font-size:20px;line-height:1;color:#a8d9ff;opacity:.6;transition:opacity .2s}.reel:hover,.reel:focus-visible{border-color:#d3edff;box-shadow:0 0 28px #4a90d944;transform:translateY(-3px)}.reel:hover .reel-cue,.reel:focus-visible .reel-cue{opacity:1}
/* 1: a signature above an AI-centered five-screen wall. */
.signature-intro{display:flex;justify-content:center;align-items:center;gap:112px;min-height:319px;padding:22px 0 33px}.signature-intro .portrait{width:204px}.signature-wall{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:167px 167px;gap:18px}.signature-wall .reel-corporate{grid-column:1;grid-row:1}.signature-wall .reel-sports{grid-column:1;grid-row:2}.signature-wall .reel-ai{grid-column:2;grid-row:1/3;border-color:#a4dcffc2;box-shadow:0 0 35px #4a90d926}.signature-wall .reel-commercial{grid-column:3;grid-row:1}.signature-wall .reel-film{grid-column:3;grid-row:2}.signature-wall .reel-ai .reel-caption strong{font-size:28px}
/* Selected Signature refinements: original category rules, blue-to-white light. */
.signature .about{font-size:9px;min-height:34px;padding:10px 16px;letter-spacing:.12em}
.signature .heard-wave{margin-bottom:56px}
.signature .reel-caption{display:block}
.signature .reel-rule{display:block;width:24px;height:2px;margin-top:10px;background:#4a90d9;box-shadow:0 0 6px #4a90d9aa;animation:signature-rule-glow 2.8s ease-in-out infinite}
.signature .reel-sports .reel-rule{animation-delay:.35s}.signature .reel-ai .reel-rule{animation-delay:.7s}.signature .reel-commercial .reel-rule{animation-delay:1.05s}.signature .reel-film .reel-rule{animation-delay:1.4s}
@keyframes signature-rule-glow{0%,100%{background:#4a90d9;box-shadow:0 0 5px #4a90d98c,0 0 10px #4a90d944}50%{background:#eefaff;box-shadow:0 0 7px #fff,0 0 17px #69b8ff,0 0 28px #4a90d97a}}
/* 2: the portrait is an editorial cover, and each category is a wide live index row. */
.rail-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:68px;padding:38px 0 38px}.portrait-editorial{position:relative;min-width:0;overflow:hidden;border-radius:22px;border:1px solid #9fd4fc88;isolation:isolate;box-shadow:0 0 34px #4a90d926}.rail-photo{position:absolute;inset:0;aspect-ratio:auto;width:100%;border:0;border-radius:0;box-shadow:none}.rail-photo img{transform:none;object-fit:cover;object-position:center top}.portrait-editorial::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#02070f 0%,#02070fc9 25%,transparent 63%);pointer-events:none}.rail-identity{position:absolute;left:26px;right:26px;bottom:30px;z-index:2}.rail-identity .name{font-size:66px}.rail-identity .roles{font-size:9px;letter-spacing:.12em;max-width:29ch;text-wrap:balance}.rail-reels{display:grid;grid-template-rows:repeat(5,128px);gap:12px}.rail-reels .reel{border-radius:11px;background:linear-gradient(105deg,#102b46aa,#06152680)}.rail-reels .reel-picture{left:auto;aspect-ratio:16/9}.rail-reels .reel::after{background:linear-gradient(90deg,transparent 45%,#02070f0d 70%);border-radius:10px}.rail-reels .reel-caption{position:absolute;inset:0 242px 0 26px}.rail-reels .reel-caption strong{font-size:26px}.rail-reels .reel-cue{font-size:18px}.portrait-rail .heard-wave{margin-bottom:0}
/* 3: five full-width video frames and one personal signature inside the same contact sheet. */
.contact-intro{text-align:center;display:flex;justify-content:center;align-items:center;min-height:175px;padding:30px 0 25px}.contact-intro .name{display:flex;gap:.27em;justify-content:center;font-size:86px}.contact-intro .name span+span{margin-top:0}.contact-intro .roles{margin-top:23px}.contact-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:230px 230px;gap:22px}.contact-wall .reel-corporate{grid-column:1;grid-row:1}.contact-wall .reel-sports{grid-column:3;grid-row:1}.contact-wall .reel-commercial{grid-column:1;grid-row:2}.contact-wall .reel-ai{grid-column:2;grid-row:2}.contact-wall .reel-film{grid-column:3;grid-row:2}.portrait-cell{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4a90d925,transparent 70%)}.portrait-cell .portrait{width:158px;border-radius:17px;box-shadow:0 0 38px #4a90d94a,0 0 70px #4a90d917}.contact-wall .reel-ai{border-color:#b4dfffa6}
/* 4: no portrait; five uninterrupted moving channels share one cinema surface. */
.channel-intro{display:flex;align-items:center;justify-content:center;text-align:center;min-height:235px;padding:32px 0}.channel-intro .name{display:flex;gap:.26em;font-size:104px}.channel-intro .name span+span{margin-top:0}.channel-intro .roles{margin-top:25px}.channel-bank{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:386px;border:1px solid #9bd6ffa1;border-radius:19px;overflow:hidden;box-shadow:0 0 0 8px #4a90d90a,0 0 48px #4a90d922;background:#04101e}.channel-bank .reel{border:0;border-right:1px solid #b3dcff57;border-radius:0;box-shadow:none;transform:none}.channel-bank .reel:last-child{border-right:0}.channel-bank .reel:hover,.channel-bank .reel:focus-visible{box-shadow:inset 0 0 0 2px #b9e8ff;transform:none}.channel-bank .reel::after{background:linear-gradient(0deg,#02070ff5 0%,#02070f33 50%,transparent 100%)}.channel-bank .reel-caption{display:block;bottom:28px}.channel-bank .reel-caption strong{font-size:18px}.channel-bank .reel-cue{display:block;margin-top:21px}.channel-bank .reel-ai{border-left:1px solid #d2edff9c;border-right:1px solid #d2edff9c}
/* 5: no portrait; the typography is the opening credit and the reels share a physical filmstrip. */
.credits-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;min-height:335px;padding:34px 22px 42px}.credits-intro .name{font-size:126px}.credits-intro .roles{max-width:260px;font-size:13px;line-height:2.2;letter-spacing:.2em;margin-bottom:5px;text-wrap:balance}.filmstrip{position:relative;padding:17px 16px;border:1px solid #8fc8f478;border-radius:13px;background:linear-gradient(145deg,#12305088,#031120dd);box-shadow:0 0 35px #4a90d929,inset 0 1px 0 #e4f6ff24}.film-perforations{height:14px;margin:0 4px;background:repeating-linear-gradient(90deg,#02070f 0 18px,transparent 18px 34px);opacity:.85;border-radius:3px}.filmstrip-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:16px 0}.filmstrip .reel{border-radius:3px;border-color:#c4e5ff4a}.filmstrip .reel-picture{position:relative;aspect-ratio:16/9}.filmstrip .reel::after{display:none}.filmstrip .reel-caption{position:relative;inset:auto;padding:16px 10px 14px;background:#061526}.filmstrip .reel-caption strong{font-size:15px}.filmstrip .reel-cue{font-size:17px}.filmstrip .reel:hover,.filmstrip .reel:focus-visible{transform:translateY(-3px)}
@media(max-width:1100px){.lab-bar nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start}.site-header{padding:0 30px}.work{padding-left:30px;padding-right:30px}.signature-intro{gap:80px}.signature-intro .name{font-size:74px}.signature-intro .portrait{width:190px}.signature-wall .reel-caption strong{font-size:15px}.rail-layout{grid-template-columns:340px minmax(0,1fr);gap:35px}.rail-identity .name{font-size:57px}.rail-reels .reel-caption{left:18px;right:235px}.rail-reels .reel-caption strong{font-size:20px}.rail-reels .reel-cue{display:none}.contact-intro .name{font-size:70px}.contact-wall{grid-template-rows:200px 200px;gap:18px}.portrait-cell .portrait{width:141px}.channel-intro .name{font-size:82px}.channel-bank .reel-caption{left:14px;right:14px}.channel-bank .reel-caption strong{font-size:15px}.credits-intro .name{font-size:110px}.credits-intro .roles{font-size:11px;max-width:220px}.filmstrip .reel-caption strong{font-size:12px}.filmstrip .reel-caption{padding:13px 7px}.filmstrip-reels{gap:10px}}
@media(max-width:760px){.lab-bar{padding:17px;gap:16px}.lab-caption{flex-wrap:wrap;padding:18px}.lab-caption>span{order:3;flex-basis:100%;line-height:1.6}.lab-area{padding:0 12px 25px}.site-header{height:70px;padding:0 20px}.brand img{width:88px}.about{font-size:9px;padding:13px 17px}.work{padding:0 20px 40px}.name{font-size:clamp(30px,8vw,48px)}.roles{font-size:8px;letter-spacing:.12em;line-height:1.9;margin-top:20px;max-width:26ch;text-wrap:balance}.portrait{width:32%;max-width:150px;border-radius:16px}.signature-intro{min-height:260px;padding:27px 0;gap:35px}.signature-intro .name{font-size:clamp(30px,8vw,48px)}.signature-intro .portrait{width:32%}.heard-wave{margin-bottom:25px}.signature-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px}.signature-wall .reel:nth-child(n){grid-column:auto;grid-row:auto;height:145px}.signature-wall .reel-ai{grid-column:span 2!important;height:185px!important;order:-1}.signature-wall .reel-caption strong,.reel-caption strong{font-size:14px}.reel-caption{left:13px;right:13px;bottom:15px}.reel-cue{font-size:17px}.rail-layout{display:block;padding:27px 0 25px}.portrait-editorial{height:435px;max-width:420px;margin:0 auto 30px}.rail-photo{width:100%;max-width:none}.rail-photo img{object-position:center 18%}.rail-identity .name{font-size:59px}.rail-identity .roles{font-size:9px;max-width:28ch}.rail-reels{grid-template-rows:repeat(5,100px);gap:12px}.rail-reels .reel-caption{left:16px;right:180px}.rail-reels .reel-caption strong{font-size:16px}.rail-reels .reel-cue{display:none}.contact-intro{min-height:180px;padding:30px 0 24px}.contact-intro .name{display:block;font-size:clamp(40px,11vw,70px)}.contact-intro .name span{margin-left:auto;margin-right:auto}.contact-intro .name span+span{margin-top:10px}.contact-intro .roles{margin-left:auto;margin-right:auto}.contact-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,155px);gap:17px}.contact-wall .reel:nth-child(n),.contact-wall .portrait-cell{grid-column:auto;grid-row:auto}.contact-wall .portrait-cell{grid-column:1;grid-row:1}.contact-wall .reel-ai{grid-column:2;grid-row:1}.portrait-cell .portrait{width:105px;max-width:none;border-radius:13px}.contact-wall .reel-caption{bottom:13px}.contact-wall .reel-caption strong{font-size:12px}.channel-intro{min-height:245px;padding:35px 0}.channel-intro .name{display:block;font-size:clamp(48px,13vw,78px)}.channel-intro .name span{margin-left:auto;margin-right:auto}.channel-intro .name span+span{margin-top:12px}.channel-intro .roles{margin-left:auto;margin-right:auto}.channel-bank{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;border-radius:14px}.channel-bank .reel{height:190px;border-bottom:1px solid #b3dcff57}.channel-bank .reel-ai{grid-column:span 2;grid-row:1;height:210px;border-left:0}.channel-bank .reel-caption{bottom:19px}.channel-bank .reel-caption strong{font-size:16px}.channel-bank .reel-cue{position:absolute;right:0;bottom:0;margin:0}.credits-intro{display:block;min-height:300px;padding:35px 5px}.credits-intro .name{font-size:clamp(54px,15vw,88px)}.credits-intro .roles{font-size:9px;max-width:30ch;margin-top:24px;line-height:2.1}.filmstrip{padding:13px 11px}.filmstrip-reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.filmstrip .reel-ai{grid-column:span 2;grid-row:1}.filmstrip .reel-caption strong{font-size:12px}.filmstrip .reel-caption{padding:13px 8px}.film-perforations{height:12px;background-size:auto}.filmstrip .reel-cue{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* A quiet signature at the lower right of the selected home. */
.signature{display:flex;flex-direction:column}.signature .site-header{width:100%;margin:0 auto;flex-shrink:0}.signature .work{width:100%;margin:0 auto}.signature .home-trademark{width:100%;max-width:1320px;margin:auto auto 0;padding:16px 40px 24px;text-align:right;color:#9fbdd2;font:600 9px/1.5 Montserrat,Manrope,sans-serif;letter-spacing:.16em}
@media(max-width:760px){.signature .home-trademark{padding:14px 20px 22px;font-size:8px}}