/* ============================================================
   VERSION C — DARK MODE PATCH (CLEAN FINAL BUILD)
   For: Seth Easter Design
   Purpose: Clean, cinematic, consistent theme
   ============================================================ */

/* -------- GLOBAL DARK -------- */
html, body {
  background: #131418 !important;
  color: #e5e7eb !important;
}

/* -------- HEADER -------- */
.header {
  background: rgba(32,35,42,0.88) !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.nav-links a {
  color: #d3d6dc !important;
}

.nav-links a:hover {
  color: #f0f2f4 !important;
}

.nav-links a.active {
  border-color: rgba(120,150,255,0.35) !important;
}

.brand-logo {
  filter: invert(1) brightness(1.25) !important;
  height: 58px !important;
}

/* -------- HERO VIDEO -------- */
#heroVideo {
  filter: brightness(1.05) contrast(1.03) saturate(1.08) !important;
}

#hero .ratio-169::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.02),
    rgba(0,0,0,0.25) 55%,
    rgba(0,0,0,0.45) 90%
  );
  z-index:2;
}

/* -------- HERO SECTION LAYOUT -------- */
.hero-with-photo {
  display:grid !important;
  grid-template-columns:1fr 330px !important;
  align-items:center !important;
  gap:22px !important;
  padding:26px 0 18px !important;
}

.hero-text {
  padding-right:6px !important;
}

.hero-copy-card {
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  max-width:100% !important;
}

.hero-copy-card h1 {
  font-size:clamp(2.4rem,4.6vw,3.6rem) !important;
  font-weight:400 !important;
  margin:0 0 8px 0 !important;
  letter-spacing:-0.035em;
  color:#f5f7fa !important;
  text-shadow:
    0 2px 6px rgba(0,0,0,0.25),
    0 0 14px rgba(0,0,0,0.45);
}

/* -------- HERO PORTRAIT STYLE -------- */
.hero-photo-wrap {
  width:100% !important;
  max-width:330px !important;
  margin:0 auto !important;
}

.hero-photo {
  width:100% !important;
  height:auto !important;
  filter:brightness(0.88) contrast(1.08) saturate(0.8) !important;

  /* cinematic fade top + bottom */
  -webkit-mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,1.0) 14%,
    rgba(0,0,0,1.0) 86%,
    rgba(0,0,0,0.0) 100%
  ) !important;
  mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,1.0) 14%,
    rgba(0,0,0,1.0) 86%,
    rgba(0,0,0,0.0) 100%
  ) !important;
}

/* -------- SECTION TITLES -------- */
.section > h1,
.section > h2,
.section > h3 {
  color:#e4e6eb !important;
  font-weight:500 !important;
  letter-spacing:-0.03em !important;
  margin-bottom:28px !important;
}

/* -------- AWARDS & PRESS PANEL -------- */
.section-panel {
  background:rgba(32,35,42,0.85) !important;
  border-top:1px solid rgba(255,255,255,0.05) !important;
  border-bottom:1px solid rgba(255,255,255,0.05) !important;
  padding:48px 0 !important;
}

.section-panel h2 {
  color:#e4e6eb !important;
}

/* -------- GRID CARDS -------- */
.work-card,
#homeGrid .card,
#awardsList li,
.press-links li {
  background:#1a1d23 !important;
  border:1px solid #2b303a !important;
  border-radius:0 !important;
  color:#d1d5db !important;
}

.work-card:hover,
#homeGrid .card:hover {
  background:#1e2229 !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,0.55),
    0 0 0 1px rgba(180,190,210,0.15) !important;
}

/* -------- LINKS (GLOBAL PALETTE) -------- */
a {
  color:#b8bfd4 !important;
}

a:hover {
  color:#d7def2 !important;
}

/* -------- FOOTER -------- */
.footer-site {
  background:rgba(23,25,32,0.6) !important;
  padding:48px 0 !important;
  color:#9da3b4 !important;
  border-top:1px solid rgba(255,255,255,0.04) !important;
}

