:root{
  --navy:#10283d;
  --navy-2:#173b59;
  --gold:#d7a33d;
  --sand:#f4efe4;
  --ink:#14202a;
  --muted:#60707d;
  --white:#fff;
  --line:#dbe2e7;
  --shadow:0 24px 60px rgba(14,34,51,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fbfcfd;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:28px;
  padding:18px clamp(20px,5vw,76px);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(16,40,61,.08);
}
.brand{font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.brand-mark{color:var(--gold);font-size:1.2em}
nav{display:flex;gap:25px;margin-left:auto;font-size:.94rem;color:#40515e}
nav a:hover{color:var(--navy)}
.nav-cta{background:var(--navy);color:white;padding:10px 16px;border-radius:999px;font-weight:700}
.hero{
  min-height:760px;
  display:grid;grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:clamp(30px,6vw,90px);
  padding:clamp(70px,9vw,130px) clamp(22px,7vw,110px);
  background:
    radial-gradient(circle at 82% 18%,rgba(215,163,61,.16),transparent 28%),
    linear-gradient(135deg,#f7f3e9 0%,#fff 48%,#eef4f7 100%);
  overflow:hidden;
}
.hero-copy{max-width:690px}
.eyebrow{font-weight:800;letter-spacing:.16em;font-size:.77rem;color:#9a7023;margin:0 0 14px}
.eyebrow.light{color:#f2c96c}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.06;margin-top:0}
h1{font-size:clamp(3.2rem,7vw,6.4rem);letter-spacing:-.045em;margin-bottom:24px}
h2{font-size:clamp(2.25rem,4.2vw,4.2rem);letter-spacing:-.035em;margin-bottom:20px}
h3{font-size:2rem}
.hero-text{font-size:1.22rem;color:#4c5c68;max-width:650px}
.hero-actions,.inline-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:800}
.button.primary{background:var(--navy);color:white;box-shadow:0 10px 24px rgba(16,40,61,.16)}
.button.secondary{border:1px solid #aebbc4;background:white}
.button:hover{transform:translateY(-1px)}
.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;color:#7a878f;font-size:.9rem}
.hero-art{position:relative;justify-self:center;width:min(100%,510px)}
.hero-art img{position:relative;border-radius:8px;box-shadow:var(--shadow);transform:rotate(1.5deg)}
.cover-glow{position:absolute;inset:14% -8% -10% 8%;background:rgba(215,163,61,.3);filter:blur(55px);border-radius:50%}
.feature-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  padding:28px clamp(22px,7vw,110px);
  background:var(--navy);color:white;gap:30px
}
.feature-strip div{display:flex;flex-direction:column}
.feature-strip strong{font-size:1rem;color:#f3c765}
.feature-strip span{color:#ccd8e1;font-size:.93rem}

.kids-section{
  padding:clamp(76px,9vw,132px) clamp(22px,7vw,110px);
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}
.kids-heading{max-width:820px}
.kids-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);align-items:stretch}
.kids-card{
  display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;
  box-shadow:0 18px 44px rgba(20,32,42,.09);transition:transform .18s ease,box-shadow .18s ease
}
.kids-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(20,32,42,.14)}
.kids-cover-link{display:block;background:#eef4f7;padding:20px 20px 0}
.kids-cover-link img{width:100%;aspect-ratio:1075/1400;object-fit:cover;border-radius:12px 12px 0 0;box-shadow:0 12px 28px rgba(20,32,42,.14)}
.kids-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:25px}
.kids-card-copy h3{font-size:clamp(1.7rem,2.3vw,2.2rem);margin:8px 0 12px}
.kids-card-copy p{margin:0 0 24px;color:#60707d}
.kids-pill{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.13em;color:#795817;background:#fff6df;border:1px solid #ead39c;border-radius:999px;padding:5px 9px}
.amazon-button{margin-top:auto;width:100%;gap:8px}
.kids-footer{margin-top:30px;text-align:center;color:#6d7a84}
.kids-footer p{margin:0}

.book-section,.samples,.group-section,.about{padding:clamp(70px,9vw,130px) clamp(22px,7vw,110px)}
.section-heading{max-width:780px;margin-bottom:50px}
.section-heading p:not(.eyebrow){font-size:1.16rem;color:var(--muted)}
.section-heading.compact{margin-bottom:32px}
.book-grid{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:clamp(40px,7vw,100px);align-items:center}
.book-cover-card{max-width:480px;justify-self:center}
.book-cover-card img{border-radius:7px;box-shadow:var(--shadow)}
.book-details{max-width:760px}
.book-details p{font-size:1.08rem;color:#556571}
.pill{display:inline-block;border:1px solid #cf9b35;color:#785716;background:#fff8e8;border-radius:999px;padding:6px 11px;font-size:.73rem;font-weight:900;letter-spacing:.12em;margin-bottom:16px}
.book-points{display:grid;gap:14px;margin-top:28px}
.book-points div{padding:16px 18px;background:white;border:1px solid var(--line);border-radius:12px}
.book-points strong,.book-points span{display:block}
.book-points span{font-size:.92rem;color:#6d7a84}
.text-link{font-weight:800;color:var(--navy);border-bottom:1px solid #bfcbd3}
.samples{background:#f1f5f7}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery figure{margin:0;background:white;padding:12px;border-radius:14px;box-shadow:0 14px 35px rgba(20,32,42,.08)}
.gallery img{aspect-ratio:3/4;object-fit:cover;border-radius:9px}
.gallery figcaption{padding:10px 4px 2px;font-weight:800;color:#45535d}
.veteran-section{
  display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;
  padding:clamp(80px,10vw,145px) clamp(22px,7vw,110px);
  background:linear-gradient(120deg,#0d2335,#173c5a);color:#d8e3eb
}
.veteran-section h2{color:white}
.veteran-section p{font-size:1.12rem}
.veteran-section blockquote{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;margin:0;color:#f5d58c}
.veteran-section blockquote span{display:block;font-family:inherit;font-size:1rem;color:#b8c7d1;margin-top:18px}
.group-card{
  display:flex;justify-content:space-between;align-items:center;gap:40px;
  padding:clamp(28px,5vw,58px);
  border:1px solid var(--line);border-radius:20px;background:white;
  box-shadow:0 18px 50px rgba(21,38,52,.08)
}
.group-card div{max-width:730px}
.group-card p:not(.eyebrow){color:var(--muted);font-size:1.08rem}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid var(--line)}
.about-copy{font-size:1.1rem;color:#556571;max-width:760px}
.newsletter{
  margin:0 clamp(22px,7vw,110px) clamp(70px,9vw,120px);
  padding:clamp(34px,5vw,58px);
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  background:linear-gradient(135deg,#10283d,#214d70);color:#dbe6ed;border-radius:22px
}
.newsletter h2{color:white;margin-bottom:10px}
.newsletter p{margin-bottom:0}
.light-button{background:#f4ca70;color:#172b3d}
footer{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  padding:28px clamp(22px,7vw,110px);
  border-top:1px solid var(--line);color:#687680;font-size:.9rem
}
.footer-brand{font-weight:800;color:var(--navy)}
footer p{margin-left:auto}
footer a{font-weight:700;color:var(--navy)}
@media(max-width:1180px) and (min-width:901px){
  .kids-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  nav{display:none}
  .nav-cta{margin-left:auto}
  .hero{grid-template-columns:1fr;padding-top:70px}
  .hero-art{width:min(78vw,430px)}
  .feature-strip,.gallery,.kids-grid{grid-template-columns:1fr}
  .book-grid,.veteran-section,.about{grid-template-columns:1fr}
  .group-card,.newsletter{align-items:flex-start;flex-direction:column}
  footer p{margin-left:0}
}
@media(max-width:560px){
  .site-header{padding:14px 18px}
  .brand{font-size:.95rem}
  h1{font-size:3rem}
  .hero{min-height:auto;padding:58px 20px 70px}
  .feature-strip,.kids-section,.book-section,.samples,.group-section,.about,.veteran-section{padding-left:20px;padding-right:20px}
  .newsletter{margin-left:20px;margin-right:20px}
}


/* Flagship-first homepage refinement */
.secondary-books{
  background:#f7f9fa;
  padding-top:clamp(58px,7vw,88px);
  padding-bottom:clamp(62px,7vw,92px);
}
.secondary-books .kids-heading{max-width:760px;margin-bottom:34px}
.secondary-books .kids-grid{gap:18px}
.secondary-books .kids-card{border-radius:16px;box-shadow:0 10px 28px rgba(20,32,42,.09)}
.secondary-books .kids-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(20,32,42,.12)}
.secondary-books .kids-cover-link{padding:12px 12px 0}
.secondary-books .kids-cover-link img{border-radius:10px 10px 0 0;box-shadow:0 8px 18px rgba(20,32,42,.11)}
.secondary-books .kids-card-copy{padding:16px 14px 18px;align-items:center;text-align:center}
.secondary-books .kids-card-copy h3{font-size:1.16rem;line-height:1.2;margin:2px 0 12px}
.secondary-books .amazon-button{padding:9px 13px;font-size:.82rem}
.secondary-books .kids-footer{margin-top:22px}

/* Multi-page navigation and collection separation */
.top-tabs{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
  min-width:0;
}
.top-tabs .tab{
  padding:9px 13px;
  border:1px solid #d7e0e6;
  border-radius:999px;
  background:#fff;
  color:#344956;
  font-weight:800;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.top-tabs .tab:hover{transform:translateY(-1px);border-color:#9dadb8;color:var(--navy)}
.top-tabs .tab.active{background:#eef3f6;border-color:#9fb1bd;color:var(--navy)}
.top-tabs .flagship-tab{border-color:#d9be82;background:#fffaf0;color:#77561b}
.top-tabs .flagship-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.top-tabs .simple-nav{padding:8px 6px;white-space:nowrap}
.home-hero{min-height:720px}
.subpage-hero{min-height:650px}

.pathways{
  padding:clamp(72px,9vw,122px) clamp(22px,7vw,110px);
  background:#fff;
}
.pathway-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.pathway-card{
  min-height:300px;
  padding:clamp(30px,4vw,50px);
  border-radius:22px;
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 16px 42px rgba(20,32,42,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.pathway-card:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(20,32,42,.13)}
.pathway-card h3{font-size:clamp(2rem,3.5vw,3.5rem);margin:10px 0 15px}
.pathway-card p{max-width:620px;margin:0 0 26px;font-size:1.05rem}
.pathway-label{font-weight:900;font-size:.72rem;letter-spacing:.14em}
.pathway-link{font-weight:900}
.pathway-flagship{
  color:#dbe6ed;
  background:linear-gradient(135deg,#0d2335,#183d5b);
  border-color:#15334c;
}
.pathway-flagship h3{color:#fff}
.pathway-flagship .pathway-label,.pathway-flagship .pathway-link{color:#f0c96f}
.pathway-kids{
  background:linear-gradient(145deg,#fff9e8,#eef8fb);
}
.pathway-kids .pathway-label{color:#9a7023}
.pathway-kids .pathway-link{color:var(--navy)}

.cross-link-section{
  margin:0 clamp(22px,7vw,110px) clamp(70px,9vw,120px);
  padding:clamp(32px,5vw,55px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,32,42,.07);
}
.cross-link-section div{max-width:760px}
.cross-link-section h2{font-size:clamp(2rem,3.8vw,3.5rem);margin-bottom:12px}
.cross-link-section p:not(.eyebrow){color:var(--muted);font-size:1.08rem;margin-bottom:0}

.kids-page{background:#fbfcfd}
.kids-page-hero{
  padding:clamp(90px,11vw,150px) clamp(22px,7vw,110px) clamp(70px,9vw,115px);
  background:
    radial-gradient(circle at 14% 20%,rgba(242,201,108,.34),transparent 26%),
    radial-gradient(circle at 84% 30%,rgba(127,194,211,.26),transparent 27%),
    linear-gradient(135deg,#fff9e9 0%,#f8fcfd 52%,#eef8fb 100%);
  border-bottom:1px solid var(--line);
}
.kids-page-hero-copy{max-width:950px;margin:0 auto;text-align:center}
.kids-page-hero h1{font-size:clamp(3.2rem,7vw,6rem);margin-bottom:22px}
.kids-page-hero .hero-text{margin:0 auto;max-width:750px}
.kids-title-run{
  margin:34px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 14px;
  color:#5d6f7b;
  font-weight:800;
}
.kids-title-run b{color:#c99a3b}
.dedicated-kids{padding-top:clamp(70px,8vw,110px)}
.dedicated-kids .kids-heading{margin-left:auto;margin-right:auto;text-align:center}
.dedicated-kids .kids-card-copy{min-height:245px}
.kids-cross-link{background:linear-gradient(135deg,#f8f4ea,#fff)}

@media(max-width:1180px){
  .site-header{gap:14px;padding-left:26px;padding-right:26px}
  .top-tabs{gap:6px;font-size:.88rem}
  .top-tabs .tab{padding:8px 10px}
  .top-tabs .simple-nav{display:none}
  .pathway-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .site-header{position:sticky;display:grid;grid-template-columns:1fr auto;row-gap:12px;padding:13px 18px}
  .brand{grid-column:1;grid-row:1}
  .nav-cta{grid-column:2;grid-row:1;margin-left:0;padding:8px 13px;font-size:.88rem}
  .top-tabs{
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    margin:0;
    overflow-x:auto;
    gap:8px;
    padding:1px 0 3px;
    scrollbar-width:none;
  }
  .top-tabs::-webkit-scrollbar{display:none}
  .top-tabs .simple-nav{display:inline-flex;padding:8px 10px;border:1px solid transparent}
  .pathway-grid{grid-template-columns:1fr}
  .pathway-card{min-height:250px}
  .cross-link-section{align-items:flex-start;flex-direction:column}
}

@media(max-width:560px){
  .brand span:last-child{font-size:.88rem}
  .top-tabs{font-size:.82rem}
  .top-tabs .tab,.top-tabs .simple-nav{padding:7px 9px}
  .pathways{padding-left:20px;padding-right:20px}
  .cross-link-section{margin-left:20px;margin-right:20px}
  .kids-page-hero{padding-left:20px;padding-right:20px}
  .kids-page-hero h1{font-size:3rem}
  .kids-title-run{font-size:.9rem}
}