/* Three design options. A is the base stylesheet; B and C override it. */

/* Strip shown only on the design previews */
.option-strip { background: #10100d; color: #fff; font-size: 1rem; }
.option-strip .wrap { max-width: 1280px; display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; padding-top: 9px; padding-bottom: 9px; }
.option-strip strong { color: #ffc400; }
.option-strip a { color: #fff; font-weight: 700; }

/* ---------- B: Bright & Bold (navy and gold, photo-led) ---------- */
.theme-b {
  --paper: #ffffff; --parchment: #eef2f7; --green: #1c3257; --green-dark: #12223d;
  --charcoal: #12223d; --olive: #c59a00; --sage: #c5cedb; --ink-soft: #3a4558; --radius: 16px;
}
.theme-b h1, .theme-b h2, .theme-b h3, .theme-b .next-day, .theme-b .stats strong, .theme-b .brand-name,
.theme-b .footer-name, .theme-b .faqs summary, .theme-b .authors strong, .theme-b .step-num { font-family: var(--sans); font-weight: 800; letter-spacing: -.015em; }
.theme-b h1, .theme-b h2 { color: var(--green); }
.theme-b .btn { border-radius: 999px; }
.theme-b .site-header { border-bottom: 0; box-shadow: 0 2px 14px rgba(18,34,61,.1); }
.theme-b .site-nav li a:hover { background: var(--parchment); }
.theme-b .kicker { color: #8a6a00; }
.theme-b .card, .theme-b .step, .theme-b .tile, .theme-b .book, .theme-b .supporters li, .theme-b .faqs details,
.theme-b .spotlight, .theme-b .contact-form, .theme-b .next-card { border-color: #dfe5ee; box-shadow: 0 8px 26px rgba(18,34,61,.08); }
.theme-b .card { border-top: 0; }
.theme-b .next-card { border-left-color: var(--gold); }
.theme-b .photo-frame img, .theme-b .section-parchment .photo-frame img { box-shadow: 0 18px 40px rgba(18,34,61,.2); }
.theme-b .page-head { background: var(--green); border-bottom: 6px solid var(--gold); }
.theme-b .page-head h1 { color: #fff; }
.theme-b .page-head .lead { color: #e3e9f3; }
.theme-b .page-head .kicker { color: var(--gold); }
.theme-b .section-parchment:has(.stats) { background: var(--green); }
.theme-b .stats strong { color: var(--gold); }
.theme-b .stats span { color: #e3e9f3; }
.theme-b .authors li, .theme-b .site-nav li a { border-color: #dfe5ee; }
.theme-b .partners li { font-family: var(--sans); font-weight: 600; }
.theme-b .quote blockquote p { font-family: var(--serif); }
.theme-b .book-cover, .theme-b .book-feature { background: var(--parchment); }
.theme-b .band-green p { color: #e3e9f3; }
.theme-b .site-footer { color: #e3e9f3; }
.theme-b .footer-bottom { border-color: #2c4067; }
.theme-b .footer-legal, .theme-b .footer-name span, .theme-b .footer-bottom { color: #c9d3e3; }

.hero-b { position: relative; isolation: isolate; color: #fff; padding: clamp(64px, 11vw, 132px) 0; overflow: hidden; }
.hero-b-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 80% 60%; z-index: -2; }
.hero-b::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(18,34,61,.94) 0%, rgba(18,34,61,.84) 40%, rgba(18,34,61,.28) 100%); }
.hero-b-in > * { max-width: 660px; }
.hero-b h1 { color: #fff; font-size: clamp(2.3rem, 5.6vw, 3.9rem); }
.hero-b .lead { color: #eef2f7; }
.hero-b-tag { font-family: var(--serif); font-style: italic; font-size: 1.35rem; color: var(--gold); margin-bottom: .8em; }
@media (max-width: 700px) { .hero-b::after { background: rgba(18,34,61,.86); } }
.logo-band { background: #fff; padding: clamp(36px, 5vw, 60px) 0; border-bottom: 1px solid #dfe5ee; }
.logo-band-in { display: grid; grid-template-columns: 300px 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.logo-band-text { font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 1.5; margin: 0; color: var(--ink); }
@media (max-width: 760px) { .logo-band-in { grid-template-columns: 1fr; text-align: center; } .logo-band img { width: min(280px, 70vw); margin: 0 auto; } }

/* ---------- C: Storybook Editorial (dark header, magazine layout) ---------- */
.theme-c { --paper: #fffdf8; --parchment: #f1ead9; --radius: 0px; }
.theme-c h1, .theme-c h2 { font-weight: 400; letter-spacing: -.01em; }
.theme-c h1 { font-size: clamp(2.4rem, 5.4vw, 3.9rem); line-height: 1.1; }
.theme-c h2 { font-size: clamp(1.9rem, 3.8vw, 2.7rem); }
.theme-c h1 em { color: var(--green); }
.theme-c .btn { border-radius: 2px; text-transform: uppercase; letter-spacing: .07em; font-size: 1rem; }
.theme-c .btn-text { text-transform: none; letter-spacing: 0; font-size: 1.1rem; }
.theme-c .site-header { background: var(--charcoal); border-bottom: 4px solid var(--gold); }
.theme-c .brand img { background: var(--paper); border-radius: 50%; width: 58px; height: 58px; padding: 7px; object-fit: contain; }
.theme-c .brand-name { color: var(--gold); }
.theme-c .brand-sub { color: #e6e1cb; }
.theme-c .site-nav li a { color: #fff; }
.theme-c .site-nav li a:hover { background: rgba(255,255,255,.12); }
.theme-c .site-nav li a[aria-current="page"] { color: var(--gold); }
.theme-c .nav-toggle { color: #fff; border-color: #fff; }
.theme-c .site-header :focus-visible { outline-color: var(--gold); }
@media (max-width: 1180px) { .theme-c .site-nav { background: var(--charcoal); border-bottom: 4px solid var(--gold); } .theme-c .site-nav li a { border-color: #4a4c38; } }
.theme-c .section-head { text-align: left; margin-left: 0; max-width: 820px; border-top: 4px solid var(--gold); padding-top: 20px; }
.theme-c .kicker { letter-spacing: .2em; font-size: .88rem; }
.theme-c .card, .theme-c .step, .theme-c .tile, .theme-c .book, .theme-c .supporters li, .theme-c .faqs details, .theme-c .spotlight, .theme-c .quote { border-radius: 0; }
.theme-c .card { background: transparent; border: 0; border-top: 2px solid var(--ink); padding: 20px 0 0; }
.theme-c .tile { border: 0; border-top: 4px solid var(--gold); }
.theme-c .step { border: 0; background: transparent; }
.theme-c .step h3, .theme-c .step p { padding: 0; }
.theme-c .step-num { border-radius: 0; background: var(--charcoal); color: var(--gold); top: 0; left: 0; }
.theme-c .photo-frame img, .theme-c .section-parchment .photo-frame img { border-radius: 0; box-shadow: -16px 16px 0 var(--gold); }
@media (max-width: 820px) { .theme-c .split-photo { margin: 0 0 16px 16px; } }
.theme-c .page-head { background: var(--paper); border-bottom: 1px solid var(--ink); padding-bottom: clamp(28px, 4vw, 44px); }
.theme-c .page-head .wrap { max-width: var(--wrap); }
.theme-c .page-head h1 { max-width: 16em; }
.theme-c .page-head .lead { max-width: 40em; }
.theme-c .stats { text-align: left; }
.theme-c .stats li { border-left: 4px solid var(--gold); padding-left: 18px; }
.theme-c .stats span { margin: 0; }
.theme-c .stats strong { font-weight: 400; color: var(--ink); }
.theme-c .center { text-align: left; }
.theme-c .partners { justify-content: flex-start; }
.theme-c .partners-title { text-align: left; }
.theme-c .partners li { border-radius: 0; background: transparent; border-bottom: 2px solid var(--gold); padding: 6px 2px; margin-right: 14px; }
.theme-c .person img { border-radius: 0; filter: grayscale(1) contrast(1.05); }
.theme-c .next-card { border-radius: 0; box-shadow: none; border: 2px solid var(--ink); border-left: 10px solid var(--gold); }
.theme-c .band-green { background: var(--charcoal); border-top: 4px solid var(--gold); }
.theme-c .video-frame, .theme-c input, .theme-c textarea, .theme-c .book-cover, .theme-c .book-feature, .theme-c .pill { border-radius: 0; }

.hero-c { padding: clamp(36px, 6vw, 80px) 0 clamp(56px, 8vw, 104px); }
.hero-c-in { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.hero-c-logo { width: 190px; margin-bottom: 18px; }
.hero-c-tag { font-style: italic; font-family: var(--serif); color: var(--green); font-size: 1.25rem; border-top: 4px solid var(--gold); display: inline-block; padding-top: 12px; margin-bottom: .9em; }
.hero-c-photos { position: relative; padding-bottom: 70px; padding-left: 40px; }
.hero-c-main { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 60% 30%; box-shadow: 18px 18px 0 var(--gold); }
.hero-c-inset { position: absolute; left: 0; bottom: 0; width: 62%; border: 8px solid var(--paper); box-shadow: 0 10px 30px rgba(16,16,13,.25); }
@media (max-width: 900px) {
  .hero-c-in { grid-template-columns: 1fr; }
  .hero-c-photos { max-width: 480px; margin-right: 18px; }
}

/* Laptop screens: keep the logo, headline, welcome text and buttons visible without scrolling. */
@media (min-width: 901px) and (max-height: 900px) {
  .hero-c { padding: 22px 0 44px; }
  .hero-c-logo { width: 118px; margin-bottom: 8px; }
  .hero-c-tag { font-size: 1.1rem; padding-top: 8px; margin-bottom: .5em; }
  .theme-c .hero-c h1 { font-size: clamp(2.1rem, 3.5vw, 2.9rem); margin-bottom: .35em; }
  .hero-c .lead { font-size: 1.12rem; line-height: 1.5; margin-bottom: .9em; }
  .hero-c-photos { padding-bottom: 44px; max-width: 440px; justify-self: end; }
  .hero-c-main { aspect-ratio: 1 / 1; }
  .hero-c-inset { width: 54%; }
}