.footer-site::before {
  content:"";
  width:80px;
  height:2px;
  margin:0 auto 16px;
  display:block;
  border-radius:999px;
  background:rgba(120,150,255,0.35) !important;
}

.footer-site a {
  color:#b8bfd4 !important;
}
/* ============================================================
   FINAL HERO POSITION + SPACING FIX (HOME PAGE ONLY)
   ============================================================ */

/* Completely override default .section padding for the TOP TWO SECTIONS */
#hero.section {
  padding-top: 8px !important;   /* minimal space above video */
  padding-bottom: 0 !important;
}

/* HERO TEXT + PHOTO SECTION — pull it up tight under video */
.hero-with-photo {
  padding-top: 8px !important;
  padding-bottom: 16px !important;
  gap: 20px !important;
  align-items: flex-start !important;  /* align portrait to top of text */
}

/* H1 spacing – tighter */
.hero-copy-card h1 {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

/* BODY COPY SPACING — pull paragraphs closer to heading */
.hero-copy-card p {
  margin-top: 6px !important;
}

/* PORTRAIT ALIGNMENT — lift image upward slightly */
.hero-photo-wrap {
  margin-top: -4px !important;    /* subtle lift */
}

/* TINY FADE ONLY AT TOP (more elegant) */
.hero-photo {
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.20) 0%,
    rgba(0,0,0,1.0) 12%,
    rgba(0,0,0,1.0) 85%,
    rgba(0,0,0,0.0) 100%
  ) !important;
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.20) 0%,
    rgba(0,0,0,1.0) 12%,
    rgba(0,0,0,1.0) 85%,
    rgba(0,0,0,0.0) 100%
  ) !important;
}
/* HERO DESCRIPTION TEXT (FROM home-copy.js) */
.hero-copy-card #heroCopy p {
  color: #d7d9de !important;
  max-width: 68ch;
  font-size: 1.02rem;
  line-height: 1.55;
  margin-top: 6px;
}

.hero-copy-card #heroCopy p.lead {
  font-weight: 500;
  color: #e6e9f3 !important;
}
/* WORK & HOME SCROLLER SCROLLBAR (ATLAS GREY) */
.scroller {
  scrollbar-width: auto;
  scrollbar-color: #4a5563 #111318;
}

.scroller::-webkit-scrollbar {
  width: 10px;
}

.scroller::-webkit-scrollbar-track {
  background: #111318;
}

.scroller::-webkit-scrollbar-thumb {
  background-color: #4a5563;
  border-radius: 6px;
}
/* ============================================================
   HERO — MATCHING hero-with-photo-grid LAYOUT
   ============================================================ */

/* wrapper grid */
.hero-with-photo-grid {
  display: grid !important;
  grid-template-columns: 1fr 320px !important;
  gap: 28px !important;
  align-items: start !important;
  padding: 24px 0 16px 0 !important;
}

/* text column */
.hero-text-box {
  max-width: 600px !important;
  padding-right: 8px !important;
}

.hero-text-box h1 {
  margin: 0 0 6px 0 !important;
  font-size: clamp(2.5rem, 4.6vw, 3.6rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  color: #f5f7fa !important;
  text-shadow:
    0 2px 6px rgba(0,0,0,0.25),
    0 0 14px rgba(0,0,0,0.40);
}

/* paragraphs injected by JS */
.hero-text-box #heroCopy p {
  font-size: 1.08rem !important;
  line-height: 1.58 !important;
  margin-top: 12px !important;
  color: #d7d9de !important;
  max-width: 68ch !important;
}

.hero-text-box #heroCopy p.lead {
  font-weight: 500 !important;
  color: #e6e9f3 !important;
}

/* portrait column */
.hero-image-box {
  max-width: 320px !important;
}

