/* EpisodeOrbit.com — identity layer for the existing Cinematic Editorial theme.
   Site structure, schedule, episode tracking and themes are unchanged. */
:root{--eo-cream:#f7ead0;--eo-gold:#d8ae72;--eo-red:#bb4d3b}
/* Desktop / compact header mark */
.visitor-brand-icon,.brand-emblem,.setup-brand-emblem{
  display:grid!important;place-items:center!important;flex:none!important;
  width:42px;height:42px;padding:0!important;border:0!important;
  background:transparent!important;transform:none!important;filter:none!important;
}
.visitor-brand-icon img,.brand-emblem img,.setup-brand-emblem img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}
/* Preserve the editorial serif / gilded italic "Orbit" from the brand design. */
.eo-wordmark,.visitor-brand-word strong.eo-wordmark,.brand-word strong.eo-wordmark,.setup-brand-word strong.eo-wordmark,
.footer-mark.eo-wordmark,.visitor-footer-mark.eo-wordmark,.visitor-footer-logo.eo-wordmark,.setup-footer-mark.eo-wordmark{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;
  font-weight:700!important;font-style:normal!important;line-height:1.08!important;
  letter-spacing:-.055em!important;text-transform:none!important;white-space:nowrap;
  text-decoration:none!important;
}
.eo-wordmark em{font:italic 600 1em/1 'Playfair Display',Georgia,serif;color:var(--eo-gold)!important;letter-spacing:-.05em}
.eo-wordmark sup{display:inline-block;font:800 .32em/1 'DM Sans',Arial,sans-serif;letter-spacing:0!important;
  vertical-align:super;margin-left:.05em;color:#d5ad71!important}
.visitor-brand,.logo,.setup-brand{gap:9px!important;min-width:0!important;max-width:100%;text-decoration:none!important}
.visitor-brand-word strong.eo-wordmark{font-size:30px!important;color:var(--eo-cream)!important}
.brand-word strong.eo-wordmark{font-size:26px!important;color:var(--eo-cream)!important}
.setup-brand-word strong.eo-wordmark{font-size:27px!important;color:var(--eo-cream)!important}
.visitor-brand-word small,.brand-word small,.setup-brand-word small{display:block!important;color:#e1d1b5!important;letter-spacing:.12em!important;line-height:1.2!important}
.visitor-brand-word small{font-size:7px!important;margin-top:3px!important}
.brand-word small{font-size:7px!important;margin-top:4px!important}
.setup-brand-word small{font-size:7px!important;margin-top:4px!important}
.cine-auth-logo .brand-word strong.eo-wordmark{font-size:26px!important}
/* Footer wordmarks remain recognizably the same brand without dominating links. */
.footer-mark.eo-wordmark,.visitor-footer-mark.eo-wordmark,.visitor-footer-logo.eo-wordmark,.setup-footer-mark.eo-wordmark{
  font-size:23px!important;color:#f7ead0!important;display:inline-block!important
}
/* Layout widths are tight in member navigation; keep the logo compact. */
.site-header .logo,.setup-header .setup-brand{flex-shrink:0}
@media(max-width:1250px){
  .visitor-brand-word strong.eo-wordmark{font-size:26px!important}
  .brand-word strong.eo-wordmark{font-size:23px!important}
  .setup-brand-word strong.eo-wordmark{font-size:23px!important}
  .site-header .logo,.setup-header .setup-brand{gap:6px!important}
  .site-header .brand-emblem,.setup-header .setup-brand-emblem{width:34px;height:34px}
}
@media(max-width:820px){
  .visitor-brand-icon{width:33px;height:33px}
  .brand-emblem,.setup-brand-emblem{width:32px!important;height:32px!important}
  .visitor-brand-word strong.eo-wordmark{font-size:23px!important}
  .brand-word strong.eo-wordmark,.setup-brand-word strong.eo-wordmark{font-size:21px!important}
  .visitor-brand-word small,.brand-word small,.setup-brand-word small{font-size:6px!important;letter-spacing:.07em!important}
}
@media(max-width:480px){
  .visitor-brand,.site-header .logo,.setup-header .setup-brand{gap:5px!important}
  .visitor-brand-icon,.brand-emblem,.setup-brand-emblem{width:29px!important;height:29px!important}
  .visitor-brand-word strong.eo-wordmark{font-size:19px!important}
  .brand-word strong.eo-wordmark,.setup-brand-word strong.eo-wordmark{font-size:18px!important}
  .visitor-brand-word small,.brand-word small,.setup-brand-word small{font-size:5px!important;letter-spacing:.025em!important}
  .footer-mark.eo-wordmark,.visitor-footer-mark.eo-wordmark,.visitor-footer-logo.eo-wordmark,.setup-footer-mark.eo-wordmark{font-size:18px!important}
}
/* Theme affects surfaces, not logo color. */
html[data-theme='dark'] .eo-wordmark{color:#f7ead0!important}

@media(max-width:360px){.site-header .logo{gap:4px!important}.site-header .brand-emblem{width:26px!important;height:26px!important}.brand-word strong.eo-wordmark,.setup-brand-word strong.eo-wordmark{font-size:16px!important}}

/* Owner credit is part of every site footer, not a separate promotional section. */
:where(.site-footer,.visitor-footer,.setup-footer,.cine-auth-footer,.footer) a.eo-creator-credit{
  color:#e4c18e!important;text-decoration:none!important;white-space:normal;font-weight:700;font-size:inherit;
}
:where(.site-footer,.visitor-footer,.setup-footer,.cine-auth-footer,.footer) a.eo-creator-credit:hover,
:where(.site-footer,.visitor-footer,.setup-footer,.cine-auth-footer,.footer) a.eo-creator-credit:focus-visible{
  color:#fff2d5!important;text-decoration:none!important;
}
:where(.site-footer,.visitor-footer,.setup-footer,.cine-auth-footer,.footer) a.eo-creator-credit:focus-visible{
  outline:2px solid #e5b878;outline-offset:3px;
}
