@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;900&family=DM+Sans:wght@400;500&display=swap');
:root{--paper:#f5f2eb;--ink:#11110f;--line:#aaa79d;--accent:#c34320}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;border:0;border-radius:0}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--accent);color:white}header,main,footer{width:min(1320px,90%);margin:auto}header{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px;padding:28px 0 20px}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.035em;white-space:nowrap}nav{display:flex;gap:30px;margin-left:auto}nav a,.languages,.role,.tabs,.reel-cta,footer,.viewer-bar,.photo-controls{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.11em}nav a{font-size:16px;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}nav a[aria-current],nav a:hover{color:var(--accent);border-color:var(--accent)}.languages{display:flex;align-items:center;gap:4px;font-size:13px}.languages button{background:none;min-width:35px;min-height:44px;padding:0}.languages button[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.page{padding-top:28px}.name-layout{position:relative}.name-layout h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(110px,23.6vw,345px);letter-spacing:-.035em;line-height:.78;font-weight:900;margin:5px 0 35px}.role{position:absolute;bottom:5%;right:1%;width:145px;font-size:19px;line-height:1.3}.role:after{content:'';display:block;width:42px;height:2px;background:var(--accent);margin-top:18px}.reel-cover{padding:0;display:block;position:relative;background:#141714;width:100%;aspect-ratio:16/9}.reel-cover img{width:100%;height:100%;object-fit:cover;display:block}.reel-cover:after{content:'';position:absolute;inset:0;background:#0002}.reel-cta{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:18px;color:#fff;font-size:17px;text-shadow:0 2px 8px #000}.play{width:76px;height:76px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-family:Arial;font-size:25px;padding-left:4px;transition:background .2s}.reel-cover:hover .play{background:#ffffff30}.page-title{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(78px,12.8vw,180px);font-weight:900;line-height:.95;letter-spacing:-.025em;margin:0 0 28px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{position:relative;text-align:left;background:none;padding:16px 0;font-size:20px;min-height:52px;letter-spacing:.08em;text-transform:uppercase}.tabs button:not(:first-child){padding-left:20px}.tabs button:not(:first-child):before{content:'';position:absolute;left:0;top:20px;height:16px;border-left:1px solid var(--line)}.tabs button[aria-selected=true]{color:var(--accent)}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;width:65px;border-bottom:2px solid var(--accent)}#gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.film{position:relative;display:block;aspect-ratio:16/9;width:100%;padding:0;background:#181a16;text-align:left;overflow:hidden}.film img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.film:hover img{transform:scale(1.025)}.film:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}.film-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%;width:48px;height:48px;color:#fff;display:grid;place-items:center;padding-left:3px;font-size:15px}.film-title{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:white;font-size:13px;line-height:1.4}.empty{grid-column:1/-1;padding:80px 0 120px;font-size:18px;color:#69675e}.about-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:start}.photo{padding:0;background:none;display:block;overflow:hidden;width:100%}.photo img{display:block;width:100%;height:100%;object-fit:cover}.portrait{aspect-ratio:3/4.2}.portrait img{object-position:center 30%}#bio p{font-size:16px;line-height:1.65;margin:0 0 24px}.on-set{margin-top:42px;border-top:1px solid var(--ink);padding-top:18px}.on-set h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:80px;line-height:1;margin:0 0 20px;font-weight:900;letter-spacing:-.025em}.set-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.set-photos .wide{grid-column:1/-1;aspect-ratio:2.9/1}.set-photos .photo:not(.wide){aspect-ratio:1/1}.contact-links{margin:65px 0 140px}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:30px 0}.contact-links a:last-child{border-bottom:1px solid var(--line)}.contact-links a span:first-child{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:23px}.contact-links a span:last-child{font-size:clamp(15px,2.2vw,30px);overflow-wrap:anywhere}.contact-links a:hover{color:var(--accent)}footer{display:flex;align-items:center;gap:16px;margin-top:40px;margin-bottom:28px;font-size:11px;color:#68665e}footer i{width:30px;border-top:2px solid var(--accent)}footer span{flex:1;border-top:1px solid var(--line)}.skip{position:fixed;top:-100px;left:20px;z-index:9;background:var(--ink);color:white;padding:14px}.skip:focus{top:10px}dialog{background:var(--paper);border:0;padding:20px;width:min(1140px,96vw);max-height:96dvh}dialog::backdrop{background:#000e}.viewer-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.viewer-bar h2{font-size:14px;font-weight:500;margin:0;letter-spacing:.04em}.viewer-bar button,.photo-controls button{background:none;min-height:44px;min-width:70px;font-size:14px}.viewer-bar button{flex-shrink:0}#media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:black}#media>a{display:block;text-align:right;font-size:12px;color:var(--accent);padding-top:14px}.image-viewer{width:96vw;background:#111;color:white}.image-viewer #media img{display:block;width:100%;height:calc(90dvh - 130px);object-fit:contain}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-top:10px}
@media(min-width:1500px){.name-layout h1{font-size:345px}}@media(max-width:900px){header{gap:20px}.brand{font-size:24px}nav{gap:20px}.about-layout{gap:28px}#bio p{font-size:14px;line-height:1.6}.role{font-size:15px;width:110px}.tabs button{font-size:17px}.on-set h2{font-size:65px}}
@media(max-width:600px){header,main,footer{width:90%}header{display:grid;grid-template-columns:1fr auto;padding:16px 0 8px;gap:3px 12px}.brand{font-size:25px}.languages{grid-column:2;grid-row:1}.languages button{min-width:36px}nav{grid-column:1/-1;grid-row:2;margin-left:0;justify-content:space-between;gap:18px}nav a{font-size:15px;min-height:46px}.page{padding-top:25px}.name-layout h1{font-size:25vw;line-height:.81;margin:0 0 22px;letter-spacing:-.025em}.role{position:static;width:auto;font-size:13px;display:flex;gap:14px;align-items:center;margin:0 0 20px}.role:after{margin:0;width:30px}.reel-cover{aspect-ratio:16/10}.play{width:58px;height:58px;font-size:21px}.reel-cta{font-size:14px;gap:12px}.page-title{font-size:18vw;margin-bottom:24px}.tabs{margin-bottom:20px}.tabs button{font-size:13px;letter-spacing:.035em;min-height:48px;padding:12px 0}.tabs button:not(:first-child){padding-left:10px}.tabs button:not(:first-child):before{top:17px;height:14px}.tabs button[aria-selected=true]:after{width:42px}#gallery{grid-template-columns:1fr;gap:18px}.film-title{font-size:12px;left:14px;bottom:13px}.about-layout{grid-template-columns:1fr;gap:28px}.portrait{aspect-ratio:3/4}.portrait img{object-position:center 30%}#bio p{font-size:16px;line-height:1.65;margin-bottom:22px}.on-set{margin-top:22px}.on-set h2{font-size:58px}.set-photos{gap:10px;grid-template-columns:1fr}.set-photos .wide{aspect-ratio:16/9}.set-photos .photo:not(.wide){aspect-ratio:4/3}.contact-links{margin:38px 0 100px}.contact-links a{display:grid;gap:12px;padding:24px 0}.contact-links a span:first-child{font-size:20px}.contact-links a span:last-child{font-size:17px}footer{margin-top:30px;font-size:10px}dialog{padding:12px}.viewer-bar{gap:8px}.viewer-bar h2{font-size:12px}.photo-controls button{font-size:12px;letter-spacing:.04em}.empty{padding:55px 0 90px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#main:focus{outline:none}@media(max-width:600px){.name-layout h1{font-size:23.5vw}}
/* Preserve the yellow-car block dimensions; keep the subject's full head in frame. */
.set-photos .wide img{object-position:50% 20%}
@media(max-width:600px){.set-photos .wide img{object-position:50% 75%}}

/* One geometric play mark for every cover, across all breakpoints. */
.reel-cover>.play,.film-play{position:absolute;z-index:2;left:26px;bottom:26px;top:auto;right:auto;transform:none;width:18px;height:21px;padding:0;border:0;border-radius:0;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);font-size:0;display:block;transition:opacity .2s;opacity:.9}
.reel-cover:hover>.play,.film:hover .film-play{background:#fff;opacity:1}
.film-title{left:60px;bottom:26px}

/* A compact home composition, with the full reel inside a laptop viewport. */
#home{--reel-fit-height:calc(100svh - 190px - min(20.28vw,23.4svh));max-width:min(100%,calc(var(--reel-fit-height) * 16 / 9));margin-inline:auto;padding-top:20px}
#home .name-layout h1{font-size:clamp(72px,min(13vw,15svh),190px);margin:0 0 22px;line-height:.78}
#home .role{font-size:14px;width:110px;bottom:4%;right:0}
#home .reel-cover{aspect-ratio:16/9}
body[data-page="home"] footer{margin-top:24px;margin-bottom:20px}
@media(max-width:600px){body[data-page="home"] header nav{grid-row:1;grid-column:1;margin-right:12px}#home{max-width:100%;padding-top:25px}#home .name-layout h1{font-size:22vw;margin-bottom:20px}#home .role{position:static;width:auto;font-size:13px;margin-bottom:20px}#home .reel-cover{aspect-ratio:16/9}}
@media(min-width:601px) and (max-height:560px){#home{--reel-fit-height:calc(100svh - 150px - 23.4svh)}body[data-page="home"] header{padding-top:10px;padding-bottom:10px}#home{padding-top:12px}#home .name-layout h1{font-size:15svh;margin-bottom:12px}}