.hero-photo {
  width: 100% !important;
  height: auto !important;

  filter: brightness(0.88) contrast(1.08) saturate(0.8) !important;

  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.20) 0%,
    rgba(0,0,0,1.0) 10%,
    rgba(0,0,0,1.0) 85%,
    rgba(0,0,0,0.0) 100%
  ) !important;

  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.20) 0%,
    rgba(0,0,0,1.0) 10%,
    rgba(0,0,0,1.0) 85%,
    rgba(0,0,0,0.0) 100%
  ) !important;
}

/* mobile */
@media (max-width: 900px) {
  .hero-with-photo-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .hero-image-box {
    max-width: 240px !important;
    margin: 0 auto;
  }
}
/* ===================================================================
   FINAL HERO MICRO-TUNING
   =================================================================== */

/* Reduce spacing between video and text box */
#hero.section {
  padding-top: 12px !important;
  padding-bottom: 0 !important;
}

/* Pull hero block up + tighten horizontal gap */
.hero-with-photo-grid {
  padding-top: 6px !important;
  padding-bottom: 12px !important;
  gap: 20px !important;         /* narrower space between text and portrait */
  align-items: flex-start !important;
}

/* Pull title section upward */
.hero-text-box h1 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

/* Tighten spacing between paragraphs */
.hero-text-box #heroCopy p {
  margin-top: 8px !important;
}

/* Align portrait even more with top of text */
.hero-image-box {
  margin-top: -6px !important;     /* subtle lift */
}

/* Slightly brighten portrait to match text tone */
.hero-photo {
  filter: brightness(0.94) contrast(1.05) saturate(0.85) !important;
}

/* MOBILE adjustments */
@media (max-width: 900px) {
  #hero.section {
    padding-top: 8px !important;
  }
  .hero-with-photo-grid {
    padding-top: 8px !important;
    gap: 16px !important;
  }
  .hero-image-box {
    margin-top: 0 !important;
  }
}
/* ============================================================
   HERO FINAL MICRO-TUNE (copy visible + alignment)
   ============================================================ */

/* Lift portrait to align with title */
.hero-image-box {
  margin-top: -8px !important;
}

/* Narrow the gap between text & portrait */
.hero-with-photo-grid {
  gap: 16px !important;
}

/* Reduce vertical padding for hero text block */
.hero-with-photo-grid {
  padding-top: 18px !important;
  padding-bottom: 12px !important;
}

/* Reduce paragraph top margin slightly */
.hero-text-box #heroCopy p {
  margin-top: 8px !important;
}

/* On mobile: ensure portrait stacks and width is comfortable */
@media (max-width: 900px) {
  .hero-with-photo-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .hero-image-box {
    max-width: 220px !important;
    margin: 0 auto -4px auto !important;
  }
  .hero-text-box {
    max-width: 100% !important;
    padding-right: 0 !important;
  }
}
/* Lower portrait so top of white meets bottom of 'B' */
.hero-image-box {
  margin-top: 20px !important;  /* adjust 12–20px to taste */
}
/* ============================================================
   UNIVERSAL PAGE COLOR + HEADER + FOOTER FIX PACK
   ============================================================ */

/* BACKGROUND (all pages) */
body, html {
  background: #131418 !important;
  color: #e5e7eb !important;
}

