@font-face{font-family:'Maximum Impact';src:url('fonts/MAXIMUM IMPACT.TTF') format('truetype');font-display:swap}
@font-face{font-family:'Intrepid Spear';src:url('fonts/INTREPIDSPEAR.TTF') format('truetype');font-display:swap}
@font-face{font-family:'Maian';src:url('fonts/MAIAN.TTF') format('truetype');font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('fonts/MYRIADPRO-REGULAR.OTF') format('opentype');font-style:normal;font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('fonts/MYRIADPRO-IT.OTF') format('opentype');font-style:italic;font-display:swap}
:root{--navy:#000033;--gold:#ffd400;--white:#fff}
*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;background:var(--navy);color:var(--gold);font-family:'Maian',Georgia,serif}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.16em}.site-nav{position:fixed;z-index:30;top:18px;right:28px;display:flex;gap:22px;font-family:'Myriad Pro',Arial,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.site-nav a{color:#fff;opacity:.8}.site-nav a:hover,.site-nav a.active{color:var(--gold);opacity:1;text-decoration:none}.page{min-height:100vh;max-width:1600px;margin:auto;padding:42px 64px 28px}.display{font-family:'Maximum Impact','Arial Narrow',sans-serif}.home-header{text-align:center;color:#fff;margin:5px 0 26px}.home-header h1{font-family:'Maximum Impact','Arial Narrow',sans-serif;font-size:clamp(46px,5vw,76px);line-height:.9;margin:0;letter-spacing:.015em}.home-header p{font-family:'Intrepid Spear',Georgia,serif;font-size:clamp(18px,1.8vw,27px);margin:8px 0 0}.home-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:42px;align-items:start}.intro{font-family:'Myriad Pro',Arial,sans-serif;color:#fff;font-weight:700;font-size:clamp(17px,1.5vw,25px);line-height:1.2;text-transform:uppercase}.intro-portrait{width:194px;aspect-ratio:1.38/1;object-fit:cover;filter:grayscale(1);display:block;margin-bottom:26px}.intro p{margin:0 0 28px}.home-links{display:flex;flex-direction:column;align-items:flex-start;font-size:25px;line-height:1.18;color:var(--gold)}.reel-wrap{min-width:0}.video-box{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.video-box video{width:100%;height:100%;display:block;object-fit:cover}.sound-toggle{position:absolute;right:14px;bottom:14px;border:1px solid rgba(255,255,255,.75);background:rgba(0,0,0,.55);color:#fff;padding:8px 12px;font:12px 'Myriad Pro',Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.reel-caption{text-align:center;font:700 clamp(18px,1.8vw,28px) 'Myriad Pro',Arial,sans-serif;margin:10px 0 20px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:820px;margin:auto}.thumbs img{width:100%;aspect-ratio:1.5/1;object-fit:cover;display:block}.footer{text-align:center;color:#fff;font:700 13px 'Myriad Pro',Arial,sans-serif;margin-top:30px}.bio-title,.section-title{font:normal clamp(48px,4.5vw,68px) 'Maximum Impact','Arial Narrow',sans-serif;letter-spacing:.01em;margin:8px 0 22px}.bio-copy{font-size:clamp(17px,1.25vw,21px);line-height:1.18}.bio-portrait{float:right;width:46%;margin:0 0 14px 38px;border:10px solid var(--gold);display:block}.bio-copy p{margin:0 0 24px}.bio-quote{font-family:'Myriad Pro',Arial,sans-serif;font-style:italic;font-size:clamp(18px,1.45vw,24px);text-align:center;margin:20px 4% 0 44%}.credits-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:72px}.filmography,.interviews{font-size:clamp(13px,1.05vw,16px);line-height:1.08}.credit{margin-bottom:20px}.credit-title{font-size:1.08em;text-transform:uppercase}.credit-title a{text-decoration:none}.credit-title a:hover{text-decoration:underline}.right-column .section-title{margin-bottom:10px}.interview{margin-bottom:20px}.photos-title{margin-top:45px}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:38px;margin-top:12px}.gallery button{padding:0;border:0;background:none;cursor:pointer}.gallery img{display:block;width:100%;aspect-ratio:.72/1;object-fit:cover;background:#fff}.statement{font-family:'Myriad Pro',Arial,sans-serif;font-size:clamp(24px,2.1vw,34px);line-height:1.12;margin:34px 0 0;text-align:left}.statement cite{display:block;font-size:.52em;line-height:1.25;text-align:center;margin-top:18px;font-style:normal}.statement cite em{font-style:italic}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:50px 80px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.lb-btn{position:absolute;border:0;background:transparent;color:#fff;font:48px Arial,sans-serif;cursor:pointer}.lb-close{top:16px;right:28px}.lb-prev{left:22px;top:50%;transform:translateY(-50%)}.lb-next{right:22px;top:50%;transform:translateY(-50%)}
@media(max-width:900px){.site-nav{position:static;justify-content:center;flex-wrap:wrap;padding:18px 15px 0}.page{padding:28px 22px}.home-grid,.credits-grid{grid-template-columns:1fr}.intro-portrait{width:160px}.bio-portrait{float:none;width:100%;margin:0 0 24px}.bio-quote{margin:22px 0}.gallery{grid-template-columns:repeat(2,1fr);gap:16px}.statement{font-size:25px}.thumbs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.home-links{font-size:20px}.gallery{grid-template-columns:1fr 1fr}.lightbox{padding:40px}.lb-btn{font-size:34px}}

/* Biography desktop viewport-fit refinement: preserve all crawlable text while fitting a 1080p-class screen. */
@media (min-width:901px) and (min-height:760px){
  body:has(.bio-title){overflow:hidden}
  .page:has(.bio-title){height:100vh;min-height:0;padding:28px 54px 14px;overflow:hidden}
  .page:has(.bio-title) .bio-title{font-size:clamp(38px,3.4vw,52px);line-height:.9;margin:0 0 10px}
  .page:has(.bio-title) .bio-copy{font-size:clamp(12px,.82vw,15px);line-height:1.08}
  .page:has(.bio-title) .bio-copy p{margin:0 0 10px}
  .page:has(.bio-title) .bio-portrait{width:35%;max-height:41vh;object-fit:cover;margin:0 0 8px 28px;border-width:7px}
  .page:has(.bio-title) .bio-quote{font-size:clamp(14px,1vw,18px);line-height:1.08;margin:8px 3% 0 42%}
}


/* Biography final desktop fit: full page visible without vertical scrolling; hero portrait dominates right side. */
@media (min-width:901px){
  body:has(.bio-title){height:100vh;overflow:hidden}
  .page:has(.bio-title){height:100vh;min-height:0;max-width:1800px;padding:24px 54px 12px;overflow:hidden}
  .page:has(.bio-title) .bio-title{font-size:44px;line-height:.86;margin:0 0 8px}
  .page:has(.bio-title) .bio-copy{font-size:11.5px;line-height:1.035}
  .page:has(.bio-title) .bio-copy p{margin:0 0 6px}
  .page:has(.bio-title) .bio-portrait{
    float:right;width:48%;height:55vh;max-height:none;object-fit:cover;object-position:center 35%;
    margin:0 0 8px 28px;border:8px solid var(--gold)
  }
  .page:has(.bio-title) .bio-quote{font-size:14px;line-height:1.04;margin:5px 2% 0 50%;padding:0}
}
@media (min-width:1400px) and (min-height:850px){
  .page:has(.bio-title) .bio-copy{font-size:12.5px;line-height:1.045}
  .page:has(.bio-title) .bio-copy p{margin-bottom:7px}
  .page:has(.bio-title) .bio-portrait{width:49%;height:57vh}
  .page:has(.bio-title) .bio-quote{font-size:15px}
}

/* Photo 5 biography hero: preserve full-body Hollywood composition. */
@media (min-width:901px){
  .page:has(.bio-title) .bio-portrait{
    width:36%; height:72vh; object-fit:contain; object-position:center top;
    background:#000033; margin:0 0 6px 28px; border:7px solid var(--gold);
  }
  .page:has(.bio-title) .bio-copy{font-size:11px;line-height:1.025}
  .page:has(.bio-title) .bio-copy p{margin-bottom:5px}
  .page:has(.bio-title) .bio-quote{font-size:13px;line-height:1.03;margin:4px 1% 0 39%}
}
@media (min-width:1400px) and (min-height:850px){
  .page:has(.bio-title) .bio-portrait{width:38%;height:75vh}
  .page:has(.bio-title) .bio-copy{font-size:11.7px;line-height:1.03}
  .page:has(.bio-title) .bio-copy p{margin-bottom:5px}
  .page:has(.bio-title) .bio-quote{font-size:14px;margin-left:41%}
}

/* Front-page mini gallery: five full-resolution, lightbox-enabled images. */
.thumbs{grid-template-columns:repeat(5,1fr)}
.thumbs button{padding:0;border:0;background:none;cursor:pointer;min-width:0}
.thumbs button img{width:100%;aspect-ratio:1.5/1;object-fit:cover;display:block}
@media(max-width:900px){.thumbs{grid-template-columns:repeat(2,1fr)}}

/* Biography personal-profile facts. Kept as ordinary HTML for search indexing. */
.bio-facts{clear:left;margin:8px 40% 0 0;font-family:'Myriad Pro',Arial,sans-serif;color:#fff}
.bio-facts h2{margin:0 0 5px;color:var(--gold);font:normal 18px 'Maximum Impact','Arial Narrow',sans-serif;letter-spacing:.04em}
.bio-facts dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.bio-facts dl>div{display:grid;grid-template-columns:max-content 1fr;gap:5px;align-items:start}
.bio-facts dt{color:var(--gold);font-weight:700}
.bio-facts dd{margin:0;color:#fff}
@media (min-width:901px){
  .page:has(.bio-title) .bio-facts{font-size:9.5px;line-height:1.02;margin-top:5px}
  .page:has(.bio-title) .bio-facts h2{font-size:15px;line-height:1;margin-bottom:3px}
  .page:has(.bio-title) .bio-facts dl{gap:1px 12px}
  .page:has(.bio-title) .bio-quote{margin-top:3px}
}
@media (min-width:1400px) and (min-height:850px){
  .page:has(.bio-title) .bio-facts{font-size:10.2px;line-height:1.03}
  .page:has(.bio-title) .bio-facts h2{font-size:16px}
}
@media(max-width:900px){
  .bio-facts{margin:18px 0 0;font-size:14px;line-height:1.2}
  .bio-facts dl{grid-template-columns:1fr;gap:6px}
  .bio-facts h2{font-size:25px;margin-bottom:10px}
}

/* Biography readability balance — 1792x1007-class desktop: larger copy, breathing room,
   and a left information block visually approaching the portrait height. */
@media (min-width:1400px) and (min-height:850px){
  .page:has(.bio-title) .bio-copy{font-size:14px;line-height:1.13}
  .page:has(.bio-title) .bio-copy p{margin:0 0 12px}
  .page:has(.bio-title) .bio-facts{font-size:11.6px;line-height:1.10;margin-top:8px}
  .page:has(.bio-title) .bio-facts h2{font-size:18px;line-height:1;margin-bottom:6px}
  .page:has(.bio-title) .bio-facts dl{gap:3px 16px}
  .page:has(.bio-title) .bio-quote{font-size:15px;line-height:1.10;margin-top:8px}
}

/* Biography readability correction: browser chrome reduces the CSS viewport below 850px
   on the target 1792x1007 display, so this rule deliberately begins at 700px viewport height. */
@media (min-width:1400px) and (min-height:700px){
  .page:has(.bio-title) .bio-copy{font-size:14.5px;line-height:1.12}
  .page:has(.bio-title) .bio-copy p{margin:0 0 11px}
  .page:has(.bio-title) .bio-facts{font-size:11.8px;line-height:1.10;margin-top:9px}
  .page:has(.bio-title) .bio-facts h2{font-size:19px;line-height:1;margin-bottom:7px}
  .page:has(.bio-title) .bio-facts dl{gap:3px 17px}
  .page:has(.bio-title) .bio-quote{font-size:15.5px;line-height:1.10;margin-top:9px}
}


/* Biography narrative-only readability: keep Personal Profile at its existing pitch. */
@media (min-width:1400px) and (min-height:700px){
  .page:has(.bio-title) .bio-copy > p{
    font-size:17px;
    line-height:1.22;
    margin:0 0 14px;
  }
  .page:has(.bio-title) .bio-facts{
    font-size:11.8px;
    line-height:1.10;
    margin-top:9px;
  }
  .page:has(.bio-title) .bio-facts h2{font-size:19px;line-height:1;margin-bottom:7px}
  .page:has(.bio-title) .bio-facts dl{gap:3px 17px}
}