/* Jerry Lobrow — independent, dependency-free static site */
:root{--ink:#111918;--off:#f7f4ed;--cream:#ebe6da;--muted:#d4d0c8;--dim:#87918e;--gold:#e2b976;--stroke:rgba(243,234,218,.16);--display:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--off);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.17;background-image:url('grain.svg');background-size:180px}
a{color:inherit}a:hover{color:var(--gold)}button{font:inherit}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--gold);color:var(--ink);padding:.7rem 1rem;z-index:200}.skip:focus{top:1rem}
.wrap{max-width:1300px;margin:auto;padding-left:clamp(22px,5.6vw,90px);padding-right:clamp(22px,5.6vw,90px)}
.site-header{position:relative;z-index:30;border-bottom:1px solid var(--stroke);background:#111918}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font-weight:760;letter-spacing:-.045em;font-size:1.08rem;text-decoration:none;line-height:.95;display:flex;align-items:center;gap:15px}.wordmark .mark{width:43px;height:43px;border:1px solid rgba(226,185,118,.75);display:grid;place-items:center;font:italic 23px var(--display);letter-spacing:-.11em;color:var(--gold);padding-right:3px}.wordmark small{display:block;font-size:.54rem;font-weight:600;letter-spacing:.24em;color:var(--gold);margin-top:7px}.nav-links{display:flex;align-items:center;gap:clamp(15px,2.2vw,36px)}.nav-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.145em;font-size:.70rem;font-weight:700;color:#d3d7d2;padding:8px 0}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--gold)}.nav-links .nav-cta{border:1px solid rgba(226,185,118,.65);padding:12px 17px;color:var(--gold)}.menu-toggle{display:none;border:1px solid var(--stroke);background:transparent;color:var(--off);padding:8px 12px}
.eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.21em;text-transform:uppercase;font-size:.69rem;font-weight:700;color:var(--gold)}.eyebrow:before{content:"";display:inline-block;width:26px;height:1px;background:var(--gold)}.eyebrow.dark{color:#7a5e31}.eyebrow.dark:before{background:#7a5e31}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400}h1{font-size:clamp(68px,9.1vw,150px);line-height:.91;letter-spacing:-.075em;margin:35px 0 27px}h2{font-size:clamp(42px,5.2vw,78px);line-height:1.045;letter-spacing:-.054em}h3{font-size:clamp(25px,2.7vw,36px);line-height:1.1;letter-spacing:-.045em}.italic{font-style:italic;color:var(--gold)}.rule{height:1px;background:var(--stroke)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:760;min-height:56px;padding:17px 23px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);color:var(--ink)}.btn.primary:hover{background:#f1ce96;color:var(--ink)}.btn.outline{border:1px solid #818881;color:var(--off)}.btn.outline:hover{border-color:var(--gold);color:var(--gold)}.arrow{font-size:1.3rem;line-height:0;letter-spacing:0}
.hero{min-height:710px;display:grid;grid-template-columns:1fr .85fr;position:relative;overflow:hidden}.hero-left{padding:78px 3vw 55px max(22px,calc((100vw - 1300px)/2 + 90px));position:relative;z-index:2}.hero h1 span{display:block}.hero .intro{max-width:530px;color:#b4bdb8;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8}.hero .intro strong{color:var(--off);font-weight:600}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:36px}.hero-baseline{display:flex;gap:25px;align-items:center;margin-top:71px;flex-wrap:wrap;color:#a8b0a9;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:700}.hero-baseline span+span:before{content:"/";color:var(--gold);margin-right:25px}.hero-right{position:relative;min-width:0;border-left:1px solid var(--stroke);background:radial-gradient(circle at 58% 38%,#2b3430 0,#192421 48%,#0f1917 80%);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-right:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(226,185,118,.07),transparent 50%,rgba(0,0,0,.4));pointer-events:none}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center 28%;position:absolute;inset:0}.portrait-graphic{width:min(82%,560px);height:auto;filter:drop-shadow(0 20px 50px #05090866)}.portrait-caption{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;z-index:3;border-top:1px solid rgba(255,255,255,.27);padding-top:18px;text-transform:uppercase;letter-spacing:.15em;color:#c6c9c0;font-size:.62rem;font-weight:700}.portrait-caption span:last-child{color:var(--gold)}
.marquee{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:#17211f}.marquee-inner{display:flex;justify-content:space-between;gap:14px;padding-top:19px;padding-bottom:19px;color:#bdc3bd;font-size:.72rem;letter-spacing:.18em;font-weight:750;text-transform:uppercase;flex-wrap:wrap}.marquee b{color:var(--gold);font-size:.65rem}
.section{padding-top:112px;padding-bottom:114px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading h2{max-width:690px;margin:16px 0 0}.section-heading .note{max-width:275px;margin:0 0 6px;color:#9da7a1;font-size:.92rem}.credits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--stroke)}.credit{padding:30px 25px 36px;border-bottom:1px solid var(--stroke);border-right:1px solid var(--stroke);position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.credit:nth-child(3n){border-right:0}.credit .year{color:var(--gold);font-size:.73rem;letter-spacing:.16em;font-weight:750}.credit h3{margin:21px 0 9px}.credit .role{color:#b1b9b2;font-size:.88rem}.credit .credit-type{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:#7e8982;margin-top:18px}.credit:hover{background:#202b28}.sec-link{margin-top:35px}.sec-link a{display:inline-flex;gap:12px;color:var(--gold);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;font-weight:750}
.about-split{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(45px,8vw,130px);align-items:start}.about-split h2{margin:19px 0 25px}.body-copy{font-size:1.08rem;line-height:1.85;color:#b7bfb9}.body-copy p{margin-bottom:22px}.about-side{padding-top:50px}.about-list{border-top:1px solid var(--stroke);margin-top:35px}.about-list .line{border-bottom:1px solid var(--stroke);padding:19px 0;display:flex;align-items:start;gap:15px}.about-list .line dt{color:#85918a;min-width:130px;text-transform:uppercase;font-size:.67rem;letter-spacing:.14em;font-weight:800}.about-list .line dd{margin:0;font-size:.93rem;color:var(--off)}
.light{background:var(--cream);color:var(--ink)}.light .body-copy{color:#555f58}.light .muted{color:#5b635d}.light .section-heading .note{color:#5b635d}.light .line{border-color:#cac3b7}.light .about-list{border-color:#cac3b7}.light .about-list .line dt{color:#6c756e}.light .about-list .line dd{color:var(--ink)}.light .btn.outline{border-color:#6e776f;color:var(--ink)}.light .btn.outline:hover{color:#5e4a2b;border-color:#5e4a2b}
.abilities{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ccc4b7;border:1px solid #ccc4b7;margin-top:53px}.ability{padding:28px;background:var(--cream)}.ability b{display:block;font-family:var(--display);font-weight:400;font-size:1.35rem;margin-bottom:9px}.ability p{font-size:.79rem;color:#57615a;margin:0}
.cta-band{padding:100px 0;background:#202e2a}.cta-band .cta-flex{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-band h2{max-width:760px;margin:14px 0 0}.footer{padding:35px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer .wordmark{margin-bottom:20px}.footer p{color:#98a39d;font-size:.83rem;max-width:380px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750}.footer-links a{text-decoration:none;color:#d4dcd4}.footer-links a:hover{color:var(--gold)}.copyright{padding-top:35px;display:flex;justify-content:space-between;gap:20px;color:#7e8982;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}
.page-intro{padding-top:100px;padding-bottom:95px;background:radial-gradient(circle at 90% 20%,#26352e 0,transparent 45%)}.page-intro h1{font-size:clamp(58px,8vw,120px);max-width:970px}.page-intro .sub{color:#b5bdb7;font-size:1.15rem;line-height:1.85;max-width:700px}.page-content{padding-top:85px;padding-bottom:110px}.breadcrumbs{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#b3bcb4}.breadcrumbs a{text-decoration:none;color:var(--gold)}.breadcrumbs span{padding:0 10px;color:#718078}.story p{font-size:1.12rem;line-height:1.92;color:#c3cdc6;max-width:750px}.story h2{font-size:clamp(35px,4.2vw,62px);margin-top:52px;max-width:760px}.story .callout{padding:35px;border-left:2px solid var(--gold);background:#202b27;font:italic clamp(22px,3.6vw,38px)/1.45 var(--display);color:#e8d9bd;margin-top:35px}
.credit-table{width:100%;border-collapse:collapse;font-size:.92rem}.credit-table th{text-align:left;letter-spacing:.15em;text-transform:uppercase;font-size:.64rem;color:var(--gold);padding:16px 10px 16px 0;border-bottom:1px solid #7f8679}.credit-table td{border-bottom:1px solid var(--stroke);padding:18px 10px 18px 0;vertical-align:top;color:#b8c3bb}.credit-table td:first-child{color:#f6f2e9;font-weight:650}.credit-table td small{display:block;color:#7c8d84;font-size:.75rem;margin-top:5px}.table-section{margin-top:55px}.table-section h2{font-size:clamp(36px,4.3vw,55px);margin-bottom:20px}.fineprint{color:#97a49b;font-size:.85rem;line-height:1.8}.pill{border:1px solid #857d68;color:var(--gold);display:inline-block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;white-space:nowrap}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-layout h2{font-size:clamp(42px,5vw,72px);margin-bottom:24px}.contact-panel{border:1px solid var(--stroke);padding:36px;background:#1b2723}.contact-panel .eyebrow{margin-bottom:24px}.contact-panel h3{margin-bottom:10px}.contact-panel p{color:#b7c2ba}.link-stack{margin:30px 0 0;padding:0;list-style:none}.link-stack li{border-top:1px solid var(--stroke)}.link-stack li:last-child{border-bottom:1px solid var(--stroke)}.link-stack a{display:flex;justify-content:space-between;gap:18px;padding:18px 3px;text-decoration:none;font-size:.9rem}.link-stack a span:last-child{color:var(--gold)}
@media(max-width:950px){.hero{grid-template-columns:1fr .9fr;min-height:610px}.hero-left{padding:65px 25px 50px 35px}.hero h1{font-size:clamp(63px,8.5vw,108px)}.hero-baseline{margin-top:44px}.credits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit:nth-child(3n){border-right:1px solid var(--stroke)}.credit:nth-child(2n){border-right:0}.abilities{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:45px}.nav-links{gap:14px}}
@media(max-width:720px){.nav-wrap{height:76px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:#15211d;border-bottom:1px solid var(--stroke);flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 23px}.nav-links.open{display:flex}.nav-links a{padding:13px 8px}.nav-links .nav-cta{text-align:center;margin-top:12px}.hero{display:flex;flex-direction:column}.hero-left{padding:57px 24px 45px}.hero h1{font-size:clamp(70px,15vw,112px)}.hero-right{height:450px;border-left:0;border-top:1px solid var(--stroke)}.portrait-graphic{width:min(78%,390px)}.hero-baseline{margin-top:40px;gap:10px}.hero-baseline span+span:before{margin-right:10px}.marquee-inner{justify-content:center;font-size:.65rem;gap:12px}.section{padding-top:75px;padding-bottom:80px}.section-heading{display:block}.section-heading .note{margin-top:22px}.credits-grid{grid-template-columns:1fr}.credit,.credit:nth-child(3n){border-right:0}.credit{min-height:198px}.about-split{grid-template-columns:1fr}.about-side{padding-top:0}.abilities{grid-template-columns:1fr 1fr}.cta-band{padding:75px 0}.cta-band .cta-flex{display:block}.cta-band .btn{margin-top:25px}.footer-main{display:block}.footer-links{margin-top:25px}.copyright{display:block}.page-intro{padding-top:70px;padding-bottom:65px}.page-intro h1{font-size:clamp(58px,12vw,91px)}.page-content{padding-top:58px}.contact-layout{grid-template-columns:1fr;gap:30px}.credit-table{font-size:.8rem}.credit-table th,.credit-table td{padding-right:8px}}
@media(max-width:400px){.hero h1{font-size:63px}.hero-actions .btn{width:100%}.abilities{grid-template-columns:1fr}.portrait-caption{left:23px;right:23px;font-size:.56rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Actor photo gallery — October 2026 */
.portrait-image{object-position:center 30%}
.portrait-gallery{margin:86px 0 76px}
.gallery-header{margin-bottom:28px}
.gallery-header h2{margin:14px 0 0;max-width:810px}
.portrait-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.portrait-gallery-grid figure{margin:0;min-width:0;background:#1c2523;overflow:hidden}
.portrait-gallery-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 22%}
.portrait-gallery-grid figcaption{padding:16px 17px;color:#a7b1aa;font-size:.75rem;letter-spacing:.10em;text-transform:uppercase}
@media(max-width:720px){.portrait-gallery{margin:68px 0 65px}.portrait-gallery-grid{gap:10px}.portrait-gallery-grid figcaption{padding:10px 9px;font-size:.60rem;letter-spacing:.04em}.portrait-image{object-position:center 23%}}

/* Mobile actor-first presentation: bring the recognizable headshot above the fold. */
@media(max-width:720px){.hero-right{order:-1;height:310px;border-top:0;border-bottom:1px solid var(--stroke)}.hero-left{padding-top:37px}.hero h1{font-size:clamp(63px,14vw,100px);margin:22px 0 18px}.hero .intro{line-height:1.65}.hero-actions{margin-top:26px}.hero-baseline{margin-top:28px}.portrait-image{object-position:center 21%}.portrait-caption{bottom:12px;left:20px;right:20px;padding-top:9px}}