/* UNIVERSAL TITLES */
h1, h2, h3, h4 {
  color: #e4e6eb !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

/* HEADER (matches homepage) */
.header {
  background: rgba(32,35,42,0.88) !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.nav-links a { color:#d3d6dc !important; }
.nav-links a:hover { color:#f0f2f4 !important; }
.nav-links a.active {
  border-color: rgba(120,150,255,0.35) !important;
}

/* UNIVERSAL CARD SURFACES */
.work-card,
#homeGrid .card,
#pressList li,
.press-item,
#awardsList li,
.press-links li {
  background:#1a1d23 !important;
  border:1px solid #2b303a !important;
  border-radius:0 !important;
  color:#d1d5db !important;
}

/* UNIVERSAL LINKS */
a { color:#b8bfd4 !important; }
a:hover { color:#d7def2 !important; }

/* FOOTER (matches homepage) */
.footer-site {
  background: rgba(23,25,32,0.6) !important;
  padding: 48px 0 !important;
  color: #9da3b4 !important;
  border-top: 1px solid rgba(255,255,255,0.04) !important;
}
.footer-site::before {
  content:"";
  width:80px; height:2px;
  margin:0 auto 16px;
  display:block;
  border-radius:999px;
  background: rgba(120,150,255,0.35) !important;
}
/* ============================================================
   PROJECT PAGE MEDIA FIX — KEEP IMAGES PROPERLY SIZED
   ============================================================ */

/* Limit width of viewer content */
#projViewer {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 0 24px 0 !important;
}

/* STYLE FOR IMAGES INSIDE VIEWER */
#projViewer img,
#projViewer video {
  width: 100% !important;
  height: auto !important;
  max-height: 78vh !important;   /* prevents giant images */
  object-fit: contain !important;
  background: #0f1013 !important; /* subtle neutral dark background */
  border-radius: 0 !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Thumbnail strip size fix */
#projStrip img {
  max-height: 80px !important;
  width: auto !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  background: #1a1d23 !important;
  border: 1px solid #2b303a !important;
}

/* Lightbox viewer sizing */
#proj-lb-content img,
#proj-lb-content video {
  max-width: 90vw !important;
  max-height: 85vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: #000 !important;
  margin: auto !important;
}
/* =======================================================================
   UNIVERSAL COLOR PALETTE FIX — REMOVE ALL OLD BLUE / BLACK BARS
   ======================================================================= */

/* --- GLOBAL LINK COLORS (override remaining defaults) --- */
a,
a:visited,
.nav-links a,
.press-links a,
#pressList a,
#projMeta a,
#projDesc a,
.cv-list a,
.footer-site a {
  color: #b8bfd4 !important;          /* soft grey-blue */
}

a:hover {
  color: #d7def2 !important;           /* lighter accent */
}

/* --- SECTION TITLES (force correct grey everywhere) --- */
.section h1,
.section h2,
.section h3,
#projTitle,
#work h2,
#awards h2,
#press h2 {
  color: #e4e6eb !important;          /* homepage title grey */
  letter-spacing: -0.03em !important;
  font-weight: 500 !important;
}

/* --- REMOVE BLACK BAR BEHIND AWARDS + PRESS --- */
.section-panel {
  background: rgba(32, 35, 42, 0.65) !important;  /* same grey as header */
  border-top: none !important;
  border-bottom: none !important;
}

/* --- FIX PRESS/WORK/CARDS BLUE TEXT --- */
.meta, .subtle, .press-item .meta, .work-card .kicker {
  color: #9da4b0 !important;
}

/* --- PROJECT PAGE DESCRIPTION + META COLOR FIX --- */
#projMeta,
#projDesc,
#projDesc * {
  color: #cdd2dd !important;      /* softer grey, no blue tint */
}

/* --- PROJECT PAGE CARD ALIGNMENT + TITLE COLOR --- */
#projTitle {
  color: #f3f4f6 !important;
}

/* --- WORK PAGE TITLES --- */
.work-card h3 {
  color: #e5e7eb !important;
}

/* --- REMOVE ANY OLD BLUE HOVER STATES --- */
.work-card a:hover,
.press-item a:hover,
#pressList a:hover,
#workGrid a:hover {
  color: #d7def2 !important;
}

/* --- SCROLLBAR FIX (keeps dark grey tone) --- */
::-webkit-scrollbar-thumb {
  background: #4b5463 !important;
}
::-webkit-scrollbar-track {
  background: #121418 !important;
}

/* --- CV PAGE LINK + SECTION FIX --- */
#cv-page a {
  color: #b8bfd4 !important;
}
#cv-page a:hover {
  color: #d7def2 !important;
}
#cv-page h2 {
  color: #e4e6eb !important;
}

