/* The Campaign 09 opening. Only the hero copy changes; the homepage below it,
   including the example thread beside or under it, is unchanged. */
.c09-question-active #c04Sticky { display:none!important; }
#c07Homepage .c09-entry-media { position:relative; overflow:hidden; border-radius:18px; background:var(--green-dark); }
#c07Homepage .c09-entry-media video { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
#c07Homepage .c09-entry-media::after {
  content:""; position:absolute; inset:auto 0 0; height:62%; pointer-events:none;
  background:linear-gradient(to top, var(--green-dark) 6%, color-mix(in srgb, var(--green-dark) 55%, transparent) 55%, transparent);
}
#c07Homepage .home-book-hero .c09-entry-media h1 {
  position:absolute; left:18px; right:18px; bottom:2px; z-index:1; margin:0;
  color:var(--paper); font:500 clamp(34px,9.6vw,46px)/1.02 var(--font-serif); letter-spacing:-.03em;
  text-shadow:0 2px 14px rgb(0 0 0 / 25%); text-wrap:balance;
}
#c07Homepage .c09-entry-pause {
  position:absolute; top:12px; right:12px; z-index:2; display:grid; place-items:center;
  width:36px; height:36px; padding:0; border:0; border-radius:50%;
  background:rgb(0 0 0 / 34%); color:#fff; cursor:pointer;
}
#c07Homepage .c09-entry-pause span { width:10px; height:12px; border-inline:3px solid currentColor; }
#c07Homepage .c09-entry-pause[aria-pressed="true"] span {
  width:0; height:0; border:0; border-left:11px solid currentColor;
  border-block:7px solid transparent; margin-left:3px;
}
#c07Homepage .c09-entry-question { margin-top:22px; }
#c07Homepage .c09-entry-question h2 { margin:0 0 12px; color:var(--paper); font:500 24px/1.15 var(--font-serif); letter-spacing:-.01em; }
#c07Homepage .c09-entry-options { display:grid; gap:8px; }
#c07Homepage .c09-entry-option {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; min-height:52px; padding:14px 16px; border:0; border-radius:14px; box-shadow:none;
  background:var(--white); color:var(--green-dark); text-align:left; font:600 16px/1.3 var(--font-sans); cursor:pointer;
}
#c07Homepage .c09-entry-option>span:last-child { color:var(--clay); font-weight:600; }
#c07Homepage .c09-entry-option:hover { background:#fff; }
#c07Homepage .c09-entry-option[aria-pressed="true"] { box-shadow:inset 0 0 0 2px var(--clay); }
#c07Homepage .c09-entry-option:focus-visible,
#c07Homepage .c09-entry-pause:focus-visible { outline:3px solid var(--clay); outline-offset:3px; }
/* The real thread and Sunday email need a taller frame than a book page. */
.flow-proof[data-kind=forgot] img,
.flow-proof[data-kind=grandma] img { height:270px; object-position:center top; border:1px solid var(--line); }
@media(max-width:649px) {
  #c07Homepage.c09-question-page .home-hero-inner { padding-top:0; }
  #c07Homepage .c09-entry-media { margin-inline:-18px; border-radius:0; }
}
@media(min-width:900px) {
  #c07Homepage .home-book-hero .c09-entry-media h1 { left:28px; right:28px; bottom:8px; font-size:clamp(44px,4.4vw,60px); }
  #c07Homepage .c09-entry-question h2 { font-size:30px; }
  #c07Homepage .c09-entry-option { min-height:58px; font-size:18px; }
}