/* ═══════════════════════════════════════════════════
   COFFEE WITH HUMERA — main.css
   All component styles for the WordPress theme
   ═══════════════════════════════════════════════════ */

/* ── TYPOGRAPHY ── */
.cwh-display-xl {
  font-family: var(--cwh-ff-display);
  font-size: clamp(3rem, 7vw, 5.8rem);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -0.01em;
  color: var(--cwh-mocha);
}
.cwh-display-lg {
  font-family: var(--cwh-ff-display);
  font-size: clamp(2.2rem, 4.5vw, 3.5rem);
  font-weight: 300;
  line-height: 1.1;
  color: var(--cwh-mocha);
}
.cwh-display-md {
  font-family: var(--cwh-ff-display);
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 400;
  line-height: 1.2;
  color: var(--cwh-mocha);
}
.cwh-gold   { color: var(--cwh-gold); }
.cwh-italic { font-style: italic; }

.cwh-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--cwh-gold);
  margin-bottom: 1.2rem;
}
.cwh-eyebrow::before {
  content: '';
  display: block;
  width: 30px;
  height: 1.5px;
  background: var(--cwh-gold);
  flex-shrink: 0;
}

.cwh-body-text {
  font-size: 1rem;
  line-height: 1.82;
  color: var(--cwh-coffee);
  font-weight: 300;
}

/* ── BUTTONS ── */
.cwh-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--cwh-ff-body);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: var(--cwh-radius-sm);
  padding: 0.95rem 2.2rem;
  transition: var(--cwh-transition);
  cursor: pointer;
  white-space: nowrap;
}
.cwh-btn--dark {
  background: var(--cwh-mocha);
  color: var(--cwh-cream);
}
.cwh-btn--dark:hover {
  background: var(--cwh-gold);
  color: var(--cwh-ink);
  transform: translateY(-2px);
  box-shadow: var(--cwh-shadow-md);
}
.cwh-btn--outline {
  background: transparent;
  color: var(--cwh-coffee);
  border: 1.5px solid var(--cwh-gold);
}
.cwh-btn--outline:hover {
  background: var(--cwh-gold);
  color: var(--cwh-ink);
  transform: translateY(-2px);
}
.cwh-btn--outline-light {
  background: transparent;
  color: var(--cwh-cream);
  border: 1.5px solid rgba(201,169,110,0.5);
}
.cwh-btn--outline-light:hover {
  background: var(--cwh-gold);
  color: var(--cwh-ink);
  border-color: var(--cwh-gold);
}
.cwh-btn--ghost {
  background: transparent;
  color: var(--cwh-coffee);
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1.5px solid var(--cwh-gold);
  border-radius: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.cwh-btn--ghost:hover { color: var(--cwh-gold); }

/* ── HEADER ── */
.cwh-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(250,246,241,0.94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(201,169,110,0.18);
  transition: box-shadow var(--cwh-transition);
}
.cwh-header.scrolled { box-shadow: var(--cwh-shadow-md); }

.cwh-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  gap: 1rem;
}

.cwh-site-logo {
  font-family: var(--cwh-ff-display);
  font-size: 1.55rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: var(--cwh-mocha);
  text-decoration: none;
  white-space: nowrap;
}
.cwh-site-logo strong {
  font-weight: 600;
  font-style: italic;
  color: var(--cwh-gold);
}
/* WordPress custom logo override */
.cwh-nav .custom-logo { max-height: 52px; width: auto; }

.cwh-nav__menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* WP nav menu reset */
.cwh-nav__links {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cwh-nav__links li { margin: 0; }
.cwh-nav__links li a,
.cwh-nav__links li > a {
  display: block;
  padding: 0.4rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cwh-coffee);
  text-decoration: none;
  border-radius: var(--cwh-radius-sm);
  transition: color var(--cwh-transition), background var(--cwh-transition);
}
.cwh-nav__links li a:hover { color: var(--cwh-gold); background: rgba(201,169,110,0.08); }
.cwh-nav__cta { margin-left: 0.5rem; }

/* Mobile toggle */
.cwh-nav__toggle {
  display: none;
  background: none;
  border: none;
  padding: 0.5rem;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}
.cwh-nav__toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--cwh-mocha);
  transition: var(--cwh-transition);
  border-radius: 2px;
}
.cwh-nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.cwh-nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.cwh-nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* ── MARQUEE ── */
.cwh-marquee {
  background: var(--cwh-mocha);
  overflow: hidden;
  padding: 0.6rem 0;
}
.cwh-marquee__track {
  display: flex;
  gap: 2.5rem;
  animation: cwhMarquee 32s linear infinite;
  white-space: nowrap;
  will-change: transform;
}
.cwh-marquee__track:hover { animation-play-state: paused; }
.cwh-marquee__item {
  flex-shrink: 0;
  font-family: var(--cwh-ff-display);
  font-size: 0.88rem;
  font-style: italic;
  color: rgba(201,169,110,0.85);
}
.cwh-marquee__dot {
  flex-shrink: 0;
  color: rgba(232,212,168,0.3);
}
@keyframes cwhMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── HERO ── */
.cwh-hero {
  min-height: 100svh;
  display: grid;
  grid-template-columns: 52% 48%;
  align-items: center;
  padding-top: 110px; /* header + marquee height */
  position: relative;
  overflow: hidden;
}
.cwh-hero__bg-shape {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 80% at 80% 50%, rgba(237,213,192,0.22) 0%, transparent 70%);
  pointer-events: none;
}
.cwh-hero__content {
  padding: 4rem 3rem 4rem clamp(1.5rem,5vw,5rem);
  position: relative;
  z-index: 2;
}
.cwh-hero__headline { margin-bottom: 1.4rem; }
.cwh-hero__sub { max-width: 440px; margin-bottom: 2.5rem; }
.cwh-hero__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3rem;
}

.cwh-hero__stats {
  display: flex;
  gap: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(201,169,110,0.22);
  flex-wrap: wrap;
}
.cwh-stat__number {
  font-family: var(--cwh-ff-display);
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--cwh-mocha);
  line-height: 1;
}
.cwh-stat__label {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cwh-coffee);
  margin-top: 0.3rem;
  opacity: 0.7;
}

.cwh-hero__visual {
  position: relative;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.cwh-hero__frame { position: relative; width: min(360px, 85%); }

.cwh-hero__photo {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: top center;
  border-radius: 4px 4px 80px 4px;
  box-shadow: var(--cwh-shadow-lg);
}
.cwh-hero__placeholder {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 4px 4px 80px 4px;
  background: linear-gradient(160deg, var(--cwh-blush) 0%, var(--cwh-gold) 55%, var(--cwh-mocha-mid) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: var(--cwh-shadow-lg);
}
.cwh-ph__icon { font-size: 4rem; opacity: 0.5; }
.cwh-ph__name {
  font-family: var(--cwh-ff-display);
  font-size: 1.5rem;
  font-weight: 300;
  color: rgba(255,255,255,0.9);
  margin-top: 1rem;
}
.cwh-ph__title {
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  margin-top: 0.25rem;
}

.cwh-hero__badge {
  position: absolute;
  top: -16px; right: -20px;
  width: 96px; height: 96px;
}
.cwh-badge__ring {
  width: 100%; height: 100%;
  border-radius: 50%;
  background: var(--cwh-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: cwhSpin 12s linear infinite;
}
.cwh-badge__inner {
  animation: cwhSpin 12s linear reverse infinite;
  text-align: center;
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cwh-ink);
  line-height: 1.35;
  padding: 0.5rem;
}
.cwh-badge__icon { font-size: 1.3rem; display: block; margin-bottom: 0.2rem; }
@keyframes cwhSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

.cwh-hero__float-card {
  position: absolute;
  bottom: 60px; right: -16px;
  background: white;
  border: 1px solid rgba(201,169,110,0.25);
  border-radius: var(--cwh-radius-md);
  padding: 0.9rem 1.1rem;
  box-shadow: var(--cwh-shadow-md);
  animation: cwhFloat 3.5s ease-in-out infinite alternate;
  min-width: 165px;
}
.cwh-float__icon { font-size: 1.3rem; }
.cwh-float__title { font-weight: 700; font-size: 0.82rem; color: var(--cwh-mocha); margin-top: 0.2rem; }
.cwh-float__sub { font-size: 0.72rem; color: var(--cwh-coffee); margin-top: 0.1rem; }
@keyframes cwhFloat {
  from { transform: translateY(0); }
  to   { transform: translateY(-10px); }
}

/* ── ABOUT ── */
.cwh-about { padding: 8rem 0; }
.cwh-about__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
}
.cwh-about__photos {
  position: relative;
  height: 540px;
}
.cwh-about__img-a {
  position: absolute; top: 0; left: 0;
  width: 58%; height: 72%;
  border-radius: 4px 4px 4px 70px;
  background: linear-gradient(150deg, var(--cwh-blush), var(--cwh-gold));
  display: flex; align-items: center; justify-content: center;
  font-size: 3rem; opacity: 0.5;
  box-shadow: var(--cwh-shadow-md);
}
.cwh-about__img-b {
  position: absolute; bottom: 0; right: 0;
  width: 55%; height: 58%;
  border: 6px solid var(--cwh-cream);
  border-radius: var(--cwh-radius-sm);
  background: linear-gradient(135deg, var(--cwh-mocha-mid), var(--cwh-coffee));
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem; opacity: 0.6;
  box-shadow: var(--cwh-shadow-md);
}
/* When using real images in about section */
.cwh-about__img-a img,
.cwh-about__img-b img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: top;
}
.cwh-about__pullquote {
  position: absolute;
  bottom: 70px; left: -24px;
  background: var(--cwh-gold);
  color: var(--cwh-ink);
  padding: 1.3rem 1.6rem;
  max-width: 210px;
  border-radius: var(--cwh-radius-sm);
  z-index: 5;
  box-shadow: var(--cwh-shadow-md);
}
.cwh-about__pullquote p {
  font-family: var(--cwh-ff-display);
  font-size: 0.95rem;
  font-style: italic;
  line-height: 1.45;
}
.cwh-about__pullquote cite {
  display: block;
  font-style: normal;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: 0.6rem;
  opacity: 0.7;
}

