/* Fireside preview: styles are scoped to the new column only. */
.fireside-home {
  background: linear-gradient(180deg, #f7f4ef 0%, #eee9e0 76%, #e8e3dc 100%);
}
.fireside-home .insight-reference-grid::after {
  border-color: rgba(132, 105, 77, .14);
  box-shadow: inset 0 0 0 55px rgba(156, 132, 104, .035), inset 0 0 0 110px rgba(156, 132, 104, .025);
}
.fireside-home .vertical-word,
.fireside-home .insight-foot { color: #8e7966; }
.fireside-home .hex-insight { background: #795e4e; }
.fireside-home .hex-insight::after {
  background: linear-gradient(180deg, rgba(38, 27, 20, .02), rgba(38, 27, 20, .78));
}
.fireside-home .hex-insight:not(.active) { filter: grayscale(1) saturate(.45) brightness(.72); }
.fireside-home .hex-insight.active { filter: saturate(1) brightness(1); }
.fireside-home .eyebrow,
.fireside-home .detail-meta { color: #917258; }
.fireside-home .outline-button { border-color: #806a58; color: #463a31; }
.fireside-home .outline-button:hover { background: #715b4c; color: white; }
.fireside-home .detail-count i { background: #9c826a; }
.fireside-home .fireside-pending { display: flex; min-height: 47px; align-items: center; margin: 0; color: #78695c; font-size: .86rem; letter-spacing: .04em; }
.fireside-home .fireside-pending[hidden],
.fireside-home #fireside-link[hidden] { display: none; }
.fireside-home .fireside-detail.is-switching > :not(.section-heading) { opacity: .35; transition: opacity .16s ease; }
.fireside-home .fireside-detail > :not(.section-heading) { transition: opacity .24s ease; }

.fireside-page {
  --fireside-paper: #f7f4ee;
  --fireside-paper-deep: #eee9e1;
  --fireside-ink: #3f3c37;
  --fireside-accent: #997b5e;
  background: var(--fireside-paper);
}
.fireside-page main { background: linear-gradient(180deg, var(--fireside-paper), var(--fireside-paper-deep)); transition: background .25s ease; }
.fireside-page .fireside-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 540px;
  padding: 4.5rem 7vw;
  color: #fff;
  background: linear-gradient(90deg, rgba(29, 25, 22, .84) 0%, rgba(29, 25, 22, .7) 32%, rgba(29, 25, 22, .3) 62%, rgba(29, 25, 22, .06) 100%), url('fireside-first-preview.png') center 47% / cover no-repeat;
  overflow: hidden;
}
.fireside-page .fireside-hero-copy { position: relative; z-index: 1; width: 100%; max-width: 1180px; margin: 0 auto; }
.fireside-page .fireside-hero-copy > * { max-width: 630px; }
.fireside-page .fireside-hero-kicker {
  margin: 0 0 1.3rem;
  color: #e7d8c6;
  font-family: var(--font-en);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .18em;
}
.fireside-page .fireside-hero h1 { margin: 0; color: #fff; font-size: clamp(2.6rem, 4vw, 4rem); font-weight: 400; letter-spacing: .08em; }
.fireside-page .fireside-hero-subtitle { margin: .45rem 0 0; color: #ecdfcf; font-family: var(--font-en); font-size: 1.08rem; font-style: italic; letter-spacing: .05em; }
.fireside-page .fireside-hero-copy i { display: block; width: 60px; height: 1px; margin: 1.6rem 0; background: rgba(235, 221, 201, .8); }
.fireside-page .fireside-hero-lead { margin: 0 0 1rem; color: white; font-size: clamp(1.15rem, 1.7vw, 1.35rem); font-weight: 500; letter-spacing: .05em; line-height: 1.7; }
.fireside-page .fireside-hero-description { margin: 0; color: rgba(255,255,255,.93); font-size: .99rem; line-height: 1.95; letter-spacing: .025em; }
.fireside-page .fireside-list { padding-top: clamp(3rem, 5vw, 5rem); }
.fireside-page .publication-toolbar .eyebrow { color: var(--fireside-accent); }
.fireside-page .publication-toolbar h2 { color: var(--fireside-ink); }
.fireside-page .publication-deck { background: #5f574d; box-shadow: 0 26px 65px rgba(57, 46, 36, .16); }
.fireside-page .publication-deck.single .publication-card { flex: 1 1 100%; }
.fireside-page .publication-card-shade { background: linear-gradient(180deg, rgba(30, 25, 21, .06) 18%, rgba(30, 25, 21, .22) 47%, rgba(22, 20, 19, .92) 100%); }
.fireside-page .publication-card:hover .publication-card-shade,
.fireside-page .publication-card:focus-visible .publication-card-shade { background: linear-gradient(180deg, rgba(30, 25, 21, .15) 8%, rgba(30, 25, 21, .38) 40%, rgba(22, 20, 19, .97) 100%); }
.fireside-page .publication-card-copy small,
.fireside-page .publication-read { color: #e4cfb2; }
.fireside-page .publication-card-copy h3 { font-size: clamp(1.4rem, 2vw, 2rem); }
.fireside-page .fireside-list .publication-card-copy p,
.fireside-page .fireside-list .publication-card:hover .publication-card-copy p,
.fireside-page .fireside-list .publication-card:focus-visible .publication-card-copy p {
  max-height: 20rem;
  margin-top: .8rem;
  color: #fff;
  opacity: 1;
  transform: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.fireside-article-body { background: #ded8ce; }
.fireside-article-body main { background: linear-gradient(180deg, #f1ede6 0%, #ded8ce 100%); }
.fireside-article-body .article-visual { background: #75685b; box-shadow: 0 26px 64px rgba(56, 43, 34, .18); }
.fireside-article-body .article-category { color: #8e6c35; }
.fireside-article-body .article-source { margin-top: clamp(4rem, 7vw, 7rem); }

@media (max-width: 700px) {
  .fireside-home .insight-reference-grid { padding-bottom: 4rem; }
  .fireside-home .hex-column { min-height: 650px; }
  .fireside-page .fireside-hero {
    min-height: 560px;
    padding: 3.8rem 7vw;
    background: linear-gradient(90deg, rgba(29,25,22,.85), rgba(29,25,22,.66) 74%, rgba(29,25,22,.42)), url('fireside-first-preview.png') 67% center / cover no-repeat;
  }
  .fireside-page .fireside-hero h1 { font-size: 2.2rem; }
  .fireside-page .fireside-hero-kicker { font-size: .7rem; }
  .fireside-page .fireside-hero-description { font-size: .93rem; line-height: 1.9; }
  .fireside-page .publication-deck.single .publication-card { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .fireside-page main,
  .fireside-home .fireside-detail > :not(.section-heading) { transition: none; }
}