/* Compact version of the approved desktop composition; loaded only up to 1100px. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root{--edge:max(18px,env(safe-area-inset-left),env(safe-area-inset-right))}
body{font-size:16px}
.review-toolbar{display:none}
.hero{display:block;position:relative;min-height:0;max-height:none;aspect-ratio:auto;height:clamp(306px,85vw,560px);background:#201f1d}
.hero-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}
.hero-poster,.hero-video{object-fit:cover;object-position:50% 50%}
.hero-media:after{background:linear-gradient(180deg,#080c0fb0 0%,#0c101518 25%,#0d101300 42%,#15171683 72%,#201f1dd9 100%),linear-gradient(90deg,#060b115c,transparent 85%)}
.hero-media{--film-fade:linear-gradient(180deg,#000 0%,#000 90%,#000000b8 95%,transparent 100%)}
.site-header{position:relative;z-index:2;align-items:center;gap:14px;padding:0 var(--edge);background:none}
.site-header .brand{font-size:12px;font-weight:500;letter-spacing:.08em;min-height:44px}
.site-header nav{gap:16px;margin-left:auto}
.site-header nav a{font-size:12px;letter-spacing:.055em;min-height:44px}
.hero-title{position:absolute;inset:auto var(--edge) 58px;padding:0;background:none;z-index:1}
.hero h1{font-size:clamp(34px,9vw,72px);line-height:1.03;letter-spacing:.005em}
.hero-role{font-size:clamp(13px,1.9vw,20px);line-height:1.45;gap:.6em;margin:6px 0 0;letter-spacing:.02em;white-space:nowrap}
.hero-actions{position:absolute;right:0;bottom:-12px;display:flex;justify-content:flex-end;align-items:center;margin:0}
.discover{font-size:12px;gap:9px;min-height:44px;margin:0}
.discover .brand-accent{width:9px;height:18px}
.hero-foot{position:absolute;inset:auto var(--edge) 0;display:flex;margin:0;padding-top:0;justify-content:flex-end;border-top:1px solid #ded2bd35}
.motion-toggle{font-size:12px;min-height:44px;gap:8px}
.motion-symbol{font-size:13px}.motion-label{min-width:0;max-width:none}
.hero a:focus-visible,.hero button:focus-visible{outline-offset:-3px}
.work{padding:48px var(--edge) 30px}
.section-heading{display:grid;grid-template-columns:23% minmax(0,1fr);gap:16px;margin:0 0 30px}
.section-heading h2{grid-column:2;font-size:clamp(36px,5.5vw,60px);line-height:1.1;margin:0}
.reel,.reel-documentary,.reel-interview{display:grid;gap:clamp(14px,3vw,30px);align-items:center;padding:0;border:0}
.reel-documentary{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.reel-interview{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);margin-top:62px}
.reel-copy,.reel-interview .reel-copy{order:initial;max-width:none;width:auto;margin:0;padding:0}
.reel-interview .reel-image{order:initial}
.reel-copy h3,.reel-interview .reel-copy h3{font-size:clamp(20px,3.15vw,36px);line-height:1.16;letter-spacing:-.04em;margin:0 0 12px}
.reel-meta{font-size:13px;line-height:1.5;margin:0 0 5px;padding:0;border:0;gap:10px}
.text-watch{font-size:14px;min-height:44px;gap:10px}
.text-watch .brand-accent{width:10px;height:20px}
.reel-image{aspect-ratio:16/9}
.image-play{width:32px;height:32px;font-size:11px;left:10px;bottom:10px}
.image-watch{display:none}
.reel-interview:before{top:-120px;left:-15vw;width:90vw;height:500px;opacity:.36}
.about-composed{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr);gap:22px;align-items:start;justify-content:initial;padding:66px var(--edge) 35px}
.portrait{grid-column:auto;grid-row:auto;align-self:start;width:100%;margin:0}
.portrait img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:40% center}
.portrait figcaption{font-size:12px;line-height:1.5;margin-top:10px;max-width:none}
.biography{display:block;max-width:none}
.biography h2{font-size:clamp(25px,3.6vw,40px);line-height:1.12;max-width:none;margin:0 0 18px}
.biography p,.biography .bio-lead{font-size:clamp(14px,1.75vw,18px);line-height:1.7;margin:0}
.biography .bio-lead{margin-bottom:15px}
.recognition{display:block;padding:36px var(--edge) 38px}
.recognition-label h2{font-size:clamp(29px,4vw,44px);line-height:1.15;margin:0 0 26px}
.recognition-label h2 br{display:none}
.awards-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 20px;margin:0}
.award{display:block;padding-top:13px}
.award-year{font-size:13px;line-height:1.4;padding:0;margin-bottom:11px}
.award h3{font-size:clamp(16px,2.1vw,21px);line-height:1.35;font-weight:450}
.award p,.award small{font-size:clamp(13px,1.7vw,17px);line-height:1.55;margin-top:9px}
.contact-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr);gap:22px;padding:48px var(--edge) 30px;align-items:start}
.contact-heading h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0}
.contact-details{margin:0;min-width:0}
.contact-details p{font-size:13px;line-height:1.6;margin:0 0 15px;max-width:none}
.contact-details a{font-size:14px;min-height:44px}
.contact-details .email{font-size:clamp(16px,2.8vw,30px);line-height:1.4;gap:8px;justify-content:flex-start;margin-bottom:0;width:auto}
.contact-details .email .brand-accent{width:9px;height:18px}
.site-foot{padding:20px var(--edge);gap:10px 16px;flex-wrap:wrap}
.site-foot,.site-foot>span:nth-child(2){font-size:12px}
.site-foot>span:nth-child(2){order:3;width:100%}
.site-foot>a{margin-left:auto;min-height:44px}
.site-foot .brand-accent{width:8px;height:16px}
.dialog-bar{padding:8px 14px}
.dialog-bar h2{font-size:14px;line-height:1.3}
.close-player{font-size:14px;min-height:44px;gap:12px;min-width:64px}
.reel-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:94svh}
@media(max-width:760px){
 .reel-image{aspect-ratio:4/3}
 .contact-details .email{letter-spacing:-.035em}
}
@media(max-width:370px){
 :root{--edge:max(16px,env(safe-area-inset-left),env(safe-area-inset-right))}
 .site-header{gap:10px}.site-header .brand{font-size:11px}.site-header nav{gap:12px}
 .hero-role{font-size:12px}.discover{font-size:11px;gap:7px}
 .reel-copy h3,.reel-interview .reel-copy h3{font-size:19px}
 .contact-panel,.about-composed{gap:18px}
 .contact-details .email{font-size:15px}
}
@media(orientation:landscape){
 .hero-poster,.hero-video{object-position:50% 50%}
 .hero{height:clamp(320px,100svh,620px)}
 .hero-title{bottom:58px}
 .hero h1{font-size:clamp(36px,5.7vw,60px)}
 .hero-role{font-size:clamp(14px,1.9vw,20px);margin-top:6px}
 .hero-actions{bottom:-8px}.discover{font-size:14px}
 .hero-foot{bottom:0;padding-top:0}
 .site-header{padding-top:0;padding-bottom:0}
 .reel-image{aspect-ratio:16/9}
}

/* Approved small-screen trial; scope to the current homepage and preserve the hero. */
@media(max-width:760px){
.responsive-roomy .work .section-heading{display:block;max-width:880px;margin:0 auto 28px}
.responsive-roomy .work .section-heading h2{grid-column:auto}
.responsive-roomy .work .reel{display:flex;flex-direction:column;align-items:stretch;gap:18px;max-width:880px;margin-left:auto;margin-right:auto}
.responsive-roomy .work .reel .reel-image{order:0;width:100%;aspect-ratio:16/9}
.responsive-roomy .work .reel .reel-copy{order:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;width:100%;max-width:none;margin:0;padding:0}
.responsive-roomy .work .reel .reel-copy h3{grid-column:1;grid-row:1/span 2;font-size:clamp(25px,4vw,38px);line-height:1.18;margin:0}
.responsive-roomy .work .reel .reel-meta{grid-column:2;grid-row:1;justify-content:flex-end;font-size:15px;line-height:1.5;margin:0}
.responsive-roomy .work .reel .text-watch{grid-column:2;grid-row:2;align-self:start;width:auto;min-width:104px;min-height:44px;font-size:16px}
.responsive-roomy .about-composed{display:flex;flex-direction:column;align-items:stretch;gap:0}
.responsive-roomy .about-composed .biography{order:0;width:100%;max-width:68ch;align-self:center}
.responsive-roomy .about-composed .biography h2{font-size:clamp(30px,4vw,44px);margin:0 0 18px}
.responsive-roomy .about-composed .biography p{font-size:clamp(16px,1.9vw,18px);line-height:1.75}
.responsive-roomy .about-composed .biography .bio-lead{margin:0 0 18px}
.responsive-roomy .about-composed .portrait-original-frame{order:1;width:min(100%,440px);max-width:100%;align-self:center;margin:32px auto 0}
.responsive-roomy .contact-panel{display:block}
.responsive-roomy .contact-panel .contact-heading{max-width:760px;margin:0 auto}
.responsive-roomy .contact-panel .contact-heading h2{font-size:clamp(34px,5vw,48px);margin:0}
.responsive-roomy .contact-panel .contact-details{width:100%;max-width:760px;margin:24px auto 0}
.responsive-roomy .contact-panel .contact-details .email{font-size:clamp(23px,4.6vw,36px);line-height:1.4;width:fit-content;max-width:100%;overflow-wrap:anywhere;gap:14px;margin-bottom:4px}
.responsive-roomy .contact-panel .contact-details .email .brand-accent{width:12px;height:24px;flex-shrink:0}
.responsive-roomy .contact-panel .contact-details>a[href^="tel:"]{font-size:18px;min-height:44px}
.responsive-roomy .contact-panel .contact-form{max-width:none;margin-top:28px}
}