.cwh-about__pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
  margin-top: 2.2rem;
}
.cwh-pillar {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.1rem;
  background: var(--cwh-soft);
  border-left: 2.5px solid var(--cwh-gold);
  border-radius: 0 var(--cwh-radius-sm) var(--cwh-radius-sm) 0;
  transition: var(--cwh-transition);
}
.cwh-pillar:hover { background: rgba(201,169,110,0.1); transform: translateX(3px); }
.cwh-pillar__icon { font-size: 1.25rem; flex-shrink: 0; }
.cwh-pillar__name {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cwh-mocha);
  margin-bottom: 0.2rem;
}
.cwh-pillar__desc { font-size: 0.8rem; color: var(--cwh-coffee); line-height: 1.5; }

/* ── EPISODES ── */
.cwh-episodes {
  background: var(--cwh-mocha);
  padding: 7rem 0;
}
.cwh-episodes__header { text-align: center; margin-bottom: 4rem; }
.cwh-episodes__header .cwh-eyebrow::before { background: var(--cwh-gold); }
.cwh-episodes__header .cwh-display-lg { color: var(--cwh-cream); }

.cwh-episodes__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.cwh-ep-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(201,169,110,0.12);
  border-radius: var(--cwh-radius-md);
  overflow: hidden;
  transition: var(--cwh-transition);
}
.cwh-ep-card a { display: block; text-decoration: none; }
.cwh-ep-card:hover {
  transform: translateY(-5px);
  border-color: rgba(201,169,110,0.4);
  box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}
.cwh-ep-card:focus-within { outline: 2px solid var(--cwh-gold); outline-offset: 3px; }

.cwh-ep__thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.cwh-ep__img,
.cwh-ep__thumb-ph {
  width: 100%; height: 100%;
  object-fit: cover;
}
.cwh-ep__thumb-ph { display: flex; align-items: center; justify-content: center; }
.cwh-ep__img { transition: transform 0.5s ease; }
.cwh-ep-card:hover .cwh-ep__img { transform: scale(1.05); }

.cwh-ep__overlay {
  position: absolute; inset: 0;
  background: rgba(30,16,8,0.35);
  display: flex; align-items: center; justify-content: center;
  transition: background var(--cwh-transition);
}
.cwh-ep-card:hover .cwh-ep__overlay { background: rgba(201,169,110,0.2); }

.cwh-ep__play {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: var(--cwh-gold);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: var(--cwh-ink);
  transition: transform var(--cwh-transition);
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.cwh-ep-card:hover .cwh-ep__play { transform: scale(1.12); }

.cwh-ep__duration {
  position: absolute; bottom: 8px; right: 10px;
  background: rgba(0,0,0,0.75); color: white;
  font-size: 0.68rem; font-weight: 600;
  padding: 2px 7px; border-radius: 3px;
}
.cwh-ep__info { padding: 1.1rem 1.3rem 1.4rem; }
.cwh-ep__tag {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--cwh-gold); margin-bottom: 0.45rem;
}
.cwh-ep__title {
  font-family: var(--cwh-ff-display);
  font-size: 1.08rem; font-weight: 400;
  color: var(--cwh-cream); line-height: 1.38; margin-bottom: 0.6rem;
}
.cwh-ep__meta { font-size: 0.7rem; color: rgba(250,246,241,0.42); }

.cwh-ep-card--all {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 2.5rem; text-align: center; min-height: 260px;
}
.cwh-ep-all__icon { font-size: 2.5rem; margin-bottom: 1rem; opacity: 0.6; }
.cwh-ep-all__text {
  font-family: var(--cwh-ff-display);
  font-size: 1.15rem; color: var(--cwh-cream); margin-bottom: 1.5rem;
}
.cwh-episodes__cta { text-align: center; margin-top: 2.5rem; }

/* ── TOPICS ── */
.cwh-topics { padding: 8rem 0; }
.cwh-topics__intro {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 5rem; align-items: end; margin-bottom: 4rem;
}
.cwh-topics__grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem;
}
.cwh-topic-card {
  padding: 2rem;
  background: var(--cwh-soft);
  border: 1px solid rgba(201,169,110,0.18);
  border-radius: var(--cwh-radius-sm);
  position: relative; overflow: hidden;
  transition: var(--cwh-transition);
}
.cwh-topic-card::after {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 3px; height: 0;
  background: linear-gradient(to bottom, var(--cwh-gold), var(--cwh-blush));
  transition: height 0.3s ease;
}
.cwh-topic-card:hover::after { height: 100%; }
.cwh-topic-card:hover {
  border-color: rgba(201,169,110,0.35);
  transform: translateY(-4px);
  box-shadow: var(--cwh-shadow-md);
}
.cwh-topic__emoji { font-size: 2rem; margin-bottom: 1.1rem; display: block; }
.cwh-topic__name {
  font-family: var(--cwh-ff-display);
  font-size: 1.3rem; font-weight: 600;
  color: var(--cwh-mocha); margin-bottom: 0.6rem;
}
.cwh-topic__desc { font-size: 0.82rem; line-height: 1.68; color: var(--cwh-coffee); }

/* ── FAQ ── */
.cwh-faq { background: var(--cwh-soft); padding: 7rem 0; }
.cwh-faq__header { text-align: center; margin-bottom: 3.5rem; }
.cwh-faq__grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 1.5rem; max-width: 960px; margin: 0 auto;
}
.cwh-faq__item {
  background: white;
  border: 1px solid rgba(201,169,110,0.2);
  border-radius: var(--cwh-radius-sm);
  overflow: hidden; transition: var(--cwh-transition);
}
.cwh-faq__item[open] { border-color: var(--cwh-gold); box-shadow: var(--cwh-shadow-sm); }
.cwh-faq__item summary {
  padding: 1.4rem 1.5rem; cursor: pointer;
  font-weight: 600; font-size: 0.92rem; color: var(--cwh-mocha);
  list-style: none; display: flex;
  justify-content: space-between; align-items: center; gap: 1rem;
}
.cwh-faq__item summary::-webkit-details-marker { display: none; }
.cwh-faq__item summary::after {
  content: '+'; font-size: 1.3rem;
  color: var(--cwh-gold); flex-shrink: 0;
  transition: transform var(--cwh-transition);
}
.cwh-faq__item[open] summary::after { transform: rotate(45deg); }
.cwh-faq__answer { padding: 0 1.5rem 1.4rem; font-size: 0.88rem; line-height: 1.75; color: var(--cwh-coffee); }