/* --- FOOTER COLOR FIX (removes blue hue) --- */
.footer-site a {
  color: #b8bfd4 !important;
}
.footer-site a:hover {
  color: #d7def2 !important;
}
/* ============================================================
   CLEAN AWARDS + PRESS SECTIONS (NO LINES, NO WHITE BOXES)
   ============================================================ */

/* REMOVE BORDERS AROUND AWARDS ITEMS */
#awardsList li {
  background: transparent !important;
  border: none !important;
  padding: 6px 0 !important;
}

/* REMOVE LINES FROM PRESS ITEMS */
.press-links li,
#pressList li,
.press-item {
  background: transparent !important;
  border: none !important;
  padding: 6px 0 !important;
}

/* REMOVE BLUE ACCENT LINES ON PRESS LINKS */
.press-links a,
#pressList a {
  text-decoration: none !important;
  border: none !important;
}

/* STYLISH SUBTLE LINK COLOR FOR PRESS + AWARDS */
.press-links a,
#pressList a,
#awardsList a {
  color: #cdd1d7 !important;
}
.press-links a:hover,
#pressList a:hover,
#awardsList a:hover {
  color: #e6e7eb !important;
}

/* FIX THE “SEE ALL PRESS & AWARDS” BUTTON */
.btn.btn-secondary {
  background: rgba(255,255,255,0.06) !important; /* soft grey film layer */
  color: #d1d5db !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-size: 0.92rem !important;
  letter-spacing: -0.01em !important;
}

/* hover: barely brighter, subtle */
.btn.btn-secondary:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #f5f7fa !important;
  border-color: rgba(255,255,255,0.18) !important;
}
/* ============================================================
   WORK PAGE UPGRADE — clean hero intro, better cards, spacing
   ============================================================ */

/* Work section header spacing */
#work.section h2 {
  margin-bottom: 6px !important;
}

/* Add subtle subtitle under "Selected Work" */
#work.section::after {
  content: "Broadcast studios, debates, live events, and special productions.";
  display: block;
  color: #9aa0a9;
  font-size: 0.92rem;
  margin-top: 6px;
  margin-bottom: 18px;
}

/* Work cards — cinematic upgrade */
.work-card {
  background: rgba(28,31,39,0.95) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  padding-bottom: 10px !important;
  transition: 0.25s ease !important;
}

/* Larger, cleaner titles */
.work-card h3 {
  font-size: 1.05rem !important;
  color: #eceff3 !important;
  margin-bottom: 4px !important;
}

/* Meta line */
.work-card .kicker {
  font-size: 0.82rem !important;
  color: #a3a9b3 !important;
  margin-bottom: 4px !important;
}

/* Image hover */
.work-card img.thumb {
  transition: 0.4s ease !important;
}
.work-card:hover img.thumb {
  filter: brightness(1.06) contrast(1.03) !important;
  transform: scale(1.015) !important;
}
/* ============================================================
   PRESS & AWARDS — remove lines, add editorial spacing
   ============================================================ */

/* Remove lines + borders */
#awardsList li,
.press-links li,
#pressList li {
  border: none !important;
  background: transparent !important;
  padding: 8px 0 !important;
}

/* Award entries — improved readability */
#awardsList li {
  font-size: 0.95rem !important;
  color: #d4d7dd !important;
  line-height: 1.45 !important;
}

/* Press links — multi-line editorial style */
.press-links a,
#pressList a {
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  color: #cdd1d7 !important;
  text-decoration: none !important;
}

.press-links a:hover,
#pressList a:hover {
  color: #f0f2f5 !important;
}

/* Remove thick white box on "See all Press & Awards" */
.btn.btn-secondary {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #d4d7dd !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
  transition: 0.25s ease !important;
}

