/*
Theme Name: Socialbilitty Trade Desk — Cinematic Editorial
Version: 3.5.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Author: Socialbilitty Studios, LLC
*/
:root{--b:#3C83F6;--w:#E8E8E8;--m:#A1A1AA;--l:#22222A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--w);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1380px,92vw);margin:auto}.kicker,.category{font-size:12px;font-weight:900;letter-spacing:.16em;color:#72b4ff;text-transform:uppercase}.top{height:170px;background:#000;position:relative;z-index:20;border-bottom:1px solid #111}.topin{height:100%;display:flex;align-items:center;gap:24px}.custom-logo{width:auto;height:auto;max-width:512px;max-height:512px;}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark b{font-size:18px}.wordmark span{font-size:34px;font-weight:900;color:var(--b)}.top nav{margin-left:auto;display:flex;gap:17px}.top nav a,.terminal{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.top nav a:hover{color:#78b9ff}.terminal{padding:14px 0;border-bottom:2px solid var(--b)}.menub{display:none;background:none;border:0;color:#fff;font-weight:900;font-size:14px}.hero{height:820px;position:relative;overflow:hidden;background:#000;padding:48px 0 56px}.hero>img{position:absolute;top:48px;right:2vw;bottom:56px;width:66%;height:calc(100% - 104px);object-fit:contain;object-position:center center;}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 28%,rgba(0,0,0,.60) 43%,rgba(0,0,0,.04) 63%,transparent 82%),linear-gradient(0deg,#000 0%,transparent 14%)}.hero-copy{height:100%;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:48%}.hero h1{font-size:clamp(66px,6.6vw,104px);line-height:.82;letter-spacing:-.065em;margin:20px 0 28px;max-width:980px}.hero h1 i{font-style:normal;color:var(--b)}.dek{max-width:620px;color:#d6dee6;font-size:14px;line-height:1.55}.hero-links{display:flex;gap:35px;margin-top:28px}.hero-links a{font-size:11px;font-weight:900;border-bottom:1px solid #62778b;padding-bottom:8px}.hero-links b{color:var(--b)}.heroart{position:absolute;inset:0;z-index:3;pointer-events:none}.heroart .tc{position:absolute;right:4vw;top:65px;font-size:12px;letter-spacing:.15em;color:#77b8f7}.heroart .cross{position:absolute;right:4vw;top:100px;font-size:28px;color:var(--b)}.heroart .frame{position:absolute;right:4vw;bottom:115px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.16em;color:#7aa8d1}.scroll{position:absolute;z-index:5;bottom:35px;left:4vw;font-size:12px;letter-spacing:.15em;color:#788694}.ticker{border-top:1px solid #15202b;border-bottom:1px solid #15202b;overflow:hidden;padding:20px 0}.ticker-track{display:flex;justify-content:center;gap:28px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.1em;color:#9eabb7}.ticker i{color:var(--b);font-style:normal}.lead{display:grid;grid-template-columns:210px 1fr;padding:120px 0 150px}.lead-label{border-right:1px solid var(--l);display:flex;flex-direction:column;justify-content:space-between}.lead-label span{font-size:12px;letter-spacing:.15em;color:#6faef0;font-weight:900}.lead-label b{font-size:100px;line-height:.8;color:#0b1824}.lead-story{padding-left:70px;max-width:1050px}.lead-story h2{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin:15px 0 20px}.lead-story>p:not(.category){max-width:760px;color:#aab7c3;line-height:1.65;font-size:14px}.arrow{display:inline-block;margin-top:25px;font-size:14px;font-weight:900;border-bottom:1px solid var(--b);padding-bottom:8px}.manifesto{padding:150px 0;background:linear-gradient(110deg,#020406,#06111c)}.manifesto-grid{display:grid;grid-template-columns:80px 1.3fr .7fr;gap:65px;align-items:center}.vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.2em;color:#5d7d9b}.manifesto h2{font-size:clamp(55px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:15px 0}.manifesto h2 i{font-style:normal;color:#6db4ff}.manifesto-copy{color:#a6b3bf;font-size:14px;line-height:1.7;border-left:1px solid #23405b;padding-left:35px}.story-photo{height:820px;position:relative;overflow:hidden}.story-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.58) 35%,rgba(0,0,0,.05) 68%),linear-gradient(0deg,#000 0%,transparent 25%)}.story-copy{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.story-copy span{font-size:12px;letter-spacing:.15em;color:#76b7f8;font-weight:900}.story-copy h2{font-size:clamp(60px,6.5vw,96px);line-height:.87;letter-spacing:-.055em;margin:18px 0 35px}.story-copy a{font-size:14px;font-weight:900;border-bottom:1px solid #fff;padding-bottom:8px}.annotation{position:absolute;z-index:4;right:4vw;bottom:70px;font-size:12px;letter-spacing:.15em;color:#86b8e7}.channels{padding:140px 0;display:grid;grid-template-columns:390px 1fr;gap:80px}.channels-title>span,.latest-head>span{color:#2687e9;font-size:80px;font-weight:900;opacity:.22}.channels-title h2{font-size:58px;line-height:.9;letter-spacing:-.05em;margin:5px 0 25px}.channels-title p{color:#9eacb8;line-height:1.65;font-size:14px}.channel-list{border-top:1px solid var(--l)}.channel-list a{display:grid;grid-template-columns:50px 1fr 310px 25px;gap:20px;align-items:center;padding:32px 0;border-bottom:1px solid var(--l);transition:.25s}.channel-list a:hover{padding-left:18px}.channel-list b{font-size:12px;color:#5aa7ef}.channel-list h3{font-size:22px;margin:0}.channel-list span{font-size:14px;color:#788996}.channel-list em{font-style:normal;color:var(--b)}.latest{padding:80px 0 150px}.latest-head{display:flex;align-items:end;gap:25px;margin-bottom:25px}.latest-head h2{font-size:52px;margin:0 0 8px}.latest article{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;padding:30px 0;border-top:1px solid var(--l)}.latest .date{font-size:12px;color:#58718a}.latest article p{font-size:12px;color:#65aef1;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.latest article h3{font-size:24px;margin:7px 0}.app-end{position:relative;z-index:1;padding-top:110px;padding:150px 0;background:radial-gradient(circle at 80% 50%,rgba(35,135,255,.24),transparent 30%),#03070b;border-top:1px solid #17304a}.app-end h2{font-size:clamp(55px,6vw,92px);line-height:.9;letter-spacing:-.055em}.app-end h2 i{font-style:normal;color:#71b6ff}.app-end a{display:inline-block;margin-top:25px;font-size:14px;font-weight:900;border-bottom:2px solid var(--b);padding-bottom:10px}footer{padding:65px 0;border-top:1px solid var(--l)}.foot{display:flex;align-items:end;justify-content:space-between}.foot p{font-size:12px;color:#71808d;line-height:1.6}.foot nav{display:flex;gap:25px;font-size:14px;font-weight:900}.standard{padding:110px 0;min-height:70vh}.standard>h1{font-size:clamp(55px,7vw,100px);line-height:.9;letter-spacing:-.055em;max-width:1100px}.archive-row{display:grid;grid-template-columns:120px 1fr 30px;gap:25px;padding:35px 0;border-top:1px solid var(--l)}.archive-row time{font-size:12px;color:#6b7c8c}.archive-row h2{font-size:30px;margin:0}.archive-row p,.bodycopy{color:#a1aeb9;line-height:1.7}.article>img,.article .wp-post-image{width:min(760px,100%);height:auto;max-height:460px;object-fit:cover;object-position:center;display:block;margin:34px 0 52px;border:0}.bodycopy{font-size:18px;max-width:850px}.bodycopy a{color:#77b8f7;text-decoration:underline}

/* =========================================================
   v3.1.1 DESKTOP STABILIZATION
   Desktop keeps the approved cinematic layout.
   Responsive behavior begins only below 1000px.
   ========================================================= */

html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,video,iframe,svg{
  max-width:100%;
  height:auto;
}

.recovered-logo{
  display:flex;
  align-items:center;
  width:512px;
  max-width:512px;
}

.recovered-logo img{
  width:auto;
  height:auto;
  max-width:512px;
  max-height:512px;
  object-fit:contain;
}

.recovered-logo,
.custom-logo-link{
  isolation:isolate;
}

.recovered-logo img,
.custom-logo{
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
  filter:
    drop-shadow(1px 0 0 rgba(174,205,230,.78))
    drop-shadow(-1px 0 0 rgba(174,205,230,.78))
    drop-shadow(0 1px 0 rgba(174,205,230,.78))
    drop-shadow(0 -1px 0 rgba(174,205,230,.78));
}

/* Sydney: approved controlled desktop height, full-width composition, no distortion. */
.story-photo{
  height:460px;
  position:relative;
  overflow:hidden;
}

.story-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}