/* ── NEWSLETTER ── */
.cwh-newsletter {
  background: linear-gradient(145deg, var(--cwh-blush) 0%, #E4C4A8 45%, var(--cwh-gold) 100%);
  padding: 6rem 0;
  position: relative; overflow: hidden;
}
.cwh-newsletter::before {
  content: '"';
  position: absolute; top: -3rem; left: 1rem;
  font-family: var(--cwh-ff-display);
  font-size: 22rem; color: rgba(255,255,255,0.1);
  line-height: 1; pointer-events: none;
}
.cwh-newsletter__box {
  max-width: 620px; margin: 0 auto;
  text-align: center; position: relative; z-index: 2;
}
.cwh-newsletter__box .cwh-display-lg { color: var(--cwh-mocha); margin-bottom: 0.8rem; }
.cwh-newsletter__box .cwh-body-text { max-width: 460px; margin: 0 auto 2rem; }
.cwh-newsletter__form {
  display: flex; max-width: 480px; margin: 0 auto;
  border-radius: var(--cwh-radius-sm); overflow: hidden;
  box-shadow: var(--cwh-shadow-lg);
}
.cwh-newsletter__input {
  flex: 1; padding: 1.05rem 1.5rem;
  border: none; font-family: var(--cwh-ff-body);
  font-size: 0.9rem; color: var(--cwh-ink); background: white;
  outline: none;
}
.cwh-newsletter__input::placeholder { color: rgba(123,94,58,0.5); }
.cwh-newsletter__submit {
  background: var(--cwh-mocha); color: var(--cwh-cream);
  border: none; padding: 1.05rem 1.8rem;
  font-family: var(--cwh-ff-body);
  font-size: 0.73rem; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  cursor: pointer; transition: background var(--cwh-transition);
  white-space: nowrap;
}
.cwh-newsletter__submit:hover { background: var(--cwh-mocha-mid); }
.cwh-newsletter__note {
  font-size: 0.72rem; color: var(--cwh-coffee);
  margin-top: 0.85rem; opacity: 0.75;
}

/* ── SOCIAL ── */
.cwh-social { padding: 7rem 0; }
.cwh-social__grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 6rem; align-items: center;
}
.cwh-social__links { display: flex; flex-direction: column; gap: 1rem; }
.cwh-social__card {
  display: flex; align-items: center; gap: 1.1rem;
  padding: 1.15rem 1.5rem;
  background: var(--cwh-soft);
  border: 1px solid rgba(201,169,110,0.2);
  border-radius: var(--cwh-radius-sm);
  text-decoration: none; color: var(--cwh-mocha);
  transition: var(--cwh-transition);
}
.cwh-social__card:hover {
  background: var(--cwh-gold);
  border-color: var(--cwh-gold);
  color: var(--cwh-ink);
  transform: translateX(5px);
  box-shadow: var(--cwh-shadow-sm);
}
.cwh-social__icon { font-size: 1.5rem; flex-shrink: 0; }
.cwh-social__name { font-weight: 700; font-size: 0.88rem; display: block; }
.cwh-social__handle { font-size: 0.72rem; opacity: 0.6; }
.cwh-social__arrow { margin-left: auto; opacity: 0.4; font-size: 1.1rem; }
.cwh-social__card:hover .cwh-social__arrow { opacity: 1; }

/* ── FOOTER ── */
.cwh-footer {
  background: var(--cwh-ink);
  color: rgba(250,246,241,0.5);
  padding: 3.5rem 0 2rem;
}
.cwh-footer__top {
  display: flex; align-items: center;
  justify-content: space-between; gap: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 1.8rem; flex-wrap: wrap;
}
.cwh-footer__logo {
  font-family: var(--cwh-ff-display);
  font-size: 1.6rem; font-weight: 300;
  color: var(--cwh-cream); text-decoration: none;
}
.cwh-footer__logo strong { color: var(--cwh-gold); font-style: italic; }

.cwh-footer__links {
  display: flex; gap: 2rem; flex-wrap: wrap; list-style: none;
  margin: 0; padding: 0;
}
.cwh-footer__links li a,
.cwh-footer__links li > a {
  color: rgba(250,246,241,0.45); text-decoration: none;
  font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase;
  transition: color var(--cwh-transition);
}
.cwh-footer__links li a:hover { color: var(--cwh-gold); }

.cwh-footer__bottom {
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: 1rem; font-size: 0.72rem;
}
.cwh-footer__social { display: flex; gap: 1.2rem; }
.cwh-footer__social a {
  color: rgba(250,246,241,0.35); text-decoration: none;
  font-size: 0.75rem; transition: color var(--cwh-transition);
}
.cwh-footer__social a:hover { color: var(--cwh-gold); }

/* ── BLOG ── */
.cwh-blog { padding: 8rem 0 5rem; }
.cwh-blog__header { text-align: center; margin-bottom: 4rem; }
.cwh-blog__grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin-bottom: 3rem;
}
.cwh-post-card {
  background: var(--cwh-soft);
  border: 1px solid rgba(201,169,110,0.15);
  border-radius: var(--cwh-radius-md);
  overflow: hidden;
  transition: var(--cwh-transition);
}
.cwh-post-card:hover { transform: translateY(-4px); box-shadow: var(--cwh-shadow-md); }
.cwh-post-card__thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.cwh-post-card__body { padding: 1.5rem; }
.cwh-post-card__meta { font-size: 0.72rem; color: var(--cwh-gold); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.6rem; }
.cwh-post-card__date::after { content: ' ·'; margin-right: 0.3rem; }
.cwh-post-card__title { font-family: var(--cwh-ff-display); font-size: 1.3rem; font-weight: 400; color: var(--cwh-mocha); line-height: 1.3; margin-bottom: 0.8rem; }
.cwh-post-card__title a { text-decoration: none; }
.cwh-post-card__title a:hover { color: var(--cwh-gold); }
.cwh-post-card__excerpt { font-size: 0.88rem; color: var(--cwh-coffee); line-height: 1.7; margin-bottom: 1.2rem; }
.cwh-no-posts { text-align: center; padding: 4rem; grid-column: 1/-1; }

/* ── SINGLE POST ── */
.cwh-single { padding: 8rem 0 5rem; }
.cwh-single__layout { display: grid; grid-template-columns: 1fr 300px; gap: 4rem; align-items: start; }
.cwh-article__header { margin-bottom: 2.5rem; }
.cwh-article__title { margin: 1rem 0 1.5rem; }
.cwh-article__meta { display: flex; align-items: center; gap: 1rem; }
.cwh-article__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.cwh-article__author { display: block; font-weight: 600; font-size: 0.88rem; color: var(--cwh-mocha); }
.cwh-article__date { display: block; font-size: 0.75rem; color: var(--cwh-coffee); margin-top: 0.15rem; }
.cwh-article__thumb { margin: 2rem 0; border-radius: var(--cwh-radius-md); overflow: hidden; }
.cwh-article__thumb img { width: 100%; }

/* Prose */
.cwh-prose { font-size: 1.05rem; line-height: 1.88; color: #2D1F12; }
.cwh-prose h2 { font-family: var(--cwh-ff-display); font-size: 1.8rem; margin: 2.5rem 0 1rem; color: var(--cwh-mocha); }
.cwh-prose h3 { font-family: var(--cwh-ff-display); font-size: 1.4rem; margin: 2rem 0 0.8rem; color: var(--cwh-mocha); }
.cwh-prose p { margin-bottom: 1.4rem; }
.cwh-prose a { color: var(--cwh-gold); text-decoration: underline; }
.cwh-prose ul, .cwh-prose ol { margin: 1rem 0 1.4rem 1.5rem; }
.cwh-prose li { margin-bottom: 0.5rem; }
.cwh-prose blockquote {
  border-left: 3px solid var(--cwh-gold);
  padding: 1rem 1.5rem; margin: 2rem 0;
  font-family: var(--cwh-ff-display);
  font-size: 1.2rem; font-style: italic;
  color: var(--cwh-mocha); background: rgba(201,169,110,0.06);
}
.cwh-prose img { border-radius: var(--cwh-radius-sm); margin: 2rem 0; }

.cwh-article__footer { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(201,169,110,0.2); }
.cwh-article__tags, .cwh-article__share { margin-bottom: 1rem; font-size: 0.88rem; color: var(--cwh-coffee); }
.cwh-article__tags a, .cwh-article__share a { color: var(--cwh-gold); margin-left: 0.5rem; }

.cwh-post-nav { display: flex; justify-content: space-between; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(201,169,110,0.2); }
.cwh-post-nav__title { font-family: var(--cwh-ff-display); font-size: 1rem; color: var(--cwh-mocha); }

/* Sidebar */
.cwh-sidebar { position: sticky; top: 110px; }
.widget { margin-bottom: 2.5rem; padding: 1.5rem; background: var(--cwh-soft); border-radius: var(--cwh-radius-md); }
.widget-title { font-family: var(--cwh-ff-display); font-size: 1.1rem; color: var(--cwh-mocha); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(201,169,110,0.25); }

/* Pagination */
.cwh-pagination { text-align: center; }
.cwh-pagination .nav-links { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; }
.cwh-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  font-size: 0.85rem; font-weight: 600; color: var(--cwh-coffee);
  text-decoration: none; transition: var(--cwh-transition);
}
.cwh-pagination .page-numbers:hover,
.cwh-pagination .page-numbers.current {
  background: var(--cwh-gold); color: var(--cwh-ink);
}
.cwh-pagination .prev, .cwh-pagination .next { width: auto; padding: 0 1rem; border-radius: 20px; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .cwh-about__grid { gap: 4rem; }
  .cwh-episodes__grid { grid-template-columns: 1fr 1fr; }
  .cwh-topics__intro { grid-template-columns: 1fr; gap: 2rem; }
  .cwh-blog__grid { grid-template-columns: 1fr 1fr; }
  .cwh-single__layout { grid-template-columns: 1fr; }
  .cwh-sidebar { position: static; }
}

