/* blend 3 */
@media(min-width:701px){
.hero .t{top:auto;bottom:11vh}.roles{left:49vw;bottom:11vh;max-width:22vw}
.bx{position:absolute;z-index:1;inset:0}.bx img{position:absolute;display:block}
.bx-h{left:0;top:6vh;width:44vw;height:60vh;object-fit:cover;object-position:50% 28%;-webkit-mask-image:radial-gradient(ellipse 55% 55% at 42% 42%,#000 40%,transparent);mask-image:radial-gradient(ellipse 55% 55% at 42% 42%,#000 40%,transparent);-webkit-mask-composite:source-over;mask-composite:add;}
.bx-a{left:30vw;width:56vw;height:auto;top:9vh;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;}
.bx-s{right:0;top:40vh;width:26vw;height:53vh;object-fit:cover;object-position:50% 12%;z-index:1;-webkit-mask-image:radial-gradient(ellipse 46% 59% at 55% 50%,#000 12%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.08) 82%,transparent);mask-image:radial-gradient(ellipse 46% 59% at 55% 50%,#000 12%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.08) 82%,transparent);-webkit-mask-composite:source-over;mask-composite:add;}}
@media(max-width:700px){
.hero{display:flex;flex-direction:column}.hero>nav{order:-2}.hero .t{order:-1;padding-bottom:1vh;position:relative;z-index:4}
.bx{position:relative;inset:auto;display:flex;flex-direction:column;margin-top:-6vh}
.bx img{position:relative!important;inset:auto!important;width:100%!important;height:auto;transform:none!important;object-fit:cover}
.bx-h{height:44vh!important;object-position:50% 25%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;}
.bx-h{order:1}.bx-a{order:2;margin-top:-9vh;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;}
.bx-s{order:3;height:58vh!important;margin-top:-6vh;object-position:50% 15%;-webkit-mask-image:radial-gradient(ellipse 48% 59% at 50% 50%,#000 12%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.08) 82%,transparent);mask-image:radial-gradient(ellipse 48% 59% at 50% 50%,#000 12%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.08) 82%,transparent);-webkit-mask-composite:source-over;mask-composite:add;}
}
/* 3b: suit as alpha cutout (full figure, unfaded), title line gap */
.hero .t{line-height:1}
.hero .t span+span{margin-top:.04em}
@media(min-width:701px){.bx .bx-s{left:auto;right:0;top:39vh;height:calc(52vh + 10px);width:calc((52vh + 10px)*1066/1600);object-fit:contain;z-index:1;-webkit-mask-image:none;mask-image:none}}
@media(max-width:700px){.bx .bx-s{height:auto!important;width:100%!important;margin-top:-5vh!important;z-index:1;object-fit:contain!important;-webkit-mask-image:none!important;mask-image:none!important}}
/* 3d: suit full hero height on the right; action shifted left so it never overlaps him */
@media(min-width:701px){
.bx .bx-s{left:auto;right:0;top:9vh;height:82vh;width:calc(82vh*1066/1600);z-index:1}
.bx .bx-a{left:20vw;width:calc(80vw - 82vh*1066/1600*.84);height:auto;top:10vh;z-index:2}
.bx .bx-h{width:40vw}
.roles{left:48vw;max-width:calc(100vw - 82vh*1066/1600*.9 - 49vw)}
}
/* 3e: action nudged right; full uncropped headshot above the name; tight name stack */
@media(min-width:701px){
.bx .bx-a{left:24vw}
.bx .bx-h{left:2vw;top:10vh;width:auto;height:calc(79vh - 1.78*min(13.5vw,250px));aspect-ratio:1600/1408;object-fit:contain;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 14%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);
-webkit-mask-composite:source-in;mask-composite:intersect}
.hero .t{line-height:.88}
.hero .t span+span{margin-top:0}
}

/* 3f: suit above action */
@media(min-width:701px){.bx .bx-s{z-index:3}}
/* 3f mobile: layered first-screen composition mirroring desktop */
@media(max-width:700px){
.hero{overflow:hidden}
.hero .bx{order:0;position:relative;display:block;height:92vw;margin:2vw 0 0}
.hero .bx img{position:absolute!important;margin:0!important;transform:none!important;max-width:none}
.hero .bx .bx-h{left:0!important;top:0!important;width:52vw!important;height:auto!important;aspect-ratio:1600/1408;object-fit:contain!important;z-index:1;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);
-webkit-mask-composite:source-in;mask-composite:intersect}
.hero .bx .bx-a{left:0!important;top:43vw!important;width:58vw!important;height:auto!important;z-index:2}
.hero .bx .bx-s{left:auto!important;right:0!important;top:0!important;height:90vw!important;width:calc(90vw*1066/1600)!important;object-fit:contain!important;z-index:3;align-self:auto}
.hero .t{order:1;line-height:.88;margin-top:0;padding-top:2vw;padding-bottom:2vw;z-index:4}
.hero>.bar:last-child,.hero>div.bar{order:3}
.roles{order:2;margin-top:0}
}
/* AA */ .bstack{display:inline-flex;flex-direction:column;gap:inherit;row-gap:10px}.bstack .btn{text-align:center}
/* 3h mobile: action 12% bigger, cropped at muzzle (x190/1600); suit nudged right */
@media(max-width:700px){.hero .bx .bx-a{width:57.28vw!important;height:27.87vw!important;object-fit:cover!important;object-position:100% 50%!important;top:41vw!important}.hero .bx .bx-s{right:-7vw!important}}
/* 3h mobile v2: 2x2 buttons; composition up to menu */
@media(max-width:700px){.hero .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .btns .bstack{display:contents}.hero .btns .btn{text-align:center;white-space:nowrap;padding-left:6px;padding-right:6px}.hero .bx{margin-top:calc(7px - 4.5vh)!important;z-index:6}}
/* 3h v3: suit visible top = headshot top */ @media(max-width:700px){.hero .bx .bx-s{top:-5.13vw!important}}
/* 3h v4: halve text gaps */ @media(max-width:700px){.hero .t{padding-top:3.9px!important;padding-bottom:3.9px!important}.hero .roles{padding-top:2vh}.hero .roles .type{margin:2px 0 7px}.hero .btns{row-gap:5px}}
/* 3h v5: shirtless portrait behind text, right */
.hx-sh{display:none}
@media(max-width:700px){.hero .hx-sh{display:block;position:absolute;z-index:3;right:0;top:calc(max(52px,9vh) + 7px - 4.5vh + 94.5vw);width:28.5vw;height:auto;max-width:none;pointer-events:none;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}
/* 3h v6: thin edge fades only */ @media(max-width:700px){.hero .hx-sh{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}}
/* 3h v7: full uncropped photo, same height */ @media(max-width:700px){.hero .hx-sh{width:45.24vw}}
/* 3h v8: wide fades matching headshot */ @media(max-width:700px){.hero .hx-sh{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent)}}
/* 3h v9: unfaded subject layer on top */ @media(max-width:700px){.hero .hx-sh2{-webkit-mask-image:none;mask-image:none}}
/* 3h v10: shirtless centered between S-top and Producer/Director */ @media(max-width:700px){.hero .hx-sh{top:calc(max(52px,9vh) + 7px - 4.5vh + 113.49vw)}} @media(min-width:420px) and (max-width:700px){.hero .hx-sh{top:calc(max(52px,9vh) + 7px - 4.5vh + 108.19vw)}}
/* mobile scale: every hero size derived from the approved 390x844 draft, in vw only (1px@390 = .25641vw; 1vh@844 = 2.1641vw) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px){
.hero>.bar{height:19.477vw;min-height:0;padding:0 4vw;font-size:3.077vw}
.hero .menu{font-size:3.077vw;padding:2.051vw 3.077vw}
.hero .bx{margin-top:-7.944vw!important}
.hero .t{font-size:24vw;padding:1vw 4vw!important}
.hero .t span:last-child{-webkit-text-stroke:.513vw #fff}
.hero .roles{padding:4.328vw 4vw 8.656vw;font-size:3.333vw}
.hero .roles b{padding:1.538vw 2.564vw;margin:0 1.538vw 1.538vw 0}
.hero .roles .type{font-size:3.846vw;margin:.513vw 0 1.795vw}
.hero .btns{gap:1.282vw 2.564vw}
.hero .btns .btn{font-size:3.077vw;padding:3.077vw 1.538vw;border-width:.513vw}
.hero .hx-sh{top:125.023vw}
}