.btn.btn-secondary:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Section spacing refinement */
.section.section-panel {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
/* ============================================================
   CV PAGE — spacing, headers, readability, premium look
   ============================================================ */

/* CV Heading style */
#cv-page h2 {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: #e4e6eb !important;
  margin-top: 32px !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.02em !important;
}

/* Improve bullet readability */
.cv-list li {
  padding: 3px 0 !important;
  color: #d3d6dc !important;
  font-size: 0.95rem !important;
}

/* Add subtle dividers between major sections */
#cv-page h2:not(:first-of-type) {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 24px !important;
}

/* Links inside CV */
#cv-page a {
  color: #b8bfd4 !important;
}
#cv-page a:hover {
  color: #d7def2 !important;
}

/* Optional footer logo tinting */
.footer-site img {
  filter: brightness(1.3) !important;
}
/* ============================================================
   PRESS PAGE — PREMIUM EDITORIAL UPGRADE
   ============================================================ */

/* Remove all borders, bars, boxes */
#pressList li,
#awardsList li {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

/* Press item titles */
#pressList li a {
  color: #e6e7eb !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
}

#pressList li a:hover {
  color: #ffffff !important;
}

/* Press item meta line */
#pressList li .meta,
#pressList li span,
#pressList li .subtle {
  color: #9ba1a9 !important;
  font-size: 0.88rem !important;
}

/* Awards formatting (editorial style) */
#awardsList li {
  color: #d4d7dd !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

/* Awards headings inside entries */
#awardsList li strong {
  color: #eceff2 !important;
  font-weight: 600 !important;
}

/* Section titles spacing */
#press-page .section h2 {
  margin-bottom: 18px !important;
  color: #e4e6eb !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

/* Section spacing refinement */
#press-page .section {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
/* Remove lines and boxes */
#pressList li,
#awardsList li {
  border: none !important;
  background: transparent !important;
  padding: 10px 0 !important;
}

/* Clean title styling */
#press-page h2 {
  margin-bottom: 16px !important;
  color: #e4e6eb !important;
  font-weight: 500 !important;
}

/* Press links */
#pressList a {
  color: #cdd1d7 !important;
  text-decoration: none !important;
}
#pressList a:hover {
  color: #f0f2f5 !important;
}

/* Awards text */
#awardsList li {
  color: #d4d7dd !important;
  font-size: 0.95rem !important;
}

/* Section spacing */
#press-page .section {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
/* WORK PAGE — hero + cards upgrade */

/* Tighten section and add breathing room */
#work-page #work.section {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

/* Subhead style under "Selected Work" */
#work-page .work-subhead {
  margin-top: -4px !important;
  margin-bottom: 20px !important;
  color: #9aa0a9 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.01em;
}

/* Work cards — more cinematic */
#work-page .work-card {
  background: rgba(26,29,35,0.96) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Image hover */
#work-page .work-card img.thumb {
  transition: transform 0.4s ease, filter 0.4s ease !important;
}
#work-page .work-card:hover img.thumb {
  transform: scale(1.03) !important;
  filter: brightness(1.06) contrast(1.03) !important;
}

/* Title + meta cleanup */
#work-page .work-card h3 {
  font-size: 1.05rem !important;
  color: #eceff3 !important;
  margin-bottom: 4px !important;
}
#work-page .work-card .kicker {
  font-size: 0.8rem !important;
  color: #a3a9b3 !important;
  margin-bottom: 4px !important;
}

/* Row/panel spacing inside the scroller */
#work-page .work-grid {
  row-gap: 22px !important;
}
/* PROJECT PAGE — palette + readability */
#project-page {
  background: #131418 !important;
}

#projTitle {
  color: #f3f4f6 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

#projMeta,
#projDesc,
#projDesc * {
  color: #cdd2dd !important;
}

#projViewer {
  background: #181b22 !important;
  padding: 16px 16px 24px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

#projStrip img {
  background: #1a1d23 !important;
  border: 1px solid #2b303a !important;
}
/* CV PAGE — headers, text, links, dividers */
#cv-page {
  background: #131418 !important;
}