@media (max-width: 768px) {
  .cwh-nav__toggle { display: flex; }
  .cwh-nav__menu {
    display: none !important;
    position: fixed;
    inset: 110px 0 0;
    background: var(--cwh-cream);
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    gap: 0.5rem;
    z-index: 999;
    overflow-y: auto;
  }
  .cwh-nav__menu.open { display: flex !important; }
  .cwh-nav__links { flex-direction: column; width: 100%; gap: 0; }
  .cwh-nav__links li { width: 100%; }
  .cwh-nav__links li a {
    font-size: 1rem; padding: 0.75rem 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(201,169,110,0.15);
    width: 100%;
  }
  .cwh-nav__cta { width: 100%; margin-top: 1rem; }
  .cwh-nav__cta a { justify-content: center; padding: 0.85rem; width: 100%; }

  .cwh-hero { grid-template-columns: 1fr; padding-top: 110px; min-height: auto; }
  .cwh-hero__visual { height: auto; padding: 2rem 0 0; }
  .cwh-hero__content { padding: 2.5rem 1.5rem 2rem; }
  .cwh-hero__frame { width: min(280px,80%); }
  .cwh-hero__float-card { display: none; }

  .cwh-about__grid { grid-template-columns: 1fr; }
  .cwh-about__photos { height: 340px; }
  .cwh-about__pullquote { left: 0; bottom: 0; }

  .cwh-episodes__grid { grid-template-columns: 1fr; }
  .cwh-topics__grid { grid-template-columns: 1fr 1fr; }
  .cwh-faq__grid { grid-template-columns: 1fr; }
  .cwh-social__grid { grid-template-columns: 1fr; gap: 3rem; }
  .cwh-blog__grid { grid-template-columns: 1fr; }

  .cwh-footer__top { flex-direction: column; text-align: center; }
  .cwh-footer__links { justify-content: center; }
  .cwh-footer__bottom { flex-direction: column; text-align: center; }

  .cwh-newsletter__form { flex-direction: column; }
  .cwh-newsletter__input, .cwh-newsletter__submit { border-radius: var(--cwh-radius-sm); }
}

@media (max-width: 480px) {
  .cwh-topics__grid { grid-template-columns: 1fr; }
  .cwh-about__pillars { grid-template-columns: 1fr; }
  .cwh-hero__stats { gap: 1.5rem; }
  .cwh-episodes__grid { grid-template-columns: 1fr; }
}

/* ── SAFE THEME ALIASES ── */
.cwh-wrap          { max-width:1280px; margin:0 auto; padding:0 clamp(1rem,4vw,2.5rem); }
.cwh-h1            { font-family:var(--cwh-ff-display); font-size:clamp(3rem,7vw,5.8rem); font-weight:300; line-height:1.05; color:var(--cwh-mocha); }
.cwh-h2            { font-family:var(--cwh-ff-display); font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; line-height:1.1; color:var(--cwh-mocha); }
.cwh-body          { font-size:1rem; line-height:1.82; color:var(--cwh-coffee); font-weight:300; }
.cwh-light         { color:var(--cwh-cream); }
.cwh-eyebrow-light { color:var(--cwh-gold); }
.cwh-eyebrow-light::before { background:var(--cwh-gold); }

/* Skip link */
.cwh-skip-link { position:absolute; top:-100%; left:1rem; background:var(--cwh-mocha); color:var(--cwh-cream); padding:.5rem 1rem; border-radius:4px; font-size:.85rem; font-weight:600; z-index:9999; text-decoration:none; transition:top .2s; }
.cwh-skip-link:focus { top:1rem; }
.cwh-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Nav */
.cwh-nav-wrap     { display:flex; align-items:center; justify-content:space-between; height:72px; gap:1rem; }
.cwh-logo-text    { font-family:var(--cwh-ff-display); font-size:1.5rem; font-weight:300; color:var(--cwh-mocha); text-decoration:none; white-space:nowrap; }
.cwh-logo-text strong { color:var(--cwh-gold); font-style:italic; }
.cwh-nav          { display:flex; align-items:center; gap:.5rem; }
.cwh-nav-list     { display:flex; align-items:center; gap:.25rem; list-style:none; margin:0; padding:0; }
.cwh-nav-list li a { display:block; padding:.4rem .85rem; font-size:.78rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--cwh-coffee); text-decoration:none; border-radius:4px; transition:var(--cwh-transition); }
.cwh-nav-list li a:hover { color:var(--cwh-gold); background:rgba(201,169,110,.08); }
.cwh-nav-cta      { margin-left:.5rem; }

/* Ticker */
.cwh-ticker       { background:var(--cwh-mocha); overflow:hidden; padding:.6rem 0; }
.cwh-ticker-track { display:flex; gap:2rem; white-space:nowrap; animation:cwhTick 30s linear infinite; }
.cwh-ticker-track span { flex-shrink:0; font-family:var(--cwh-ff-display); font-size:.88rem; font-style:italic; color:rgba(201,169,110,.85); }
.cwh-ticker-track .cwh-dot { color:rgba(201,169,110,.3); font-style:normal; }
@keyframes cwhTick { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* Hero */
.cwh-hero         { display:grid; grid-template-columns:52% 48%; align-items:center; min-height:100svh; padding-top:110px; position:relative; overflow:hidden; }
.cwh-hero-bg      { position:absolute; inset:0; background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(237,213,192,.22) 0%,transparent 70%); pointer-events:none; }
.cwh-hero-content { padding:4rem 3rem 4rem clamp(1.5rem,5vw,5rem); position:relative; z-index:2; }
.cwh-hero-h1      { margin-bottom:1.4rem; }
.cwh-hero-body    { max-width:440px; margin-bottom:2.5rem; }
.cwh-hero-actions { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; margin-bottom:3rem; }
.cwh-hero-stats   { display:flex; gap:2.5rem; padding-top:2rem; border-top:1px solid rgba(201,169,110,.22); flex-wrap:wrap; }
.cwh-stat-num     { font-family:var(--cwh-ff-display); font-size:2.4rem; font-weight:600; color:var(--cwh-mocha); line-height:1; }
.cwh-stat-label   { font-size:.67rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--cwh-coffee); margin-top:.3rem; opacity:.7; }
.cwh-hero-visual  { position:relative; height:100svh; display:flex; align-items:center; justify-content:center; z-index:2; }
.cwh-hero-frame   { position:relative; width:min(360px,85%); }
.cwh-hero-photo   { width:100%; aspect-ratio:3/4; object-fit:cover; object-position:top center; border-radius:4px 4px 80px 4px; box-shadow:var(--cwh-shadow-lg); }
.cwh-hero-ph      { width:100%; aspect-ratio:3/4; border-radius:4px 4px 80px 4px; background:linear-gradient(160deg,var(--cwh-blush) 0%,var(--cwh-gold) 55%,var(--cwh-mocha-mid) 100%); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:var(--cwh-shadow-lg); }
.cwh-ph-icon      { font-size:4rem; opacity:.5; }
.cwh-ph-name      { font-family:var(--cwh-ff-display); font-size:1.5rem; font-weight:300; color:rgba(255,255,255,.9); margin-top:1rem; }
.cwh-ph-title     { font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-top:.25rem; }
.cwh-hero-badge   { position:absolute; top:-16px; right:-20px; width:96px; height:96px; }
.cwh-badge-ring   { width:100%; height:100%; border-radius:50%; background:var(--cwh-gold); display:flex; align-items:center; justify-content:center; animation:cwhSpin 12s linear infinite; }
.cwh-badge-inner  { animation:cwhSpin 12s linear reverse infinite; text-align:center; font-size:.55rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--cwh-ink); line-height:1.35; padding:.5rem; }
@keyframes cwhSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* About */
.cwh-about            { padding:8rem 0; }
.cwh-about-grid       { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.cwh-about-photos     { position:relative; height:540px; }
.cwh-photo-a          { position:absolute; top:0; left:0; width:58%; height:72%; border-radius:4px 4px 4px 70px; background:linear-gradient(150deg,var(--cwh-blush),var(--cwh-gold)); display:flex; align-items:center; justify-content:center; font-size:3rem; opacity:.5; box-shadow:var(--cwh-shadow-md); }
.cwh-photo-b          { position:absolute; bottom:0; right:0; width:55%; height:58%; border:6px solid var(--cwh-cream); border-radius:4px; background:linear-gradient(135deg,var(--cwh-mocha-mid),var(--cwh-coffee)); display:flex; align-items:center; justify-content:center; font-size:2.5rem; opacity:.6; box-shadow:var(--cwh-shadow-md); }
.cwh-pullquote        { position:absolute; bottom:70px; left:-24px; background:var(--cwh-gold); color:var(--cwh-ink); padding:1.3rem 1.6rem; max-width:210px; border-radius:4px; z-index:5; box-shadow:var(--cwh-shadow-md); }
.cwh-pullquote p      { font-family:var(--cwh-ff-display); font-size:.95rem; font-style:italic; line-height:1.45; }
.cwh-pullquote cite   { display:block; font-style:normal; font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-top:.6rem; opacity:.7; }
.cwh-pillars          { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; margin-top:2.2rem; }
.cwh-pillar           { display:flex; align-items:flex-start; gap:.75rem; padding:1.1rem; background:var(--cwh-soft); border-left:2.5px solid var(--cwh-gold); border-radius:0 4px 4px 0; }
.cwh-pillar-icon      { font-size:1.25rem; flex-shrink:0; }
.cwh-pillar-name      { font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cwh-mocha); display:block; margin-bottom:.2rem; }
.cwh-pillar p         { font-size:.8rem; color:var(--cwh-coffee); line-height:1.5; margin:0; }

