
/*
Theme Name: AB TALENT — Editorial
Author: AB TALENT
Description: Four-page editorial theme with separately editable team portraits and vacancies.
Version: 10.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: ab-talent-editorial
*/
:root{--cream:#f8f4f1;--yellow:#fed501;--ink:#000;--white:#fafafa;--dark:#0b0b0b;--hair:#d7d1cc;--page-x:5.3vw}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.skip-link{position:absolute;top:10px;left:12px;z-index:100;transform:translateY(-180%);padding:12px 18px;background:var(--yellow);color:#000}.skip-link:focus{transform:translateY(0)}
.page{position:relative;isolation:isolate;min-height:var(--abt-preview-viewport, 800px);display:flex;flex-direction:column;overflow:hidden}.dark{color:var(--white);background:var(--dark)}.light{color:var(--ink);background:var(--cream)}
.light .header,.light main,.light .footer{background:var(--cream)}
.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;gap:28px;padding:24px var(--page-x)}
.brand{font-family:'Times New Roman',Times,serif;font-size:clamp(36px,3.91vw,66px);line-height:1;letter-spacing:-.035em;white-space:nowrap;color:var(--white)}
.brand em,.light .brand em{font-style:normal;color:var(--yellow)}.light .brand{color:#000}
.nav{display:flex;align-items:center;gap:clamp(25px,4.6vw,75px)}.nav a{position:relative;font-size:clamp(15px,1.57vw,25px);line-height:1.25;white-space:nowrap;padding:9px 0 17px}
.nav a:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:5px;background:var(--yellow);border-radius:2px;transform:scaleX(0);transition:transform .15s}.nav a.active:after,.nav a:hover:after{transform:scaleX(1)}
.nav-toggle{display:none;background:transparent;border:1px solid currentColor;color:inherit;padding:10px 13px;min-height:44px;border-radius:2px}
.serif{font-family:'Times New Roman',Times,Georgia,serif;font-weight:400;letter-spacing:-.035em}.yellow{color:var(--yellow)}.gold-bar{display:block;width:70px;height:6px;background:var(--yellow)}
.page-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.page-home{min-height:max(var(--abt-preview-viewport, 800px),66.6667vw);background:#0a0a0a}
.home-backdrop{background:linear-gradient(90deg,#080808 0%,#101010 49%,#292929 73%,#171717 100%)}
/* A single, unmodified reference image keeps the figure and the floor in one scale.
   The mask hides the reference's baked-in navigation, copy and buttons. */
.hero-img{position:absolute;top:0;right:0;bottom:0;width:auto;height:100%;aspect-ratio:3/2;background:url("assets/home-reference.png") no-repeat center;background-size:100% 100%;mask-image:linear-gradient(90deg,transparent 49.4%,#000 54%),linear-gradient(180deg,transparent 84%,#000 88%);mask-composite:add;clip-path:inset(8.79% 0 0 0)}
.custom-hero .hero-img{inset:0;width:100%;aspect-ratio:auto;background-size:cover;background-position:center;mask-image:none;clip-path:none}
.home-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.94) 22%,rgba(8,8,8,.35) 47%,transparent 58%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 15%)}
.hero{position:relative;flex:1;width:100%}.hero-copy{padding:56px 0 100px 8.4%;width:54%}
.kicker{margin:0;font-size:clamp(13px,1.17vw,20px);line-height:1.45;letter-spacing:.22em;font-weight:600;text-transform:uppercase}.kicker .kicker-line{display:block}
.hero .gold-bar{width:58px;height:6px;margin:16px 0 24px}
.hero h1{font-size:clamp(62px,6.25vw,108px);line-height:.94;letter-spacing:-.045em;margin:0;max-width:680px}.hero h1 i{display:block;color:var(--yellow);font-weight:400}
.hero-sub{font-size:clamp(21px,2.02vw,33px);line-height:1.3;margin:29px 0 50px;max-width:540px}
.actions{display:flex;gap:21px;align-items:stretch;flex-wrap:nowrap}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:67px;padding:18px 28px;border-radius:12px;font-size:clamp(13px,1.29vw,21px);line-height:1.15;text-align:center;font-weight:600;border:1px solid transparent}
.cta.primary{background:var(--yellow);color:#000;min-width:245px}.cta.secondary{color:var(--white);border-color:var(--white);background:transparent;min-width:350px;white-space:nowrap}.cta:hover,.submit:hover{box-shadow:0 0 0 2px currentColor inset}
.container{width:100%;max-width:1600px;margin:0 auto;padding:80px var(--page-x) 100px;flex:1}
.editorial-title{font-size:clamp(58px,6vw,98px);line-height:1.02;margin:0 0 27px}
.team{max-width:none;display:grid;grid-template-columns:25.4% minmax(0,1fr);column-gap:3.4%;padding:40px var(--page-x) 70px;align-items:start}
.team-overview{padding-top:60px}.team-overview .editorial-title{font-size:clamp(40px,3.5vw,58px);line-height:1.03;text-transform:none;margin:0}
.team-overview .gold-bar{width:88px;height:8px;margin:28px 0 48px}
.team-lead{font-size:clamp(26px,2.34vw,38px);line-height:1.28;letter-spacing:-.025em;font-weight:500;margin:0 0 32px}
.team-intro{font-size:clamp(20px,1.76vw,28px);line-height:1.33;margin:0;max-width:360px;color:var(--ink)}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.portrait{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 12%;border-radius:0;background:#292929}.person{min-width:0}
.person h2{font-size:clamp(27px,2.35vw,39px);line-height:1.1;text-transform:uppercase;margin:20px 7px 12px}
.role{font-size:clamp(13px,1.17vw,19px);line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:0 7px;min-height:29px}
.person .gold-bar{width:70px;height:7px;margin:24px 7px 22px}.person-bio{font-size:clamp(17px,1.5vw,24px);line-height:1.3;margin:0 7px}
.socials{display:flex;align-items:center;gap:27px;margin:35px 7px 0}.socials a,.socials span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:32px}.socials a+a{padding-left:27px;border-left:1px solid #a29c97}.socials svg{width:28px;height:28px}.socials .inactive{opacity:.35}
.jobs{padding-top:90px}.jobs .editorial-title{margin-bottom:28px}.jobs .gold-bar{width:88px;margin:34px 0}.jobs-intro{font-size:clamp(19px,1.76vw,27px);line-height:1.5;margin:0 0 62px;max-width:850px}
.jobs-table{border-top:1px solid var(--hair)}.job{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:25px;min-height:122px;padding:24px 0;border-bottom:1px solid var(--hair)}.job h2{font-size:clamp(27px,2.8vw,44px);line-height:1.15;margin:0}.job-meta{font-size:clamp(16px,1.4vw,22px);line-height:1.4}.job-action{font-size:16px;text-decoration:underline;text-underline-offset:6px}.job:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.no-jobs{font-size:21px;line-height:1.65;padding:35px 0;margin:0;max-width:850px}.job-body{max-width:850px;font-size:20px;line-height:1.65}.job-body h2{font-size:32px;font-family:'Times New Roman',Times,serif;font-weight:400;margin-top:40px}.job-body pre{white-space:pre-wrap;font-family:inherit}.back-link{text-decoration:underline;text-underline-offset:5px}
.page-get-in-touch{min-height:max(var(--abt-preview-viewport, 800px),66.6667vw);background:#101011}
.contact-backdrop{background-image:url("assets/contact-background-v10.png");background-position:center top;background-size:cover;background-repeat:no-repeat}
.contact{max-width:none;display:grid;grid-template-columns:44.5% minmax(0,1fr);padding:120px 6.85% 75px;gap:0;align-items:stretch}
.contact-side{padding:98px 36px 48px 0;min-width:0}.contact-side .editorial-title{font-size:clamp(60px,6.58vw,111px);line-height:1;letter-spacing:-.04em;white-space:nowrap;margin:0}.contact-side .gold-bar{width:88px;height:6px;margin:42px 0 45px}
.contact-note{font-size:clamp(21px,1.76vw,28px);line-height:1.45;margin:0 0 66px;max-width:550px;color:var(--white)}.contact-details{display:grid;gap:24px}.contact-link{display:flex;align-items:center;gap:28px;font-size:clamp(18px,1.57vw,25px);line-height:1.3;overflow-wrap:anywhere}.contact-link svg{width:38px;height:38px;flex:0 0 38px;color:var(--yellow)}.contact-link a:hover,a.contact-link:hover span{text-decoration:underline;text-underline-offset:5px}.contact-link.inactive{opacity:.35;cursor:default}
.contact-rule{border-left:1px solid #ddd;padding:36px 0 34px 4.9vw;min-width:0}.contact-form{display:grid;gap:28px;margin:0}.form-field{display:grid;gap:8px}.contact-label{font-size:20px;line-height:24px;font-weight:600}.contact-label span{color:var(--yellow)}
.field{display:block;width:100%;height:56px;min-width:0;border:1px solid #eee;color:var(--white);background:transparent;padding:12px 24px;border-radius:1px;font-size:20px;line-height:1.4}.field::placeholder{color:#eee;opacity:1}.contact-select{cursor:pointer;color-scheme:dark}.contact-select option{background:#141414;color:#fafafa}.contact-form textarea{min-height:144px;height:144px;resize:vertical}
.contact-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.submit{display:inline-flex;justify-content:center;align-items:center;min-height:62px;width:276px;max-width:100%;border:1px solid var(--yellow);border-radius:0;background:var(--yellow);color:#000;font-size:19px;font-weight:600;letter-spacing:.05em;padding:15px 27px}.contact-actions small{font-size:17px;white-space:nowrap}
.form-message{font-size:17px;line-height:1.5;margin:24px 0 0;color:var(--yellow)}.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.footer{position:relative;padding:18px var(--page-x);font-size:11px;line-height:1.5;letter-spacing:.08em;color:inherit;background:transparent;border:0;opacity:.7}.footer p{margin:0}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.header{padding:24px 4%}.nav{gap:28px}.nav a{font-size:18px}.brand{font-size:46px}.hero-copy{padding-top:45px;width:58%;padding-left:7%}.hero h1{font-size:7vw}.hero-sub{font-size:24px;margin-bottom:34px}.cta{font-size:15px;padding:17px 20px;min-height:58px}.cta.primary{min-width:180px}.cta.secondary{min-width:288px}.actions{gap:14px}.team-grid{gap:24px}.person h2{margin-left:0;margin-right:0}.role{margin-left:0;margin-right:0;letter-spacing:.08em}.person .gold-bar,.person-bio,.socials{margin-left:0;margin-right:0}.contact{padding-top:80px}.contact-side{padding-top:80px}.contact-side .editorial-title{font-size:7vw}.contact-link{gap:18px}.contact-actions{flex-wrap:wrap}.contact-actions small{font-size:15px}}
@media(max-width:960px){.brand{font-size:38px}.nav{gap:22px}.nav a{font-size:16px}.hero-copy{padding-left:6%;width:65%}.hero h1{font-size:8vw}.kicker{font-size:13px}.hero-sub{font-size:22px}.home-backdrop:after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.85) 28%,rgba(8,8,8,.28) 70%,transparent)}.team{grid-template-columns:1fr;gap:35px;padding-top:35px}.team-overview{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}.team-overview .editorial-title{grid-row:1/4;font-size:50px}.team-overview .gold-bar{margin:0 0 12px}.team-lead{font-size:28px;margin:0}.team-intro{font-size:20px;margin:0}.portrait{aspect-ratio:1/1}.person h2{font-size:32px}.role{font-size:13px;min-height:40px}.person-bio{font-size:19px}.contact{padding:55px 5.3% 65px;grid-template-columns:43% minmax(0,1fr)}.contact-side{padding:60px 25px 20px 0}.contact-side .editorial-title{font-size:6.8vw}.contact-note{font-size:20px}.contact-note br{display:none}.contact-link{font-size:17px;gap:12px}.contact-link svg{width:27px;height:27px;flex-basis:27px}.contact-rule{padding-left:30px}.field{font-size:18px;padding:12px 15px}}
@media(max-width:700px){
:root{--page-x:24px}.header{padding:24px;min-height:88px;gap:12px}.brand{font-size:34px}.nav-toggle{display:block;font-size:14px}
.nav{display:none;position:absolute;top:88px;left:0;right:0;padding:22px 24px 26px;background:#111;color:var(--white);flex-direction:column;gap:7px;align-items:flex-start;border-bottom:1px solid #ffffff20}.light .nav{background:var(--cream);color:#000;border-bottom-color:var(--hair)}.nav.open{display:flex}.nav a{font-size:18px;padding:12px 0}.nav a:after{height:3px;bottom:4px}
.page-home{min-height:var(--abt-preview-viewport, 800px)}.hero-img{inset:0;width:100%;aspect-ratio:auto;background-image:url("assets/hero-approved.jpg");background-position:70% bottom;background-size:auto 100%;opacity:.82;mask-image:none;clip-path:none}.home-backdrop:after{background:linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.73) 65%,rgba(8,8,8,.38)),linear-gradient(180deg,#0a0a0a,transparent 25%)}
.hero-copy{padding:35px 24px 65px;width:100%}.kicker{font-size:11px;letter-spacing:.18em;line-height:1.7}.hero .gold-bar{margin:20px 0 30px;width:52px}.hero h1{font-size:clamp(54px,12.6vw,84px);line-height:.96;letter-spacing:-.045em}.hero-sub{font-size:21px;line-height:1.35;margin:30px 0 35px;max-width:360px}.actions{flex-direction:column;align-items:flex-start;gap:14px}.cta{font-size:14px;min-height:55px;max-width:100%;border-radius:9px}.cta.primary{min-width:200px}.cta.secondary{min-width:0;width:min(100%,320px);white-space:normal}
.container{padding:40px 24px 65px}.team{display:block}.team-overview{display:block;padding:0 0 38px}.team-overview .editorial-title{font-size:52px}.team-overview .editorial-title br{display:none}.team-overview .gold-bar{width:65px;height:6px;margin:25px 0}.team-lead{font-size:28px;margin:0 0 20px}.team-intro{font-size:20px;max-width:430px}.team-grid{grid-template-columns:1fr;gap:48px}.portrait{aspect-ratio:1/1;object-position:center 12%}.person h2{font-size:32px;margin:19px 0 10px}.role{font-size:14px;letter-spacing:.1em;min-height:0}.person .gold-bar{margin:22px 0}.person-bio{font-size:20px;line-height:1.4}.socials{margin-top:25px}
.editorial-title{font-size:56px}.jobs .gold-bar{margin:28px 0}.jobs-intro{font-size:21px;margin-bottom:40px}.job{grid-template-columns:1fr;gap:12px;padding:25px 0}.job h2{font-size:32px}.job-meta{font-size:17px}.job-action{font-size:15px}.no-jobs{font-size:19px;padding:28px 0}.job-body{font-size:18px}
.page-get-in-touch{min-height:var(--abt-preview-viewport, 800px)}.contact-backdrop{background-image:linear-gradient(90deg,rgba(13,13,14,.12),rgba(13,13,14,.28)),url("assets/contact-background-v10.png");background-size:cover,auto 100%;background-position:center,left top}.contact{display:block;padding-top:32px}.contact-side{padding:0 0 40px}.contact-side .editorial-title{font-size:clamp(50px,12.3vw,78px);white-space:nowrap}.contact-side .gold-bar{margin:28px 0 30px;width:70px}.contact-note{font-size:21px;line-height:1.5;margin:0 0 34px;max-width:480px}.contact-link{font-size:19px;gap:20px}.contact-link svg{width:30px;height:30px;flex-basis:30px}.contact-details{gap:22px}.contact-rule{padding:35px 0 0;border-left:0;border-top:1px solid #ffffff50}.contact-form{gap:24px}.contact-label{font-size:18px}.field{height:54px}.contact-form textarea{min-height:155px}.contact-actions{margin-top:6px;gap:16px}.submit{width:100%;font-size:17px;min-height:58px}.contact-actions small{font-size:14px}.footer{padding:16px 24px;font-size:9px;letter-spacing:.05em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.abt-preview-message{font-size:15px;line-height:1.5;margin:20px 0 0;color:var(--yellow);max-width:600px}

/* Final approved inner-page heading scale */
.team-overview .editorial-title,.jobs .editorial-title,.contact-side .editorial-title{font-size:48px!important;line-height:1.03!important;}
@media(max-width:700px){.team-overview .editorial-title,.jobs .editorial-title,.contact-side .editorial-title{font-size:36px!important;line-height:1.04!important;white-space:normal!important;}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.notice-success{padding:12px 16px;border:1px solid #fed501;margin-bottom:20px}