.story-copy{
  height:100%;
}

/* Ponch: approved controlled desktop presentation. */
.closing-photo{
  height:540px;
  position:relative;
  overflow:visible;
  background:#000;
  border:0;
  margin-bottom:-64px;
  z-index:2;
}

.closing-photo>img{
  position:absolute;
  inset:-24px 0 -72px 0;
  width:100%;
  height:calc(100% + 96px);
  max-width:none;
  object-fit:cover;
  object-position:center 48%;
}

.closing-photo:after{
  content:"";
  position:absolute;
  inset:-24px 0 -90px 0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.24) 49%,rgba(0,0,0,.02) 66%,transparent 84%),
    linear-gradient(0deg,#000 0%,rgba(0,0,0,.82) 7%,rgba(0,0,0,.36) 16%,transparent 31%),
    linear-gradient(180deg,#000 0%,transparent 13%);
}

.closing-copy{
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.closing-copy h2{
  font-size:clamp(48px,5.4vw,78px);
  line-height:.9;
  letter-spacing:-.05em;
  margin:16px 0 28px;
}

.closing-copy h2 i{
  font-style:normal;
  color:#72b7ff;
}

.closing-copy a{
  font-size:14px;
  font-weight:900;
  border-bottom:2px solid var(--b);
  padding-bottom:9px;
}

/* Archive/category desktop */
.archive-shell{
  width:min(1380px,92vw);
  margin:auto;
  padding:92px 0 130px;
  min-height:68vh;
}

.archive-hero{
  padding-bottom:54px;
  border-bottom:1px solid var(--l);
}

.archive-hero h1{
  margin:0;
  max-width:1080px;
  font-size:clamp(52px,6.2vw,92px);
  line-height:.92;
  letter-spacing:-.055em;
}

.archive-description{
  max-width:850px;
  margin-top:24px;
  color:#aab7c3;
  font-size:16px;
  line-height:1.72;
}

.archive-feed{
  padding-top:18px;
}

.archive-row{
  display:grid;
  grid-template-columns:115px minmax(0,1fr) 34px;
  gap:28px;
  align-items:start;
  padding:34px 0;
  border-top:1px solid var(--l);
}

.archive-row:first-child{
  border-top:0;
}

.archive-row-copy{
  min-width:0;
}

.archive-row h2{
  margin:0;
  max-width:900px;
  font-size:clamp(26px,3vw,38px);
  line-height:1.06;
  letter-spacing:-.025em;
}

.archive-row p{
  max-width:780px;
  margin:12px 0 0;
  color:#99a8b6;
  font-size:14px;
  line-height:1.65;
}

.archive-empty{
  padding:70px 0 10px;
  max-width:760px;
}

.archive-pagination{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-top:38px;
  border-top:1px solid var(--l);
  font-weight:900;
}

/* =========================
   TABLET + MOBILE ONLY
   ========================= */
@media(max-width:1000px){
  .wrap,
  .topin,
  .hero-copy,
  .lead-story,
  .manifesto-grid,
  .channels,
  .latest,
  .app-end,
  .foot,
  .archive-shell{
    width:min(100% - 34px, 1180px);
    margin-left:auto;
    margin-right:auto;
  }

  .top{
    height:auto;
    min-height:138px;
  }

  .topin{
    min-height:138px;
    height:auto;
    padding:10px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  .recovered-logo{
    width:min(440px,72vw);
    max-width:min(440px,72vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(440px,72vw);
    max-height:118px;
  }

  .menub{
    display:block;
    margin-left:auto;
    flex:0 0 auto;
  }

  .top nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1000;
    margin:0;
    padding:22px 24px 28px;
    background:rgba(0,0,0,.98);
    border-top:1px solid #1c2a36;
    border-bottom:1px solid #1c2a36;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .top nav.open{
    display:flex;
  }

  .top nav a,
  .terminal{
    width:100%;
    font-size:14px;
    padding:12px 0;
  }

  .terminal{
    border-top:1px solid #22313d;
    margin-top:8px;
  }

  .hero{
    height:auto;
    min-height:760px;
    padding:28px 0 46px;
  }

  .hero>img{
    position:absolute;
    top:215px;
    right:0;
    bottom:auto;
    width:72%;
    height:500px;
    object-fit:contain;
    object-position:center;
  }

  .hero-copy{
    min-height:700px;
    padding-right:36%;
    justify-content:flex-start;
    padding-top:34px;
  }

  .lead{
    grid-template-columns:1fr;
  }

  .lead-label{
    display:none;
  }

  .lead-story{
    padding-left:0;
  }

  .manifesto-grid,
  .channels{
    grid-template-columns:1fr;
  }

  .vertical{
    display:none;
  }

  .channel-list a{
    grid-template-columns:45px 1fr 25px;
  }

  .channel-list span{
    display:none;
  }

  .archive-row{
    grid-template-columns:95px minmax(0,1fr) 28px;
  }
}

@media(max-width:650px){
  .wrap,
  .topin,
  .hero-copy,
  .lead-story,
  .manifesto-grid,
  .channels,
  .latest,
  .app-end,
  .foot,
  .archive-shell{
    width:calc(100% - 28px);
  }

  .top{
    min-height:128px;
  }

  .topin{
    min-height:128px;
  }

  .recovered-logo{
    width:min(340px,76vw);
    max-width:min(340px,76vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(340px,76vw);
    max-height:108px;
  }

  .menub{
    font-size:12px;
    padding:10px 0 10px 8px;
  }

  .hero{
    min-height:900px;
    padding:18px 0 34px;
  }

  .hero>img{
    top:365px;
    right:-10%;
    width:120%;
    height:500px;
    object-fit:contain;
    object-position:center top;
  }

  .hero-copy{
    min-height:860px;
    padding:24px 0 0;
    padding-right:0;
    justify-content:flex-start;
  }

  .hero h1{
    font-size:clamp(42px,13vw,66px);
    line-height:.88;
  }

  .hero-links{
    flex-direction:column;
    gap:15px;
  }

  .ticker-track{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    padding-left:14px;
    padding-right:14px;
  }

  .story-photo{
    height:auto;
    min-height:0;
  }

  .story-photo>img{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    max-height:460px;
    object-fit:contain;
    object-position:center;
  }

  .story-copy{
    position:absolute;
    inset:0;
    height:100%;
  }

  .manifesto h2,
  .story-copy h2{
    font-size:48px;
  }

  .channels-title h2{
    font-size:48px;
  }

  .channel-list a{
    grid-template-columns:1fr;
    gap:4px;
  }

  .latest article{
    grid-template-columns:1fr;
    gap:8px;
  }

  .latest .date{
    order:2;
  }

  .closing-photo{
    height:540px;
  }

  .closing-photo>img{
    object-position:58% center;
  }

  .foot{
    display:block;
  }

  .foot p{
    margin-top:25px;
  }

  .archive-shell{
    padding:58px 0 90px;
  }

  .archive-row{
    grid-template-columns:1fr 24px;
    gap:10px 12px;
  }

  .archive-row time{
    grid-column:1 / -1;
  }
}

@media(max-width:390px){
  .recovered-logo{
    width:min(300px,78vw);
    max-width:min(300px,78vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(300px,78vw);
    max-height:100px;
  }
}


/* =========================================================
   v3.2.0 LAUNCH HARDENING
   Functional/accessibility polish only — no redesign.
   ========================================================= */

.skip-link{
  position:fixed;
  left:16px;
  top:16px;
  z-index:99999;
  transform:translateY(-180%);
  padding:12px 16px;
  background:#fff;
  color:#000;
  font-weight:900;
  text-decoration:none;
  border:2px solid #1677d2;
}
.skip-link:focus{
  transform:translateY(0);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid #72b7ff;
  outline-offset:4px;
}

.menub{
  cursor:pointer;
}

.archive-arrow{
  text-decoration:none;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* v3.2.1 — restore approved bottom Ponch photo */
.closing-photo{
 display:block!important;position:relative!important;width:100%!important;
 height:540px!important;min-height:540px!important;margin:0!important;
 overflow:hidden!important;background:#000!important;isolation:isolate;
}
.closing-photo>img{
 display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
 width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;
 opacity:1!important;visibility:visible!important;object-fit:cover!important;
 object-position:center 48%!important;
}
.closing-photo:after{
 z-index:1!important;inset:0!important;pointer-events:none;
 background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 24%,rgba(0,0,0,.16) 48%,transparent 76%),
 linear-gradient(0deg,#000 0%,rgba(0,0,0,.48) 9%,transparent 27%),
 linear-gradient(180deg,#000 0%,rgba(0,0,0,.18) 8%,transparent 20%)!important;
}
.closing-copy{position:relative!important;z-index:2!important;height:100%!important;}
@media(max-width:650px){
 .closing-photo{height:540px!important;min-height:540px!important;}
 .closing-photo>img{object-position:58% center!important;}
}

/* v3.2.2 desktop classroom camera visibility */
@media(min-width:1001px){
  .story-photo{
    height:520px!important;
    min-height:520px!important;
    padding:30px 5vw!important;
    background:#000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .story-photo>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:460px!important;
    max-width:1180px!important;
    max-height:460px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .story-photo .story-copy{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    height:100%!important;
    pointer-events:none;
  }
  .story-photo .story-copy a{pointer-events:auto;}
}


/* =========================================================
   v3.2.3 DESKTOP CLASSROOM PHOTO — STRETCHED + CAMERA VISIBLE
   Keep the image wide/full-section while adding vertical
   breathing room and moving the crop upward to reveal camera.
   ========================================================= */
@media(min-width:1001px){
  .story-photo{
    width:100% !important;
    height:508px !important;
    min-height:508px !important;
    padding:24px 0 !important;
    background:#000 !important;
    overflow:hidden !important;
    display:block !important;
    position:relative !important;
  }

  .story-photo>img{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:460px !important;
    max-height:460px !important;
    object-fit:cover !important;
    object-position:center 27% !important;
    margin:0 !important;
  }

  .story-photo .story-copy{
    position:absolute !important;
    inset:24px 0 !important;
    z-index:2 !important;
    height:460px !important;
  }
}


/* =========================================================
   v3.3.0 LAUNCH CORRECTION POLISH
   ========================================================= */

/* App CTA is intentionally hidden until app.socialbilitty.com is launch-ready. */
.terminal,
.app-end{
  display:none !important;
}

/* Keep related-reporting fallback editorial, not card-like. */
.archive-related{
  padding-bottom:24px;
  border-bottom:1px solid var(--l);
}

.archive-related .kicker{
  color:#72b7ff;
  margin-bottom:12px;
}

.archive-related h2{
  margin:0 0 10px;
}

.footer-parent{
  opacity:.72;
}

@media(max-width:650px){
  .archive-related{
    padding-top:42px;
  }
}


/* =========================================================
   v3.4.0 TYPOGRAPHY + MOBILE LOGO REFINEMENT
   Readability and brand-presence pass only. No redesign.
   ========================================================= */

/* Readable supporting copy */
body{
  font-size:16px;
}

.dek,
.lead-story p,
.manifesto p,
.story-copy p,
.archive-description,
.archive-row p,
.article p,
.article li,
.page-content p,
.page-content li{
  font-size:16px;
  line-height:1.68;
}

/* Article/report summaries */
.latest article p,
.latest article .excerpt,
.archive-row p{
  font-size:15.5px;
  line-height:1.62;
}

/* Category/section descriptions */
.archive-description,
.category-description,
.term-description{
  font-size:15px;
  line-height:1.68;
}

/* Navigation and CTAs */
.top nav a,
.hero-links a,
.closing-copy a,
.archive-empty a,
.archive-pagination a,
.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"]{
  font-size:15px;
}

/* Keep technical/editorial labels intentionally small */
.kicker,
.category,
.date,
.meta,
.archive-row time,
.ticker-track,
.heroart .tc{
  font-size:12px;
}

/* Tablet logo presence */
@media(max-width:1000px){
  .recovered-logo{
    width:min(500px,78vw) !important;
    max-width:min(500px,78vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(500px,78vw) !important;
    max-height:132px !important;
  }

  .topin{
    min-height:148px !important;
  }

  .top{
    min-height:148px !important;
  }
}

/* Mobile logo: intentionally larger and more dominant */
@media(max-width:650px){
  .top{
    min-height:142px !important;
  }

  .topin{
    min-height:142px !important;
    gap:6px !important;
  }

  .recovered-logo{
    width:min(390px,82vw) !important;
    max-width:min(390px,82vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(390px,82vw) !important;
    max-height:122px !important;
  }

  .menub{
    flex:0 0 auto;
    font-size:12px !important;
    padding-left:6px !important;
  }

  .dek,
  .lead-story p,
  .manifesto p,
  .story-copy p,
  .archive-description,
  .archive-row p,
  .article p,
  .article li,
  .page-content p,
  .page-content li{
    font-size:16px !important;
  }

  .latest article p,
  .latest article .excerpt{
    font-size:15px !important;
  }

  .top nav a,
  .hero-links a,
  .closing-copy a,
  .archive-empty a,
  .archive-pagination a,
  .button,
  .wp-block-button__link,
  input[type="submit"],
  button[type="submit"]{
    font-size:14px !important;
  }
}

/* Narrow phones still keep a strong logo presence */
@media(max-width:390px){
  .top{
    min-height:136px !important;
  }

  .topin{
    min-height:136px !important;
  }

  .recovered-logo{
    width:min(350px,84vw) !important;
    max-width:min(350px,84vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(350px,84vw) !important;
    max-height:116px !important;
  }
}

/* ============================================================
   v3.6 CINEMATIC TERMINAL SYSTEM
   Shared craft-signal language with Socialbilitty Hollywood OS.
   ============================================================ */
:root{
  --craft-production:#A855F7;
  --craft-camera:#3C83F6;
  --craft-grip:#3B82F6;
  --craft-electric:#F97316;
  --craft-workforce:#3B82F6;
  --craft-facility:#EAB308;
  --craft-vendor:#14B8A6;
  --craft-network:#22C55E;
  --td-accent:var(--b);
  --td-terminal-line:#182736;
}

/* Photography is a signal, not decoration. */
.hero>img,.story-photo>img,.closing-photo>img{
  filter:saturate(1.2) contrast(1.06) brightness(.96);
}
.hero:after,.story-photo:after,.closing-photo:after{
  mix-blend-mode:normal;
}

/* Channel colors establish the craft/beat taxonomy without turning into cards. */
.channel-list a{position:relative}
.channel-list a::before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:42px;
  height:2px;
  background:var(--channel-accent,var(--b));
}
.channel-list a:nth-child(1){--channel-accent:var(--craft-production)}
.channel-list a:nth-child(2){--channel-accent:var(--craft-workforce)}
.channel-list a:nth-child(3){--channel-accent:var(--craft-facility)}
.channel-list a:nth-child(4){--channel-accent:var(--craft-vendor)}
.channel-list a:nth-child(5){--channel-accent:var(--craft-grip)}
.channel-list a b,.channel-list a em{color:var(--channel-accent,var(--b))}
.channel-list a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--channel-accent) 10%,transparent),transparent 38%)}

/* Category pages inherit their beat color from WordPress body classes. */
body.category-production-set-activity{--td-accent:var(--craft-production)}
body.category-crew-workforce{--td-accent:var(--craft-workforce)}
body.category-studios-stages-facilities{--td-accent:var(--craft-facility)}
body.category-vendors-gear-systems{--td-accent:var(--craft-vendor)}
body.category-labor-policy-regulation{--td-accent:var(--craft-electric)}
.archive-hero{position:relative;padding-left:22px}
.archive-hero::before{content:"";position:absolute;left:0;top:0;bottom:54px;width:3px;background:var(--td-accent)}
.archive-hero .kicker,.archive-row .category{color:var(--td-accent)}
.archive-row{position:relative}
.archive-row::before{content:"";position:absolute;left:0;top:-1px;width:30px;height:1px;background:var(--td-accent)}

/* Newsroom and report lists read like data lanes, not panels. */
.latest article,.archive-row,.channel-list a{transition:background .18s ease,padding-left .18s ease}
.latest article:hover,.archive-row:hover{background:linear-gradient(90deg,rgba(35,135,255,.055),transparent 45%)}
.latest article p,.category,.kicker{letter-spacing:.15em}

/* Stronger terminal labels across the desk. */
.ticker{background:#020407}
.ticker-track span{color:#b5c0cb}
.ticker-track i:nth-of-type(1){color:var(--craft-production)}
.ticker-track i:nth-of-type(2){color:var(--craft-workforce)}
.ticker-track i:nth-of-type(3){color:var(--craft-facility)}
.ticker-track i:nth-of-type(4){color:var(--craft-vendor)}
.heroart .tc,.story-copy span,.annotation{font-weight:900}

/* Control-room geometry: square controls and thin rules. */
.hero-links a,.arrow,.story-copy a,.closing-copy a,.app-end a{border-radius:0}
.standard>h1{border-top:1px solid var(--td-terminal-line);padding-top:24px}
.bodycopy h2,.bodycopy h3{border-top:1px solid var(--td-terminal-line);padding-top:18px}

/* Shared future craft utilities. */
[data-craft="production"],.td-craft--production{--td-accent:var(--craft-production)}
[data-craft="camera"],.td-craft--camera{--td-accent:var(--craft-camera)}
[data-craft="grip"],.td-craft--grip{--td-accent:var(--craft-grip)}
[data-craft="electric"],.td-craft--electric{--td-accent:var(--craft-electric)}
[data-craft="workforce"],.td-craft--workforce{--td-accent:var(--craft-workforce)}
[data-craft="facility"],.td-craft--facility{--td-accent:var(--craft-facility)}
[data-craft="vendor"],.td-craft--vendor{--td-accent:var(--craft-vendor)}
[data-craft="network"],.td-craft--network{--td-accent:var(--craft-network)}
.td-craft-signal{border-top:2px solid var(--td-accent)!important}
.td-craft-signal .kicker,.td-craft-signal .category{color:var(--td-accent)!important}
body[class*="td-craft--"] .standard>.kicker{color:var(--td-accent)}
body[class*="td-craft--"] .standard>h1{border-top-color:var(--td-accent)}
body[class*="td-craft--"] .bodycopy a{color:var(--td-accent)}
body[class*="td-craft--"] a.td-connect-button,
body[class*="td-craft--"] button.td-connect-button{background:var(--td-accent);border-color:var(--td-accent);color:#000}

/* Audit repairs: improve contrast on terminal numerals and metadata. */
.lead-label b{color:#5d7d9b}
.latest .date{color:#7890a8}
.channels-title>span,.latest-head>span{opacity:.76}

/* Persistent cross-site funnel so no Trade Desk route ends without a next action. */
.td-funnel-spine{border-top:1px solid #182a3d;border-bottom:1px solid #182a3d;background:#020509}
.td-funnel-spine__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.td-funnel-spine a{position:relative;display:flex;min-height:124px;flex-direction:column;justify-content:center;padding:20px 18px;border-right:1px solid #182a3d;background:linear-gradient(180deg,rgba(7,17,28,.82),rgba(1,5,9,.96));text-decoration:none}
.td-funnel-spine a:last-child{border-right:0}.td-funnel-spine a:before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:#2387ff}.td-funnel-spine a:nth-child(2):before{background:#35b9d8}.td-funnel-spine a:nth-child(3):before{background:#68b5ff}.td-funnel-spine a:nth-child(4):before{background:#9aa9ba}.td-funnel-spine a:nth-child(5):before{background:#d79b45}
.td-funnel-spine small{color:#75b8ff;font-size:9px;font-weight:900;letter-spacing:.14em}.td-funnel-spine strong{margin-top:7px;color:#fff;font-size:14px;text-transform:uppercase}.td-funnel-spine span{margin-top:5px;color:#aab6c2;font-size:11px;line-height:1.4}.td-funnel-spine a:hover,.td-funnel-spine a:focus-visible{background:#07111c}
@media(max-width:900px){.td-funnel-spine__grid{grid-template-columns:1fr 1fr}.td-funnel-spine a{border-bottom:1px solid #182a3d}}
@media(max-width:560px){.td-funnel-spine__grid{grid-template-columns:1fr}.td-funnel-spine a{min-height:90px;border-right:0}}

/* Cookie consent accessibility: force readable contrast against the Trade Desk dark surface. */
.cookieadmin_law_container,.cookieadmin_consent_inside{background:#05080d!important;color:#fff!important}
#cookieadmin_notice_title,#cookieadmin_notice,.cookieadmin_notice_con,.cookieadmin-poweredby,.cookieadmin-poweredby a,.cookieadmin-poweredby span{color:#f4f7fb!important}
.cookieadmin_btn{background:#111c29!important;border:1px solid #91a9c0!important;color:#fff!important}
.cookieadmin_accept_btn{background:#176fd0!important;border-color:#65aaf2!important;color:#fff!important}
.cookieadmin_reject_btn,.cookieadmin_customize_btn{background:#0c1621!important;color:#fff!important}

/* Accessibility contrast floor for secondary terminal labels. */
.lead-label b,.channels-title>span,.latest-head>span,.latest .date,.vertical,.channel-list span,.scroll,.foot p,.archive-row time{color:#9fb2c5!important;opacity:1!important}

/* ============================================================
   v3.5.1 BRAND COSMETIC PASS
   Uses approved Trade Desk brand art as station IDs, not hero imagery.
   ============================================================ */
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--craft-camera) 0 34%,var(--craft-production) 34% 56%,#d98f24 56% 72%,transparent 72%)}
.td-brand-interstitial{position:relative;overflow:hidden;border-top:1px solid #162534;border-bottom:1px solid #162534;background:#000;min-height:300px}
.td-brand-interstitial__glow{position:absolute;inset:0;background:radial-gradient(circle at 42% 50%,rgba(35,135,255,.14),transparent 34%),radial-gradient(circle at 68% 48%,rgba(243,165,27,.10),transparent 30%);pointer-events:none}
.td-brand-interstitial__inner{position:relative;z-index:2;min-height:300px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:52px}
.td-brand-interstitial__image{min-width:0;display:flex;align-items:center}
.td-brand-interstitial__logo{display:block;width:min(760px,100%);height:auto;max-height:245px;object-fit:contain;object-position:left center;filter:saturate(1.04) contrast(1.03)}
.td-brand-interstitial__meta{position:relative;padding:28px 0 28px 34px;border-left:1px solid #27435d;display:flex;flex-direction:column;gap:9px}
.td-brand-interstitial__meta::before{content:"";position:absolute;left:-1px;top:28px;width:3px;height:48px;background:linear-gradient(var(--craft-camera),var(--craft-production))}
.td-brand-interstitial__meta span{font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.18em;color:#8fc7ff;text-transform:uppercase}
.td-brand-interstitial__meta b{font-size:17px;line-height:1.25;letter-spacing:.04em;color:#fff;text-transform:uppercase}
.td-brand-interstitial__meta i{font-size:10px;font-style:normal;font-weight:900;letter-spacing:.14em;color:#d6a04b;text-transform:uppercase}
.td-brand-signoff{display:grid;grid-template-columns:minmax(240px,430px) 1fr;gap:50px;align-items:center;padding:18px 0 48px;border-bottom:1px solid #182736;margin-bottom:42px}
.td-brand-signoff__mark{min-width:0}
.td-brand-signoff__logo{display:block;width:100%;height:auto;max-height:180px;object-fit:contain;object-position:left center;filter:saturate(.98) contrast(1.03)}
.td-brand-signoff__copy{display:flex;flex-direction:column;gap:10px;padding-left:34px;border-left:1px solid #263a4d}
.td-brand-signoff__copy small{font-size:9px;font-weight:900;letter-spacing:.17em;color:#7ebeff}
.td-brand-signoff__copy strong{max-width:690px;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:#f4f7fb}
@media(max-width:900px){.td-brand-interstitial__inner{grid-template-columns:1fr;gap:18px;padding:38px 0}.td-brand-interstitial__logo{width:min(640px,100%);max-height:210px;margin:auto}.td-brand-interstitial__meta{border-left:0;border-top:1px solid #27435d;padding:22px 0 0}.td-brand-interstitial__meta::before{left:0;top:-1px;width:72px;height:2px;background:linear-gradient(90deg,var(--craft-camera),var(--craft-production))}.td-brand-signoff{grid-template-columns:1fr;gap:18px}.td-brand-signoff__logo{width:min(520px,100%);max-height:160px}.td-brand-signoff__copy{border-left:0;border-top:1px solid #263a4d;padding:22px 0 0}}
@media(max-width:560px){.td-brand-interstitial{min-height:0}.td-brand-interstitial__inner{padding:28px 0}.td-brand-interstitial__logo{max-height:150px}.td-brand-interstitial__meta b{font-size:14px}.td-brand-signoff{padding-top:4px}.td-brand-signoff__logo{max-height:130px}.td-brand-signoff__copy strong{font-size:16px}}