/* Episodes section */
.cwh-episodes         { background:var(--cwh-mocha); padding:7rem 0; }
.cwh-section-header   { text-align:center; margin-bottom:4rem; }
.cwh-eps-grid         { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.cwh-ep-card          { background:rgba(255,255,255,.04); border:1px solid rgba(201,169,110,.12); border-radius:12px; overflow:hidden; transition:var(--cwh-transition); }
.cwh-ep-card a        { display:block; text-decoration:none; }
.cwh-ep-card:hover    { transform:translateY(-5px); border-color:rgba(201,169,110,.4); box-shadow:0 20px 50px rgba(0,0,0,.3); }
.cwh-ep-thumb         { position:relative; aspect-ratio:16/9; overflow:hidden; }
.cwh-ep-img           { width:100%; height:100%; object-fit:cover; }
.cwh-ep-ph            { width:100%; height:100%; background:linear-gradient(135deg,#3B2A1A,#7B5E3A); }
.cwh-ep-overlay       { position:absolute; inset:0; background:rgba(30,16,8,.35); display:flex; align-items:center; justify-content:center; transition:var(--cwh-transition); }
.cwh-ep-card:hover .cwh-ep-overlay { background:rgba(201,169,110,.2); }
.cwh-ep-play          { width:52px; height:52px; border-radius:50%; background:var(--cwh-gold); display:flex; align-items:center; justify-content:center; font-size:1.1rem; color:var(--cwh-ink); box-shadow:0 4px 16px rgba(0,0,0,.3); transition:transform var(--cwh-transition); }
.cwh-ep-card:hover .cwh-ep-play { transform:scale(1.12); }
.cwh-ep-dur           { position:absolute; bottom:8px; right:10px; background:rgba(0,0,0,.75); color:#fff; font-size:.68rem; font-weight:600; padding:2px 7px; border-radius:3px; }
.cwh-ep-info          { padding:1.1rem 1.3rem 1.4rem; }
.cwh-ep-tag           { display:block; font-size:.62rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--cwh-gold); margin-bottom:.45rem; }
.cwh-ep-title         { font-family:var(--cwh-ff-display); font-size:1.08rem; font-weight:400; color:var(--cwh-cream); line-height:1.38; margin-bottom:.6rem; }
.cwh-ep-meta          { font-size:.7rem; color:rgba(250,246,241,.42); }
.cwh-ep-all           { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2.5rem; text-align:center; min-height:260px; }
.cwh-ep-all-icon      { font-size:2.5rem; margin-bottom:1rem; opacity:.6; color:var(--cwh-cream); }
.cwh-ep-all-text      { font-family:var(--cwh-ff-display); font-size:1.15rem; color:var(--cwh-cream); margin-bottom:1.5rem; }
.cwh-section-cta      { text-align:center; margin-top:2.5rem; }
.cwh-btn-outline-lt   { background:transparent; color:var(--cwh-cream); border:1.5px solid rgba(201,169,110,.5); display:inline-flex; align-items:center; gap:.5rem; font-family:var(--cwh-ff-body); font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; border-radius:4px; padding:.95rem 2.2rem; transition:var(--cwh-transition); }
.cwh-btn-outline-lt:hover { background:var(--cwh-gold); color:var(--cwh-ink); border-color:var(--cwh-gold); }

/* Topics */
.cwh-topics           { padding:8rem 0; }
.cwh-topics-intro     { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:end; margin-bottom:4rem; }
.cwh-topics-grid      { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.cwh-topic-card       { padding:2rem; background:var(--cwh-soft); border:1px solid rgba(201,169,110,.18); border-radius:4px; position:relative; overflow:hidden; transition:var(--cwh-transition); }
.cwh-topic-card::after { content:''; position:absolute; top:0; left:0; width:3px; height:0; background:linear-gradient(to bottom,var(--cwh-gold),var(--cwh-blush)); transition:height .3s; }
.cwh-topic-card:hover::after { height:100%; }
.cwh-topic-card:hover { transform:translateY(-4px); box-shadow:var(--cwh-shadow-md); }
.cwh-topic-icon       { font-size:2rem; margin-bottom:1rem; display:block; }
.cwh-topic-name       { font-family:var(--cwh-ff-display); font-size:1.3rem; font-weight:600; color:var(--cwh-mocha); margin-bottom:.6rem; }
.cwh-topic-desc       { font-size:.82rem; line-height:1.68; color:var(--cwh-coffee); }

/* FAQ */
.cwh-faq              { background:var(--cwh-soft); padding:7rem 0; }
.cwh-faq-grid         { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; max-width:960px; margin:0 auto; }
.cwh-faq-item         { background:#fff; border:1px solid rgba(201,169,110,.2); border-radius:4px; overflow:hidden; }
.cwh-faq-item[open]   { border-color:var(--cwh-gold); box-shadow:var(--cwh-shadow-sm); }
.cwh-faq-item summary { padding:1.4rem 1.5rem; cursor:pointer; font-weight:600; font-size:.92rem; color:var(--cwh-mocha); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.cwh-faq-item summary::-webkit-details-marker { display:none; }
.cwh-faq-item summary::after { content:'+'; font-size:1.3rem; color:var(--cwh-gold); flex-shrink:0; transition:transform var(--cwh-transition); }
.cwh-faq-item[open] summary::after { transform:rotate(45deg); }
.cwh-faq-answer       { padding:0 1.5rem 1.4rem; font-size:.88rem; line-height:1.75; color:var(--cwh-coffee); }

/* Connect/Social */
.cwh-connect          { padding:7rem 0; }
.cwh-connect-grid     { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.cwh-social-list      { display:flex; flex-direction:column; gap:1rem; }
.cwh-social-card      { display:flex; align-items:center; gap:1.1rem; padding:1.15rem 1.5rem; background:var(--cwh-soft); border:1px solid rgba(201,169,110,.2); border-radius:4px; text-decoration:none; color:var(--cwh-mocha); transition:var(--cwh-transition); }
.cwh-social-card:hover { background:var(--cwh-gold); border-color:var(--cwh-gold); color:var(--cwh-ink); transform:translateX(5px); }
.cwh-social-icon      { font-size:1.5rem; flex-shrink:0; }
.cwh-social-info      { display:flex; flex-direction:column; }
.cwh-social-info strong { font-weight:700; font-size:.88rem; display:block; }
.cwh-social-info span  { font-size:.72rem; opacity:.6; }
.cwh-social-arrow     { margin-left:auto; opacity:.4; font-size:1.1rem; }
.cwh-social-card:hover .cwh-social-arrow { opacity:1; }

/* Newsletter */
.cwh-newsletter       { background:linear-gradient(145deg,var(--cwh-blush) 0%,#E4C4A8 45%,var(--cwh-gold) 100%); padding:6rem 0; position:relative; overflow:hidden; }
.cwh-newsletter::before { content:'"'; position:absolute; top:-3rem; left:1rem; font-family:var(--cwh-ff-display); font-size:22rem; color:rgba(255,255,255,.1); line-height:1; pointer-events:none; }
.cwh-nl-box           { max-width:620px; margin:0 auto; text-align:center; position:relative; z-index:2; }
.cwh-nl-form          { display:flex; max-width:480px; margin:1.5rem auto 0; border-radius:4px; overflow:hidden; box-shadow:var(--cwh-shadow-lg); }
.cwh-nl-input         { flex:1; padding:1.05rem 1.5rem; border:none; font-family:var(--cwh-ff-body); font-size:.9rem; color:var(--cwh-ink); background:#fff; outline:none; }
.cwh-nl-btn           { background:var(--cwh-mocha); color:var(--cwh-cream); border:none; padding:1.05rem 1.8rem; font-family:var(--cwh-ff-body); font-size:.73rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; transition:background var(--cwh-transition); white-space:nowrap; }
.cwh-nl-btn:hover     { background:var(--cwh-mocha-mid); }
.cwh-nl-note          { font-size:.72rem; color:var(--cwh-coffee); margin-top:.85rem; min-height:1.2rem; }

/* Footer */
.cwh-footer           { background:var(--cwh-ink); color:rgba(250,246,241,.5); padding:3.5rem 0 2rem; }
.cwh-footer-top       { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding-bottom:2.5rem; border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:1.8rem; flex-wrap:wrap; }
.cwh-footer-logo      { font-family:var(--cwh-ff-display); font-size:1.6rem; font-weight:300; color:var(--cwh-cream); text-decoration:none; }
.cwh-footer-logo strong { color:var(--cwh-gold); font-style:italic; }
.cwh-footer-nav       { display:flex; gap:2rem; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.cwh-footer-nav li a, .cwh-footer-nav a { color:rgba(250,246,241,.45); text-decoration:none; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; transition:color var(--cwh-transition); }
.cwh-footer-nav li a:hover, .cwh-footer-nav a:hover { color:var(--cwh-gold); }
.cwh-footer-bottom    { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; font-size:.72rem; }
.cwh-footer-social    { display:flex; gap:1.2rem; }
.cwh-footer-social a  { color:rgba(250,246,241,.35); text-decoration:none; font-size:.75rem; transition:color var(--cwh-transition); }
.cwh-footer-social a:hover { color:var(--cwh-gold); }
.cwh-footer-copy      { margin:0; }

/* Blog / single */
.cwh-blog             { padding:8rem 0 5rem; }
.cwh-blog-header      { text-align:center; margin-bottom:4rem; }
.cwh-blog-grid        { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-bottom:3rem; }
.cwh-post-card        { background:var(--cwh-soft); border:1px solid rgba(201,169,110,.15); border-radius:12px; overflow:hidden; transition:var(--cwh-transition); }
.cwh-post-card:hover  { transform:translateY(-4px); box-shadow:var(--cwh-shadow-md); }
.cwh-post-thumb img   { width:100%; aspect-ratio:16/9; object-fit:cover; }
.cwh-post-body        { padding:1.5rem; }
.cwh-post-meta        { font-size:.72rem; color:var(--cwh-gold); font-weight:600; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.6rem; }
.cwh-post-title       { font-family:var(--cwh-ff-display); font-size:1.3rem; font-weight:400; color:var(--cwh-mocha); line-height:1.3; margin-bottom:.8rem; }
.cwh-post-title a     { text-decoration:none; color:inherit; }
.cwh-post-title a:hover { color:var(--cwh-gold); }
.cwh-post-excerpt     { font-size:.88rem; color:var(--cwh-coffee); line-height:1.7; margin-bottom:1.2rem; }
.cwh-no-posts         { grid-column:1/-1; text-align:center; padding:4rem; }
.cwh-single           { padding:8rem 0 5rem; }
.cwh-page             { padding:8rem 0 5rem; }
.cwh-article-header   { margin-bottom:2rem; }
.cwh-article-meta     { display:flex; gap:1.5rem; font-size:.82rem; color:var(--cwh-coffee); margin-top:1rem; }
.cwh-article-thumb    { margin:2rem 0; border-radius:12px; overflow:hidden; }
.cwh-article-thumb img { width:100%; }
.cwh-article-content  { margin-bottom:3rem; }
.cwh-article-footer   { margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(201,169,110,.2); }
.cwh-tags, .cwh-share { margin-bottom:1rem; font-size:.88rem; color:var(--cwh-coffee); }
.cwh-share            { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
.cwh-post-nav         { margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(201,169,110,.2); }
.cwh-prose h2,.cwh-prose h3 { font-family:var(--cwh-ff-display); color:var(--cwh-mocha); margin:2rem 0 .8rem; }
.cwh-prose p          { margin-bottom:1.4rem; font-size:1.05rem; line-height:1.88; }
.cwh-prose a          { color:var(--cwh-gold); }
.cwh-prose blockquote { border-left:3px solid var(--cwh-gold); padding:1rem 1.5rem; margin:2rem 0; font-family:var(--cwh-ff-display); font-style:italic; color:var(--cwh-mocha); }
.cwh-video-wrap       { position:relative; padding-bottom:56.25%; height:0; border-radius:12px; overflow:hidden; margin:2rem 0 3rem; box-shadow:var(--cwh-shadow-lg); }
.cwh-video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.cwh-pagination .nav-links { display:flex; justify-content:center; gap:.5rem; flex-wrap:wrap; margin-top:2rem; }
.cwh-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; font-size:.85rem; font-weight:600; color:var(--cwh-coffee); text-decoration:none; transition:var(--cwh-transition); }
.cwh-pagination .page-numbers:hover,.cwh-pagination .page-numbers.current { background:var(--cwh-gold); color:var(--cwh-ink); }
.cwh-read-more        { color:var(--cwh-gold); }

/* Mobile nav toggle */
.cwh-nav-toggle       { display:none; background:none; border:none; padding:.5rem; flex-direction:column; gap:5px; cursor:pointer; }
.cwh-nav-toggle span  { display:block; width:24px; height:2px; background:var(--cwh-mocha); border-radius:2px; transition:var(--cwh-transition); }
.cwh-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.cwh-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.cwh-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* Responsive */
@media(max-width:1024px) {
  .cwh-about-grid { gap:4rem; }
  .cwh-eps-grid { grid-template-columns:1fr 1fr; }
  .cwh-topics-intro { grid-template-columns:1fr; gap:2rem; }
  .cwh-blog-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:768px) {
  .cwh-nav-toggle { display:flex; }
  .cwh-nav { display:none; position:fixed; inset:110px 0 0; background:var(--cwh-cream); flex-direction:column; align-items:flex-start; padding:2rem; gap:.5rem; z-index:999; overflow-y:auto; }
  .cwh-nav.open { display:flex; }
  .cwh-nav-list { flex-direction:column; width:100%; }
  .cwh-nav-list li { width:100%; }
  .cwh-nav-list li a { font-size:1rem; padding:.75rem 0; border-radius:0; border-bottom:1px solid rgba(201,169,110,.15); width:100%; }
  .cwh-nav-cta { width:100%; margin:1rem 0 0; }
  .cwh-hero { grid-template-columns:1fr; padding-top:110px; min-height:auto; }
  .cwh-hero-visual { height:auto; padding:2rem 0 0; }
  .cwh-hero-content { padding:2.5rem 1.5rem 2rem; }
  .cwh-hero-frame { width:min(280px,80%); }
  .cwh-about-grid { grid-template-columns:1fr; }
  .cwh-about-photos { height:340px; }
  .cwh-eps-grid { grid-template-columns:1fr; }
  .cwh-topics-grid { grid-template-columns:1fr 1fr; }
  .cwh-faq-grid { grid-template-columns:1fr; }
  .cwh-connect-grid { grid-template-columns:1fr; gap:3rem; }
  .cwh-footer-top { flex-direction:column; text-align:center; }
  .cwh-footer-nav { justify-content:center; }
  .cwh-footer-bottom { flex-direction:column; text-align:center; }
  .cwh-nl-form { flex-direction:column; }
  .cwh-blog-grid { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .cwh-topics-grid { grid-template-columns:1fr; }
  .cwh-pillars { grid-template-columns:1fr; }
  .cwh-hero-stats { gap:1.5rem; }
}

/* ═══ HUMERA LIFE THEME STYLES ═══ */
:root{--hl-cream:#FAF6F1;--hl-gold:#C9A96E;--hl-mocha:#3B2A1A;--hl-blush:#EDD5C0;--hl-coffee:#7B5E3A;--hl-ink:#1A0F08;--hl-soft:#FDFAF7;--hl-mid:#5C3D20;--ff-d:'Cormorant Garamond',Georgia,serif;--ff-b:'DM Sans',system-ui,sans-serif;--tr:.28s cubic-bezier(.4,0,.2,1);}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--ff-b);background:var(--hl-cream);color:var(--hl-ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
.hl-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);}
.hl-h1{font-family:var(--ff-d);font-size:clamp(3rem,7vw,5.8rem);font-weight:300;line-height:1.05;color:var(--hl-mocha);}
.hl-h2{font-family:var(--ff-d);font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:300;line-height:1.1;color:var(--hl-mocha);}
.hl-body{font-size:1rem;line-height:1.82;color:var(--hl-coffee);font-weight:300;}
.hl-gold{color:var(--hl-gold);}
.hl-light{color:var(--hl-cream);}
.hl-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--hl-gold);margin-bottom:1.2rem;}
.hl-eyebrow::before{content:'';display:block;width:30px;height:1.5px;background:var(--hl-gold);flex-shrink:0;}
.hl-eyebrow-lt{color:var(--hl-gold);}.hl-eyebrow-lt::before{background:var(--hl-gold);}
.hl-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-b);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:none;border-radius:4px;padding:.95rem 2.2rem;transition:var(--tr);cursor:pointer;white-space:nowrap;}
.hl-btn-dark{background:var(--hl-mocha);color:var(--hl-cream);}
.hl-btn-dark:hover{background:var(--hl-gold);color:var(--hl-ink);transform:translateY(-2px);}
.hl-btn-ghost{background:transparent;color:var(--hl-coffee);padding-left:0;padding-right:0;border-bottom:1.5px solid var(--hl-gold);border-radius:0;padding-top:.2rem;padding-bottom:.2rem;}
.hl-btn-ghost:hover{color:var(--hl-gold);}
.hl-btn-outline-lt{background:transparent;color:var(--hl-cream);border:1.5px solid rgba(201,169,110,.5);display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-b);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:4px;padding:.95rem 2.2rem;transition:var(--tr);}
.hl-btn-outline-lt:hover{background:var(--hl-gold);color:var(--hl-ink);border-color:var(--hl-gold);}
#hl-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,246,241,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,169,110,.18);}
.hl-nav-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem;}
.hl-logo{font-family:var(--ff-d);font-size:1.5rem;font-weight:300;color:var(--hl-mocha);white-space:nowrap;}
.hl-logo strong{color:var(--hl-gold);font-style:italic;}
.hl-nav{display:flex;align-items:center;gap:.5rem;}
.hl-nav-list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;}
.hl-nav-list li a{display:block;padding:.4rem .85rem;font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--hl-coffee);border-radius:4px;transition:var(--tr);}
.hl-nav-list li a:hover{color:var(--hl-gold);background:rgba(201,169,110,.08);}
.hl-toggle{display:none;background:none;border:none;padding:.5rem;flex-direction:column;gap:5px;cursor:pointer;}
.hl-toggle span{display:block;width:24px;height:2px;background:var(--hl-mocha);border-radius:2px;transition:var(--tr);}
.hl-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hl-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.hl-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.hl-ticker{background:var(--hl-mocha);overflow:hidden;padding:.6rem 0;}
.hl-ticker-track{display:flex;gap:2rem;white-space:nowrap;animation:hlTick 30s linear infinite;}
.hl-ticker-track:hover{animation-play-state:paused;}
.hl-ticker-track span{flex-shrink:0;font-family:var(--ff-d);font-size:.88rem;font-style:italic;color:rgba(201,169,110,.85);}
.hl-ticker-track .hl-dot{color:rgba(201,169,110,.3);font-style:normal;}
@keyframes hlTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hl-hero{display:grid;grid-template-columns:52% 48%;align-items:center;min-height:100svh;padding-top:110px;position:relative;overflow:hidden;}
.hl-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(237,213,192,.22) 0%,transparent 70%);pointer-events:none;}
.hl-hero-content{padding:4rem 3rem 4rem clamp(1.5rem,5vw,5rem);position:relative;z-index:2;}
.hl-hero-body{max-width:440px;margin-bottom:2.5rem;}
.hl-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:3rem;}
.hl-hero-stats{display:flex;gap:2.5rem;padding-top:2rem;border-top:1px solid rgba(201,169,110,.22);flex-wrap:wrap;}
.hl-stat-n{font-family:var(--ff-d);font-size:2.4rem;font-weight:600;color:var(--hl-mocha);line-height:1;}
.hl-stat-l{font-size:.67rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hl-coffee);margin-top:.3rem;opacity:.7;}
.hl-hero-visual{position:relative;height:100svh;display:flex;align-items:center;justify-content:center;z-index:2;}
.hl-hero-frame{position:relative;width:min(360px,85%);}
.hl-hero-photo{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:4px 4px 80px 4px;box-shadow:0 20px 60px rgba(59,42,26,.15);}
.hl-hero-ph{width:100%;aspect-ratio:3/4;border-radius:4px 4px 80px 4px;background:linear-gradient(160deg,var(--hl-blush) 0%,var(--hl-gold) 55%,var(--hl-mid) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(59,42,26,.15);}
.hl-ph-icon{font-size:4rem;opacity:.5;}
.hl-ph-name{font-family:var(--ff-d);font-size:1.5rem;font-weight:300;color:rgba(255,255,255,.9);margin-top:1rem;}
.hl-ph-role{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:.25rem;}
.hl-badge{position:absolute;top:-16px;right:-20px;width:96px;height:96px;}
.hl-badge-ring{width:100%;height:100%;border-radius:50%;background:var(--hl-gold);display:flex;align-items:center;justify-content:center;animation:hlSpin 12s linear infinite;}
.hl-badge-inner{animation:hlSpin 12s linear reverse infinite;text-align:center;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hl-ink);line-height:1.35;padding:.5rem;}
.hl-badge-inner span:first-child{font-size:1.3rem;display:block;margin-bottom:.2rem;}
@keyframes hlSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hl-about{padding:8rem 0;}
.hl-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.hl-about-photos{position:relative;height:540px;}
.hl-pa{position:absolute;top:0;left:0;width:58%;height:72%;border-radius:4px 4px 4px 70px;background:linear-gradient(150deg,var(--hl-blush),var(--hl-gold));display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.5;box-shadow:0 8px 32px rgba(59,42,26,.12);}
.hl-pb{position:absolute;bottom:0;right:0;width:55%;height:58%;border:6px solid var(--hl-cream);border-radius:4px;background:linear-gradient(135deg,var(--hl-mid),var(--hl-coffee));display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.6;box-shadow:0 8px 32px rgba(59,42,26,.12);}
.hl-pq{position:absolute;bottom:70px;left:-24px;background:var(--hl-gold);color:var(--hl-ink);padding:1.3rem 1.6rem;max-width:210px;border-radius:4px;z-index:5;box-shadow:0 8px 32px rgba(59,42,26,.12);}
.hl-pq p{font-family:var(--ff-d);font-size:.95rem;font-style:italic;line-height:1.45;}
.hl-pq cite{display:block;font-style:normal;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:.6rem;opacity:.7;}
.hl-pillars{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:2.2rem;}
.hl-pillar{display:flex;align-items:flex-start;gap:.75rem;padding:1.1rem;background:var(--hl-soft);border-left:2.5px solid var(--hl-gold);border-radius:0 4px 4px 0;transition:var(--tr);}
.hl-pillar:hover{background:rgba(201,169,110,.1);transform:translateX(3px);}
.hl-pillar span{font-size:1.25rem;flex-shrink:0;}
.hl-pillar strong{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hl-mocha);display:block;margin-bottom:.2rem;}
.hl-pillar p{font-size:.8rem;color:var(--hl-coffee);line-height:1.5;margin:0;}
.hl-episodes{background:var(--hl-mocha);padding:7rem 0;}
.hl-sec-hdr{text-align:center;margin-bottom:4rem;}
.hl-eps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.hl-ep-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,169,110,.12);border-radius:12px;overflow:hidden;transition:var(--tr);}
.hl-ep-card a{display:block;text-decoration:none;}
.hl-ep-card:hover{transform:translateY(-5px);border-color:rgba(201,169,110,.4);box-shadow:0 20px 50px rgba(0,0,0,.3);}
.hl-ep-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
.hl-ep-img{width:100%;height:100%;object-fit:cover;}
.hl-ep-ph{width:100%;height:100%;background:linear-gradient(135deg,#3B2A1A,#7B5E3A);}
.hl-ep-ov{position:absolute;inset:0;background:rgba(30,16,8,.35);display:flex;align-items:center;justify-content:center;transition:var(--tr);}
.hl-ep-card:hover .hl-ep-ov{background:rgba(201,169,110,.2);}
.hl-ep-play{width:52px;height:52px;border-radius:50%;background:var(--hl-gold);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--hl-ink);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform var(--tr);}
.hl-ep-card:hover .hl-ep-play{transform:scale(1.12);}
.hl-ep-dur{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,.75);color:#fff;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:3px;}
.hl-ep-info{padding:1.1rem 1.3rem 1.4rem;}
.hl-ep-tag{display:block;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hl-gold);margin-bottom:.45rem;}
.hl-ep-title{font-family:var(--ff-d);font-size:1.08rem;font-weight:400;color:var(--hl-cream);line-height:1.38;margin-bottom:.6rem;}
.hl-ep-meta{font-size:.7rem;color:rgba(250,246,241,.42);}
.hl-ep-all{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center;min-height:260px;}
.hl-ep-all-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.6;color:var(--hl-cream);}
.hl-ep-all-txt{font-family:var(--ff-d);font-size:1.15rem;color:var(--hl-cream);margin-bottom:1.5rem;}
.hl-sec-cta{text-align:center;margin-top:2.5rem;}
.hl-topics{padding:8rem 0;}
.hl-topics-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:4rem;}
.hl-topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.hl-topic{padding:2rem;background:var(--hl-soft);border:1px solid rgba(201,169,110,.18);border-radius:4px;position:relative;overflow:hidden;transition:var(--tr);}
.hl-topic::after{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(to bottom,var(--hl-gold),var(--hl-blush));transition:height .3s;}
.hl-topic:hover::after{height:100%;}
.hl-topic:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(59,42,26,.12);}
.hl-topic-icon{font-size:2rem;margin-bottom:1rem;display:block;}
.hl-topic-name{font-family:var(--ff-d);font-size:1.3rem;font-weight:600;color:var(--hl-mocha);margin-bottom:.6rem;}
.hl-topic-desc{font-size:.82rem;line-height:1.68;color:var(--hl-coffee);}
.hl-faq{background:var(--hl-soft);padding:7rem 0;}
.hl-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:960px;margin:0 auto;}
.hl-faq-item{background:#fff;border:1px solid rgba(201,169,110,.2);border-radius:4px;overflow:hidden;}
.hl-faq-item[open]{border-color:var(--hl-gold);}
.hl-faq-item summary{padding:1.4rem 1.5rem;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--hl-mocha);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.hl-faq-item summary::-webkit-details-marker{display:none;}
.hl-faq-item summary::after{content:'+';font-size:1.3rem;color:var(--hl-gold);flex-shrink:0;transition:transform var(--tr);}
.hl-faq-item[open] summary::after{transform:rotate(45deg);}
.hl-faq-ans{padding:0 1.5rem 1.4rem;font-size:.88rem;line-height:1.75;color:var(--hl-coffee);}
.hl-connect{padding:7rem 0;}
.hl-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.hl-social-list{display:flex;flex-direction:column;gap:1rem;}
.hl-sc{display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.5rem;background:var(--hl-soft);border:1px solid rgba(201,169,110,.2);border-radius:4px;text-decoration:none;color:var(--hl-mocha);transition:var(--tr);}
.hl-sc:hover{background:var(--hl-gold);border-color:var(--hl-gold);color:var(--hl-ink);transform:translateX(5px);}
.hl-sc span:first-child{font-size:1.5rem;flex-shrink:0;}
.hl-sc-info{display:flex;flex-direction:column;}
.hl-sc-info strong{font-weight:700;font-size:.88rem;display:block;}
.hl-sc-info span{font-size:.72rem;opacity:.6;}
.hl-sc span:last-child{margin-left:auto;opacity:.4;font-size:1.1rem;}
.hl-sc:hover span:last-child{opacity:1;}
.hl-newsletter{background:linear-gradient(145deg,var(--hl-blush) 0%,#E4C4A8 45%,var(--hl-gold) 100%);padding:6rem 0;position:relative;overflow:hidden;}
.hl-newsletter::before{content:'"';position:absolute;top:-3rem;left:1rem;font-family:var(--ff-d);font-size:22rem;color:rgba(255,255,255,.1);line-height:1;pointer-events:none;}
.hl-nl-box{max-width:620px;margin:0 auto;text-align:center;position:relative;z-index:2;}
.hl-nl-box .hl-h2{color:var(--hl-mocha);margin-bottom:.8rem;}
.hl-nl-form{display:flex;max-width:480px;margin:1.5rem auto 0;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(59,42,26,.15);}
.hl-nl-input{flex:1;padding:1.05rem 1.5rem;border:none;font-family:var(--ff-b);font-size:.9rem;color:var(--hl-ink);background:#fff;outline:none;}
.hl-nl-btn{background:var(--hl-mocha);color:var(--hl-cream);border:none;padding:1.05rem 1.8rem;font-family:var(--ff-b);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--tr);white-space:nowrap;}
.hl-nl-btn:hover{background:var(--hl-mid);}
.hl-nl-note{font-size:.72rem;color:var(--hl-coffee);margin-top:.85rem;min-height:1.2rem;}
#hl-footer{background:var(--hl-ink);color:rgba(250,246,241,.5);padding:3.5rem 0 2rem;}
.hl-ft-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:1.8rem;flex-wrap:wrap;}
.hl-ft-logo{font-family:var(--ff-d);font-size:1.6rem;font-weight:300;color:var(--hl-cream);}
.hl-ft-logo strong{color:var(--hl-gold);font-style:italic;}
.hl-ft-nav{display:flex;gap:2rem;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.hl-ft-nav li a,.hl-ft-nav a{color:rgba(250,246,241,.45);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:color var(--tr);}
.hl-ft-nav li a:hover,.hl-ft-nav a:hover{color:var(--hl-gold);}
.hl-ft-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.72rem;}
.hl-ft-social{display:flex;gap:1.2rem;}
.hl-ft-social a{color:rgba(250,246,241,.35);font-size:.75rem;transition:color var(--tr);}
.hl-ft-social a:hover{color:var(--hl-gold);}
.hl-ft-bottom p{margin:0;}
.hl-blog,.hl-single,.hl-page{padding:8rem 0 5rem;}
.hl-sec-hdr{text-align:center;margin-bottom:4rem;}
.hl-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;}
.hl-post-card{background:var(--hl-soft);border:1px solid rgba(201,169,110,.15);border-radius:12px;overflow:hidden;transition:var(--tr);}
.hl-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(59,42,26,.12);}
.hl-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.hl-post-body{padding:1.5rem;}
.hl-post-meta{font-size:.72rem;color:var(--hl-gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;}
.hl-post-title{font-family:var(--ff-d);font-size:1.3rem;font-weight:400;color:var(--hl-mocha);line-height:1.3;margin-bottom:.8rem;}
.hl-post-title a:hover{color:var(--hl-gold);}
.hl-article{max-width:820px;margin:0 auto;}
.hl-art-hdr{margin-bottom:2rem;}
.hl-art-meta{display:flex;gap:1.5rem;font-size:.82rem;color:var(--hl-coffee);margin-top:1rem;}
.hl-art-thumb{margin:2rem 0;border-radius:12px;overflow:hidden;}
.hl-art-thumb img{width:100%;}
.hl-prose{font-size:1.05rem;line-height:1.88;color:#2D1F12;}
.hl-prose h2,.hl-prose h3{font-family:var(--ff-d);color:var(--hl-mocha);margin:2rem 0 .8rem;}
.hl-prose p{margin-bottom:1.4rem;}
.hl-prose a{color:var(--hl-gold);}
.hl-prose blockquote{border-left:3px solid var(--hl-gold);padding:1rem 1.5rem;margin:2rem 0;font-family:var(--ff-d);font-style:italic;color:var(--hl-mocha);}
.hl-vid-wrap{position:relative;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;margin:2rem 0 3rem;box-shadow:0 20px 60px rgba(59,42,26,.15);}
.hl-vid-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.hl-pagination .nav-links{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;}
.hl-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:.85rem;font-weight:600;color:var(--hl-coffee);}
.hl-pagination .page-numbers:hover,.hl-pagination .page-numbers.current{background:var(--hl-gold);color:var(--hl-ink);}
@media(max-width:1024px){.hl-about-grid{gap:4rem;}.hl-eps-grid{grid-template-columns:1fr 1fr;}.hl-topics-intro{grid-template-columns:1fr;gap:2rem;}.hl-blog-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
  .hl-toggle{display:flex;}
  .hl-nav{display:none;position:fixed;inset:110px 0 0;background:var(--hl-cream);flex-direction:column;align-items:flex-start;padding:2rem;gap:.5rem;z-index:999;overflow-y:auto;}
  .hl-nav.open{display:flex;}
  .hl-nav-list{flex-direction:column;width:100%;}
  .hl-nav-list li{width:100%;}
  .hl-nav-list li a{font-size:1rem;padding:.75rem 0;border-radius:0;border-bottom:1px solid rgba(201,169,110,.15);width:100%;display:block;}
  .hl-hero{grid-template-columns:1fr;padding-top:110px;min-height:auto;}
  .hl-hero-visual{height:auto;padding:2rem 0 0;}
  .hl-hero-content{padding:2.5rem 1.5rem 2rem;}
  .hl-hero-frame{width:min(280px,80%);}
  .hl-about-grid{grid-template-columns:1fr;}
  .hl-about-photos{height:340px;}
  .hl-eps-grid{grid-template-columns:1fr;}
  .hl-topics-grid{grid-template-columns:1fr 1fr;}
  .hl-faq-grid{grid-template-columns:1fr;}
  .hl-connect-grid{grid-template-columns:1fr;gap:3rem;}
  .hl-ft-top{flex-direction:column;text-align:center;}
  .hl-ft-nav{justify-content:center;}
  .hl-ft-bottom{flex-direction:column;text-align:center;}
  .hl-nl-form{flex-direction:column;}
  .hl-blog-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){.hl-topics-grid{grid-template-columns:1fr;}.hl-pillars{grid-template-columns:1fr;}.hl-hero-stats{gap:1.5rem;}}