/* Section headers */
#cv-page h2 {
  font-size: 1.25rem !important;
  color: #e4e6eb !important;
  margin-top: 32px !important;
  margin-bottom: 10px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

/* List items */
#cv-page .cv-list li {
  padding: 3px 0 !important;
  color: #d3d6dc !important;
  font-size: 0.95rem !important;
}

/* Divider between major sections */
#cv-page h2:not(:first-of-type) {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 22px !important;
}

/* Links */
#cv-page a {
  color: #b8bfd4 !important;
}
#cv-page a:hover {
  color: #d7def2 !important;
}
/* PROJECT PAGE — force cinematic palette */
body#project-page {
  background: #131418 !important;
}

body#project-page #projTitle {
  color: #f3f4f6 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

body#project-page #projMeta,
body#project-page #projDesc,
body#project-page #projDesc * {
  color: #cdd2dd !important;
}

/* Viewer frame */
body#project-page #projViewer {
  background: #181b22 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  padding: 20px !important;
}

/* Thumbnails */
body#project-page #projStrip img {
  background: #1a1d23 !important;
  border: 1px solid #2b303a !important;
  border-radius: 0 !important;
}
/* PRESS PAGE — stronger override */
body#press-page {
  background: #131418 !important;
}

body#press-page h2 {
  color: #e4e6eb !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

/* No borders or boxes */
body#press-page #pressList li,
body#press-page #awardsList li {
  border: none !important;
  background: transparent !important;
  padding: 10px 0 !important;
}

/* Press links */
body#press-page #pressList a {
  color: #cdd1d7 !important;
  text-decoration: none !important;
}
body#press-page #pressList a:hover {
  color: #f0f2f5 !important;
}
/* CV PAGE — force theme */
body#cv-page {
  background: #131418 !important;
}

/* Headers */
body#cv-page h2 {
  color: #e4e6eb !important;
  margin: 28px 0 10px !important;
  font-weight: 500 !important;
}

/* Text */
body#cv-page,
body#cv-page p,
body#cv-page li {
  color: #d3d6dc !important;
}

/* Links */
body#cv-page a {
  color: #b8bfd4 !important;
}
body#cv-page a:hover {
  color: #d7def2 !important;
}

/* Section dividers */
body#cv-page h2:not(:first-of-type) {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 24px !important;
}
/* PROJECT PAGE — final polish */
body#project-page #projTitle {
  margin-bottom: 6px !important;
  font-size: 1.7rem !important;
}

body#project-page #projMeta {
  margin-bottom: 16px !important;
  color: #a6acb5 !important;
  font-size: 0.92rem !important;
}

body#project-page #projViewer {
  background: #1a1d23 !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  padding: 22px !important;
  margin-bottom: 28px !important;
}

body#project-page #projDesc {
  font-size: 1rem !important;
  line-height: 1.55 !important;
  color: #cfd3d8 !important;
}
/* PRESS PAGE — final tone and spacing */
body#press-page h2 {
  margin-bottom: 20px !important;
}

body#press-page #pressList li,
body#press-page #awardsList li {
  margin-bottom: 10px !important;
  line-height: 1.45 !important;
  font-size: 0.95rem !important;
}

body#press-page #pressList a {
  color: #d2d6dd !important;
}
/* CV PAGE — final cleanup */
body#cv-page h1 {
  margin-bottom: 8px !important;
}

body#cv-page h2 {
  margin: 32px 0 12px !important;
  font-size: 1.3rem !important;
}

body#cv-page p,
body#cv-page li {
  font-size: 0.95rem !important;
  line-height: 1.48 !important;
  color: #d5d9e0 !important;
}

#cv-page .cv-grid {
  row-gap: 14px !important;
}

#cv-page .cv-list li {
  margin-bottom: 4px !important;
}

/* soften the divider */
body#cv-page h2:not(:first-of-type) {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}