/* Heart Hero Chronicles — dedicated children’s publishing and animation experience
   Author: L. Terry */
.rth-hh-page{--hh-navy:#071f3d;--hh-blue:#0c6fc0;--hh-red:#d52032;--hh-gold:#e0a827;--hh-green:#16875b;--hh-purple:#67328a;--hh-ink:#1e2a39;--hh-soft:#eef7ff}
.rth-hh-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:#dff5ff var(--hh-hero) 68% center/cover no-repeat}
.rth-hh-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,252,255,.99) 0%,rgba(244,252,255,.94) 46%,rgba(244,252,255,.32) 70%,rgba(244,252,255,.08) 100%)}
.rth-hh-hero__inner{position:relative;z-index:1;max-width:650px;padding:clamp(4rem,8vw,7rem) 0}
.rth-hh-hero h1{font-family:var(--rth16-display,Georgia,serif);font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;letter-spacing:-.045em;color:var(--hh-navy);margin:.3rem 0 1rem}
.rth-hh-hero h1 span{display:block;color:var(--hh-red)}
.rth-hh-hero__lead{font-size:1.12rem;line-height:1.7;color:#314155}
.rth-hh-statbar{background:var(--hh-navy);color:#fff}
.rth-hh-statbar__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.rth-hh-statbar__grid div{padding:1.35rem;border-right:1px solid rgba(255,255,255,.14);text-align:center}
.rth-hh-statbar__grid div:last-child{border-right:0}
.rth-hh-statbar strong{display:block;font-size:1.55rem;color:#fff}.rth-hh-statbar span{font-size:.78rem;color:#d8e8f5}
.rth-hh-intro-grid,.rth-hh-format-grid,.rth-hh-cast-grid,.rth-hh-media-grid{display:grid;gap:1rem}
.rth-hh-intro-grid{grid-template-columns:1.15fr .85fr;align-items:start}
.rth-hh-heart-code{padding:1.6rem;border-radius:24px;background:linear-gradient(145deg,#fff9e8,#fff);border:1px solid #ecd89c;box-shadow:0 18px 46px rgba(7,31,61,.08)}
.rth-hh-heart-code h3{font-family:var(--rth16-display,Georgia,serif);font-size:2rem;color:var(--hh-navy);margin:.2rem 0 1rem}
.rth-hh-heart-code ol{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}
.rth-hh-heart-code li{display:grid;grid-template-columns:42px 1fr;gap:.7rem;align-items:center}
.rth-hh-heart-code b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--hh-red);color:#fff;font-size:1.1rem}
.rth-hh-heart-code li:nth-child(2) b{background:var(--hh-blue)}.rth-hh-heart-code li:nth-child(3) b{background:var(--hh-gold);color:var(--hh-navy)}.rth-hh-heart-code li:nth-child(4) b{background:var(--hh-green)}.rth-hh-heart-code li:nth-child(5) b{background:var(--hh-purple)}
.rth-hh-format-grid{grid-template-columns:repeat(3,1fr)}
.rth-hh-format-card{padding:1.4rem;border:1px solid #d2dfec;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(7,38,78,.06)}
.rth-hh-format-card strong{display:block;color:var(--hh-navy);font-size:1.05rem}.rth-hh-format-card small{display:block;color:#69778a;margin-top:.55rem}
.rth-hh-cast{background:linear-gradient(180deg,#f6fbff,#fff7e9)}
.rth-hh-cast-grid{grid-template-columns:repeat(4,1fr)}
.rth-hh-cast-card{position:relative;overflow:hidden;padding:1.35rem;border-radius:22px;background:#fff;border:1px solid #dce5ed;box-shadow:0 12px 30px rgba(7,31,61,.06)}
.rth-hh-cast-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--hh-blue)}
.rth-hh-cast-card:nth-child(2)::before{background:var(--hh-red)}.rth-hh-cast-card:nth-child(3)::before{background:var(--hh-gold)}.rth-hh-cast-card:nth-child(4)::before{background:var(--hh-green)}
.rth-hh-cast-card h3{color:var(--hh-navy);font-family:var(--rth16-display,Georgia,serif);margin:.3rem 0}
.rth-hh-dogs{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.rth-hh-dogs span{padding:.55rem .75rem;border-radius:999px;background:#fff;border:1px solid #cddbe7;color:var(--hh-navy);font-weight:800;font-size:.8rem}
.rth-hh-library-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}.rth-hh-library-nav a{padding:.6rem .85rem;border-radius:999px;text-decoration:none;background:#edf5fd;color:var(--hh-navy);font-weight:850}
.rth-hh-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.rth-hh-book{display:flex;flex-direction:column;padding:1.15rem;border-radius:18px;background:#fff;border:1px solid #d8e3ec;box-shadow:0 12px 28px rgba(7,31,61,.055)}
.rth-hh-book__num{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--hh-navy);color:#fff;font-weight:950}.rth-hh-book:nth-child(4n+2) .rth-hh-book__num{background:var(--hh-red)}.rth-hh-book:nth-child(4n+3) .rth-hh-book__num{background:var(--hh-green)}.rth-hh-book:nth-child(4n) .rth-hh-book__num{background:var(--hh-purple)}
.rth-hh-book h3{font-family:var(--rth16-display,Georgia,serif);color:var(--hh-navy);font-size:1.18rem;margin:.7rem 0 .45rem}.rth-hh-book p{font-size:.86rem;color:#59687a}.rth-hh-book__focus{margin-top:auto;padding:.7rem;border-radius:10px;background:#f3f7fb;font-size:.78rem;color:#334155}.rth-hh-book small{display:block;margin-top:.7rem;color:#0b5fa8;font-weight:750}
.rth-hh-arc-title{margin:2rem 0 1rem;padding-bottom:.7rem;border-bottom:2px solid #dbe7f1;color:var(--hh-navy)}
.rth-hh-animated{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(224,168,39,.18),transparent 30%),radial-gradient(circle at 8% 82%,rgba(12,111,192,.20),transparent 32%),linear-gradient(135deg,#03152a,#0a315f);color:#fff}
.rth-hh-animated .section-heading h2,.rth-hh-animated h3{color:#fff}.rth-hh-animated .section-heading p{color:#d7e7f5}
.rth-hh-media-grid{grid-template-columns:1.1fr .9fr;align-items:start}
.rth-hh-story-engine{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1.2rem 0}.rth-hh-story-engine span{position:relative;padding:.9rem .65rem;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:.76rem;font-weight:800;text-align:center}.rth-hh-story-engine span:not(:last-child)::after{content:"→";position:absolute;right:-.55rem;top:50%;transform:translateY(-50%);z-index:2;color:#ffd36a}
.rth-hh-media-card{padding:1.3rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}
.rth-hh-media-card ul{margin:.8rem 0 0;padding-left:1.2rem}.rth-hh-media-card li{margin:.55rem 0;color:#dce9f4}
.rth-hh-status{display:inline-flex;padding:.5rem .7rem;border-radius:999px;background:#ffd36a;color:#092444;font-weight:900;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.rth-hh-safety{border-left:5px solid #ffd36a;padding:1rem 1.2rem;background:rgba(255,255,255,.08);border-radius:0 14px 14px 0;color:#e7f0f8}
.rth-hh-curriculum{background:linear-gradient(180deg,#fff,#f4f9fd)}.rth-hh-curriculum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rth-hh-curriculum-grid article{padding:1.2rem;border-radius:18px;background:#fff;border:1px solid #d8e2ec}.rth-hh-curriculum-grid h3{color:var(--hh-navy);font-size:1rem}
@media(max-width:1000px){.rth-hh-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rth-hh-cast-grid,.rth-hh-curriculum-grid{grid-template-columns:repeat(2,1fr)}.rth-hh-story-engine{grid-template-columns:repeat(3,1fr)}.rth-hh-story-engine span:nth-child(3)::after{display:none}}
@media(max-width:800px){.rth-hh-hero{min-height:560px;background-position:62% center}.rth-hh-hero::before{background:linear-gradient(180deg,rgba(244,252,255,.97),rgba(244,252,255,.87))}.rth-hh-intro-grid,.rth-hh-media-grid{grid-template-columns:1fr}.rth-hh-format-grid{grid-template-columns:1fr}.rth-hh-statbar__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.rth-hh-book-grid,.rth-hh-cast-grid,.rth-hh-curriculum-grid,.rth-hh-story-engine{grid-template-columns:1fr}.rth-hh-story-engine span::after{display:none!important}.rth-hh-statbar__grid{grid-template-columns:1fr}.rth-hh-statbar__grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.rth-hh-statbar__grid div:last-child{border-bottom:0}.rth-hh-hero h1{font-size:clamp(3rem,15vw,4.7rem)}}
@media(prefers-reduced-motion:reduce){.rth-hh-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Expanded animated/cartoon series development bible */
.rth-hh-series-bible{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.6rem 0 2rem}
.rth-hh-series-card{padding:1.3rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.07);box-shadow:0 18px 42px rgba(0,0,0,.12)}
.rth-hh-series-card>span{display:inline-flex;margin-bottom:.65rem;padding:.38rem .6rem;border-radius:999px;background:rgba(255,211,106,.14);color:#ffd36a;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.rth-hh-series-card h3{margin:.1rem 0 .65rem;font-family:var(--rth16-display,Georgia,serif);font-size:1.45rem;line-height:1.15}
.rth-hh-series-card p{color:#dce9f4;line-height:1.65}
.rth-hh-series-card--premise{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border-color:rgba(255,211,106,.32)}

.rth-hh-character-functions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}
.rth-hh-character-functions article{padding:.9rem;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}
.rth-hh-character-functions strong,.rth-hh-character-functions span{display:block}
.rth-hh-character-functions strong{color:#ffd36a;margin-bottom:.3rem}
.rth-hh-character-functions span{color:#dce9f4;font-size:.84rem;line-height:1.5}

.rth-hh-series-worlds{margin-top:2.2rem;padding:1.5rem;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13)}
.rth-hh-series-worlds .section-heading{margin-bottom:1rem}.rth-hh-series-worlds .section-heading h3{font-family:var(--rth16-display,Georgia,serif);font-size:1.9rem}
.rth-hh-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}
.rth-hh-world-grid span{padding:.85rem .75rem;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.82rem;font-weight:800;text-align:center}

.rth-hh-crossmedia{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:1.2rem;align-items:center;margin-top:1.2rem;padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,rgba(255,211,106,.10),rgba(255,255,255,.045));border:1px solid rgba(255,211,106,.2)}
.rth-hh-crossmedia h3{font-family:var(--rth16-display,Georgia,serif);font-size:1.8rem}
.rth-hh-crossmedia p{color:#dce9f4}
.rth-hh-crossmedia__flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.45rem;align-items:center}
.rth-hh-crossmedia__flow span{display:grid;place-items:center;min-height:84px;padding:.8rem;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.78rem;font-weight:850;text-align:center}
.rth-hh-crossmedia__flow b{color:#ffd36a;font-size:1.25rem}

.rth-hh-roadmap{margin-top:1.2rem;padding:1.6rem;border-radius:24px;background:rgba(1,14,30,.30);border:1px solid rgba(255,255,255,.13)}
.rth-hh-roadmap .section-heading h3{font-family:var(--rth16-display,Georgia,serif);font-size:1.9rem}
.rth-hh-roadmap ol{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}
.rth-hh-roadmap li{position:relative;padding:1rem;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.rth-hh-roadmap li:not(:last-child)::after{content:"→";position:absolute;right:-.58rem;top:1.1rem;color:#ffd36a;font-weight:950;z-index:2}
.rth-hh-roadmap li>b{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.7rem;border-radius:50%;background:#ffd36a;color:#092444;font-size:.76rem}
.rth-hh-roadmap strong,.rth-hh-roadmap span{display:block}
.rth-hh-roadmap strong{color:#fff;line-height:1.25}
.rth-hh-roadmap span{margin-top:.45rem;color:#cbdbea;font-size:.77rem;line-height:1.5}

.rth-hh-media-card--status{margin-top:1.2rem;background:linear-gradient(145deg,rgba(12,111,192,.18),rgba(255,255,255,.07));border-color:rgba(112,198,255,.26)}
.rth-hh-media-card--status p{color:#dce9f4}
.rth-hh-media-card--status .hero-actions{margin-top:1rem}

@media(max-width:1100px){
  .rth-hh-series-bible{grid-template-columns:1fr 1fr}
  .rth-hh-series-card--premise{grid-column:1/-1}
  .rth-hh-world-grid{grid-template-columns:repeat(2,1fr)}
  .rth-hh-crossmedia{grid-template-columns:1fr}
  .rth-hh-roadmap ol{grid-template-columns:repeat(2,1fr)}
  .rth-hh-roadmap li:nth-child(2)::after,.rth-hh-roadmap li:nth-child(4)::after{display:none}
}
@media(max-width:700px){
  .rth-hh-series-bible,.rth-hh-character-functions,.rth-hh-world-grid,.rth-hh-roadmap ol{grid-template-columns:1fr}
  .rth-hh-series-card--premise{grid-column:auto}
  .rth-hh-crossmedia__flow{grid-template-columns:1fr}
  .rth-hh-crossmedia__flow b{transform:rotate(90deg);text-align:center}
  .rth-hh-roadmap li::after{display:none!important}
}


/* 2026-09-08 public-series simplification and spacing hardening — Author: L. Terry */
.rth-hh-series-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin:1.5rem 0
}
.rth-hh-series-summary .rth-hh-series-card{height:100%}
.rth-hh-crossmedia__flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:.55rem;
  align-items:center;
  margin-top:1rem
}
.rth-hh-statbar__grid div,
.rth-hh-heart-code li,
.rth-hh-character-functions article,
.rth-hh-roadmap li{min-width:0}
.rth-hh-heart-code li span,
.rth-hh-character-functions article span,
.rth-hh-roadmap li span{min-width:0}
@media(max-width:900px){
  .rth-hh-series-summary{grid-template-columns:1fr}
  .rth-hh-crossmedia__flow{grid-template-columns:1fr}
  .rth-hh-crossmedia__flow b{transform:rotate(90deg);text-align:center}
}
