/*
Theme Name: Billy Dean
Theme URI: https://billydean.co.uk/
Author: Billy Dean
Description: Bespoke actor portfolio with headshots, theatre archive, biography and live Spotlight embeds. Includes optional non-destructive page setup under Appearance > Billy Dean Setup.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: billy-dean
*/

:root{--bg:#151c1b;--ink:#eeeae1;--muted:#b1b8af;--gold:#c7b68b;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font:bold 21px Georgia,serif;letter-spacing:2px}.brand span{color:var(--gold)}nav{display:flex;gap:32px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}nav a:hover,.textlink:hover{color:var(--gold)}.hero{position:relative;min-height:730px;height:calc(100svh - 92px);max-height:1000px;display:grid;grid-template-columns:1fr 1fr}.hero-photo{position:absolute;right:0;top:0;height:100%;width:53%;object-fit:cover;object-position:center 30%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151c1b 30%,#151c1b85 50%,transparent 70%),linear-gradient(0deg,#151c1b 0%,transparent 20%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:85px 0 85px 12%;width:125%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 26px}.hero h1{font:normal clamp(82px,10.5vw,165px)/.88 Georgia,serif;letter-spacing:-6px;margin:0 0 34px}.hero h1 span{display:block;margin-left:65px;font-style:italic}.intro{font-size:17px;color:var(--muted);max-width:350px;margin:0 0 30px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{background:var(--gold);color:#151c1b;padding:14px 23px;display:inline-flex;align-items:center;gap:26px;font-size:12px;letter-spacing:1px;border:0}.button:hover{background:#e1d2ae}.textlink{font-size:12px;letter-spacing:1px;border-bottom:1px solid #ffffff65;padding:10px 0}.hero-bottom{position:absolute;bottom:30px;left:6%;z-index:2;font-size:10px;letter-spacing:2px;color:var(--muted)}.strip{display:flex;justify-content:space-between;gap:15px;padding:25px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;text-transform:uppercase}.strip span{color:var(--muted)}section.content{padding:100px 8%;max-width:1600px;margin:auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}h2{font:normal clamp(38px,5vw,65px)/1.1 Georgia,serif;margin:0}h2 em{font-weight:normal;color:var(--gold)}.sectionhead .eyebrow{margin-bottom:15px}.reel{aspect-ratio:16/8.5;position:relative;overflow:hidden;background:#0e1111}.reel img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:brightness(.5);transform:scale(1.03)}.reel button{position:absolute;inset:0;border:0;background:linear-gradient(90deg,#0008,transparent);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;letter-spacing:3px;font-size:12px}.play{display:grid;place-items:center;width:90px;height:90px;border:1px solid #ffffff80;border-radius:50%;font-size:25px;padding-left:4px;transition:.2s}.reel button:hover .play{background:var(--gold);color:#111;transform:scale(1.08)}.reel iframe{width:100%;height:100%;border:0}.caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:15px;letter-spacing:1px}.light{background:#e8e5dc;color:#212b28}.light .eyebrow{color:#666249}.about{display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:center}.about img{width:100%;max-height:600px;object-fit:cover}.about h2{margin-bottom:30px}.about p{color:#4e5752;max-width:530px}.details{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #212b282f;padding-top:25px;margin-top:30px;font-size:13px}.details span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#6a7069}.credits{margin-top:40px}.credit{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.credit h3{font:normal 25px Georgia,serif;margin:0}.credit span{font-size:13px;color:var(--muted)}.credit small{font-size:10px;letter-spacing:1.5px;color:var(--gold);text-align:right}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shot{border:0;background:transparent;padding:0;text-align:left;color:var(--muted)}.shot img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 25%;transition:filter .2s}.shot:hover img{filter:brightness(1.12)}.shot span{display:block;font-size:10px;letter-spacing:2px;margin-top:12px}.contact{background:#222c28}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:clamp(45px,6vw,80px)}.contact h3{font:normal 26px Georgia,serif;margin:0 0 14px}.contact p{font-size:14px;color:var(--muted)}.contact .actions{margin-top:25px}.direct{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.direct a{font-size:15px}footer{padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.2px;color:var(--muted)}dialog{border:1px solid var(--line);background:#151c1b;color:white;padding:18px;max-width:90vw;max-height:95vh}dialog::backdrop{background:#000d}dialog img{display:block;max-width:80vw;max-height:78vh}dialog button{background:none;border:0;color:white;display:block;margin:0 0 12px auto}.skip{position:fixed;top:-100px;z-index:10;background:white;color:black;padding:10px}.skip:focus{top:0}@media(max-width:760px){header{height:75px;padding:0 6%}nav{gap:14px;font-size:10px}nav a:nth-child(3){display:none}.hero{min-height:760px;height:90svh;display:block}.hero-photo{width:100%;height:65%;object-position:center 25%}.hero:after{background:linear-gradient(0deg,#151c1b 20%,#151c1bdd 35%,transparent 70%)}.hero-copy{position:absolute;bottom:30px;left:0;padding:0 7% 35px;width:100%}.hero h1{font-size:88px;letter-spacing:-4px;margin-bottom:24px}.hero h1 span{margin-left:45px}.hero .eyebrow{margin-bottom:18px}.intro{font-size:15px;max-width:300px}.hero-bottom{bottom:20px;font-size:9px}.strip{flex-wrap:wrap;font-size:9px;gap:16px}.strip span{display:none}section.content{padding:65px 7%}.sectionhead{align-items:start}.sectionhead>.textlink{font-size:10px;white-space:nowrap}.about{grid-template-columns:1fr;gap:35px}.about img{max-height:460px;object-position:50% 25%}.reel{aspect-ratio:16/10}.play{width:65px;height:65px}.credit{grid-template-columns:1fr 1fr}.credit small{grid-column:2;text-align:left;margin-top:-15px}.credit h3{font-size:22px;grid-row:span 2}.gallery{gap:12px}.shot img{aspect-ratio:2/3}.shot span{font-size:8px;letter-spacing:1px}.contact-inner{grid-template-columns:1fr;gap:35px}footer{flex-wrap:wrap}.caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.theatre-intro{max-width:700px;color:var(--muted);margin-bottom:40px}.production-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.production-grid img{width:100%;height:270px;object-fit:cover}.production-grid h3{font:normal 28px Georgia,serif;margin:12px 0}.production-grid .eyebrow{margin:20px 0 0;font-size:9px;letter-spacing:1px}.production-grid article>p:last-child{font-size:12px;color:var(--muted)}.archive{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.archive summary{cursor:pointer;font-size:12px;letter-spacing:1px}.archive summary span{float:right}.archive .credits{margin-top:20px}@media(max-width:760px){.production-grid{grid-template-columns:1fr;gap:30px}.production-grid img{height:300px}nav{gap:12px}nav a:nth-child(4){display:none}} @media(max-width:760px){nav a:nth-child(2),nav a:nth-child(5){display:none}nav a:nth-child(3),nav a:nth-child(4){display:inline}nav{gap:13px;font-size:9px}} 
.page-intro{padding:75px 8% 45px;max-width:1400px;margin:auto}.page-intro h1{font:normal clamp(48px,7vw,90px)/1.07 Georgia,serif;max-width:950px;margin:0 0 25px}.page-intro h1 em{color:var(--gold)}.page-intro>p:last-child{max-width:680px;color:var(--muted);font-size:18px}.story-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:9%;align-items:start}.story-layout img{width:100%;max-height:700px;object-fit:cover}.story-text h2{font-size:39px;margin:0 0 24px}.story-text p{color:var(--muted);margin-bottom:22px}.story-text .eyebrow{color:var(--gold)}.story-text section{margin-bottom:60px}.story-quote{font:italic 32px/1.4 Georgia,serif;border-left:2px solid var(--gold);padding-left:25px;margin:35px 0}.story-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.story-panels h3{font:normal 31px/1.2 Georgia,serif;margin:15px 0}.story-panels p{color:var(--muted);font-size:15px}.story-panels article{border-top:1px solid var(--line);padding-top:20px}.gallery-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.gallery-nav a{padding:10px 20px;border:1px solid var(--line);font-size:12px}.gallery-nav a:hover{background:var(--gold);color:var(--bg)}.gallery-full{grid-template-columns:repeat(3,1fr);gap:25px}.gallery-full .shot img{aspect-ratio:3/4;object-position:center 40%}.life-note{max-width:700px;color:var(--muted)}.life-note small{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.light .textlink{color:#26312c;border-color:#26312c}.hero-photo{object-position:center 37%}.shot span{color:var(--muted)}.spotlight-cta{padding:35px;border:1px solid var(--line);margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.spotlight-cta p{margin:0;color:var(--muted)}nav a:nth-child(n){display:inline}@media(max-width:760px){nav{gap:12px;font-size:9px}nav a:nth-child(n){display:inline}.hero-photo{object-position:center 35%}.story-layout{grid-template-columns:1fr}.story-layout aside{order:-1}.story-layout aside img{max-height:400px;object-position:50% 40%}.story-panels{grid-template-columns:1fr;gap:20px}.gallery-full{grid-template-columns:repeat(2,1fr);gap:15px}.spotlight-cta{display:block;padding:25px}.spotlight-cta .button{margin-top:20px}.page-intro{padding:50px 7% 25px}.story-text h2{font-size:34px}.story-quote{font-size:26px}.hero h1{font-size:80px}}

.profile-intro{padding:50px 6% 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.profile-intro h1{font:normal 48px Georgia,serif;margin:0}.frame-wrap{margin:0 3% 40px;background:white}.profile-frame{width:100%;height:85svh;min-height:650px;border:0;display:block}.wp-block-image img{max-width:100%;height:auto}.entry-content{max-width:100%;overflow-wrap:break-word}.entry-content img{max-width:100%}.entry-title{font:normal 48px Georgia,serif}body>header{height:auto;min-height:92px}body>header nav{flex-wrap:wrap;padding:20px 0}body.admin-bar{scroll-padding-top:120px}@media(max-width:700px){.profile-intro{display:block}.profile-intro .button{margin-top:20px}.frame-wrap{margin:0 0 20px}.profile-frame{height:85svh}body>header{min-height:75px;gap:15px}body>header nav{justify-content:flex-end;gap:10px}}
