/*
 * Golden Hour subpage system
 * Shared visual and spacing layer for all visitor-facing pages beyond index.html.
 */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --gh-cream: #fff9f2;
  --gh-paper: #f8eadc;
  --gh-peach: #efb798;
  --gh-coral: #d97866;
  --gh-plum: #3b2436;
  --gh-plum-soft: #6f5667;
  --gh-line: rgba(74, 42, 62, 0.16);
  --gh-white: #fffdf9;
  --void: var(--gh-cream);
  --deep-space: var(--gh-paper);
  --nebula-mid: #f3d8c4;
  --star-white: var(--gh-plum);
  --gold: var(--gh-coral);
  --gold-light: #b85d53;
  --aurora-teal: #a64f63;
  --nebula-purple-light: #8d5874;
  --offer-accent: var(--gh-coral);
  --offer-accent-light: rgba(217, 120, 102, 0.28);
  --offer-accent-rgb: 217, 120, 102;
  --font-serif: 'Libre Baskerville', Georgia, serif;
}

html {
  background: var(--gh-cream);
}

body,
.golden-subpage {
  max-width: 100%;
  overflow-x: clip;
  color: var(--gh-plum);
  background: var(--gh-cream);
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-size: 1rem;
  line-height: 1.65;
}

.golden-subpage h1,
.golden-subpage h2,
.golden-subpage h3,
.golden-subpage h4 {
  font-variant-ligatures: none;
  font-feature-settings: 'liga' 0, 'clig' 0;
}

.golden-subpage::after {
  opacity: 0.025;
  mix-blend-mode: multiply;
}

.golden-subpage #starfield,
.golden-subpage .cosmos-progress {
  display: none;
}

.golden-subpage .banner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1002;
  padding: calc(0.7rem + env(safe-area-inset-top, 0px)) 1rem 0.7rem;
  color: var(--gh-plum);
  background: linear-gradient(90deg, #e8a083, #f0bd97 48%, #e58d7a);
  box-shadow: 0 1px 0 rgba(74, 42, 62, 0.12);
}

.golden-subpage .banner p,
.golden-subpage .banner a {
  color: var(--gh-plum) !important;
  text-shadow: none;
}

.golden-subpage nav#mainNav,
.golden-subpage nav#mainNav.scrolled {
  color: var(--gh-plum);
  background: rgba(255, 249, 242, 0.93);
  border-bottom: 1px solid var(--gh-line);
  box-shadow: 0 8px 28px rgba(82, 49, 62, 0.06);
  backdrop-filter: blur(18px);
}

.golden-subpage nav#mainNav {
  position: fixed;
  top: 44px;
  right: 0;
  left: 0;
  z-index: 1000;
  padding: 0 !important;
}

.golden-subpage .nav-row {
  display: flex;
  width: min(1180px, calc(100% - 3rem));
  min-height: 74px;
  margin: 0 auto;
  padding: 0 !important;
  justify-content: space-between;
  align-items: center;
}

.golden-subpage nav#mainNav.scrolled .nav-row {
  min-height: 66px;
  padding: 0 !important;
}

.golden-subpage nav .nav-links {
  display: flex;
  gap: clamp(1rem, 2.4vw, 2rem);
  margin: 0;
  padding: 0;
  align-items: center;
  list-style: none;
}

.golden-subpage nav .nav-logo,
.golden-subpage nav .nav-links a {
  color: var(--gh-plum) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.golden-subpage nav .nav-logo {
  font-family: var(--font-serif, 'Libre Baskerville', Georgia, serif);
  font-size: clamp(1.3rem, 1.8vw, 1.55rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}

.golden-subpage nav .nav-links a:hover {
  color: var(--gh-coral) !important;
}

.golden-subpage nav .nav-cta {
  display: inline-flex !important;
  min-width: 9.6rem;
  min-height: 3rem;
  padding: 0.72rem 1.25rem !important;
  justify-content: center;
  align-items: center;
  color: var(--gh-white) !important;
  background: var(--gh-plum) !important;
  border-color: var(--gh-plum) !important;
  box-shadow: none;
  line-height: 1.1 !important;
  text-align: center;
  white-space: nowrap;
  opacity: 1 !important;
  visibility: visible !important;
}

.golden-subpage nav .nav-links a.nav-cta {
  color: #fffaf5 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-indent: 0 !important;
}

.golden-subpage nav .nav-cta:hover {
  color: var(--gh-white) !important;
  background: #57374f !important;
}

.golden-subpage .nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  flex: 0 0 44px;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  color: var(--gh-plum);
  background: transparent;
  border: 1px solid var(--gh-line);
  border-radius: 50%;
  cursor: pointer;
}

.golden-subpage .nav-toggle:focus-visible {
  outline: 2px solid var(--gh-coral);
  outline-offset: 3px;
}

.golden-subpage .nav-toggle span {
  display: block;
  flex: 0 0 auto;
  width: 22px;
  height: 2px;
  background: var(--gh-plum);
  border-radius: 999px;
}

.golden-subpage header.hero-strip {
  min-height: 0;
  padding: clamp(8.4rem, 12vw, 9.6rem) clamp(1.25rem, 5vw, 4rem) clamp(3.6rem, 6vw, 4.8rem);
  color: var(--gh-plum);
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 231, 186, 0.96), transparent 34%),
    radial-gradient(circle at 6% 88%, rgba(218, 123, 104, 0.2), transparent 36%),
    linear-gradient(145deg, #f8dfd1 0%, #f2c0a7 54%, #e59a82 100%) !important;
  border-bottom: 1px solid rgba(85, 46, 62, 0.1);
  isolation: isolate;
}

.golden-subpage header.hero-strip::before {
  content: '';
  position: absolute;
  top: 12%;
  right: -8rem;
  width: min(40rem, 62vw);
  aspect-ratio: 1;
  border: 1px solid rgba(116, 68, 79, 0.13);
  border-radius: 50%;
  box-shadow:
    0 0 0 5rem rgba(255, 255, 255, 0.06),
    0 0 0 10rem rgba(255, 255, 255, 0.045);
  pointer-events: none;
  z-index: -1;
}

.golden-subpage .hero-inner {
  width: min(1120px, 100%);
  gap: clamp(2.5rem, 6vw, 5rem);
}

.golden-subpage .hero-text .offer-meta,
.golden-subpage .hero-text .page-label,
.golden-subpage .hero-text .modality-label,
.golden-subpage .section-label,
.golden-subpage .eyebrow,
.golden-subpage .card-tag,
.golden-subpage .related-duration {
  color: var(--gh-coral) !important;
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-weight: 600;
}

.golden-subpage .hero-text h1,
.golden-subpage header.hero-strip h1 {
  max-width: 12ch;
  margin-bottom: 1.2rem;
  color: var(--gh-plum) !important;
  font-size: clamp(2.9rem, 5.4vw, 4.8rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.golden-subpage .hero-text .subhead {
  max-width: 38rem;
  margin-bottom: 2rem;
  color: var(--gh-plum-soft) !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  line-height: 1.45;
}

.golden-subpage .hero-photo {
  aspect-ratio: 4 / 4.7;
  color: var(--gh-plum);
  background: #e9c2ad;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 48% 48% 1.6rem 1.6rem;
  box-shadow: 0 26px 60px rgba(91, 48, 57, 0.16);
}

.golden-subpage .hero-photo::after {
  background: linear-gradient(180deg, transparent 62%, rgba(56, 29, 43, 0.52));
}

.golden-subpage .hero-photo img {
  filter: saturate(0.88) contrast(0.96) brightness(1.04);
}

.golden-subpage .hero-photo .photo-caption {
  color: #fffaf5;
}

.golden-subpage .btn,
.golden-subpage .wizard-next,
.golden-subpage .quiz-next {
  border-radius: 999px;
  text-transform: none;
  letter-spacing: 0.025em;
}

.golden-subpage .btn-primary,
.golden-subpage .wizard-next,
.golden-subpage .quiz-next {
  color: var(--gh-white) !important;
  background: var(--gh-plum) !important;
  border-color: var(--gh-plum) !important;
  box-shadow: none;
}

.golden-subpage .btn-primary:hover,
.golden-subpage .wizard-next:hover,
.golden-subpage .quiz-next:hover {
  background: #57374f !important;
  box-shadow: 0 12px 30px rgba(59, 36, 54, 0.16);
}

.golden-subpage .btn-ghost {
  color: var(--gh-plum) !important;
  border-color: rgba(59, 36, 54, 0.28);
}

.golden-subpage .btn-text,
.golden-subpage .inline-link,
.golden-subpage a:not(.btn):not(.nav-logo):not(.nav-cta):not(.related-card):not(.card) {
  color: #a24f58;
}

.golden-subpage section.content {
  padding: clamp(3.35rem, 6vw, 5rem) clamp(1.25rem, 5vw, 3rem);
  color: var(--gh-plum);
  background: var(--gh-cream);
}

.golden-subpage section.content.alt-bg {
  background: rgba(242, 210, 190, 0.38);
}

.golden-subpage .section-inner {
  max-width: 760px;
}

.golden-subpage .section-inner.wide {
  max-width: 1120px;
}

.golden-subpage .section-title,
.golden-subpage section.content h2,
.golden-subpage .final-cta h2 {
  color: var(--gh-plum) !important;
  font-weight: 400;
  line-height: 1.05;
}

.golden-subpage .lead {
  color: var(--gh-plum);
  font-size: clamp(1.08rem, 2vw, 1.2rem);
  line-height: 1.68;
}

.golden-subpage p.body,
.golden-subpage .faq-a,
.golden-subpage .related-card p,
.golden-subpage .final-cta p {
  color: var(--gh-plum-soft);
}

.golden-subpage .pull {
  color: #9f5361;
  border-color: var(--gh-line);
}

.golden-subpage .included-list li,
.golden-subpage .who-list li {
  color: var(--gh-plum);
  border-color: var(--gh-line);
}

.golden-subpage .included-list li::before,
.golden-subpage .who-list li::before {
  color: var(--gh-coral);
}

.golden-subpage .gating,
.golden-subpage .session-grid,
.golden-subpage .related-card,
.golden-subpage .cta-box,
.golden-subpage .quiz-container,
.golden-subpage .wizard-container {
  color: var(--gh-plum);
  background: rgba(255, 253, 249, 0.72);
  border-color: var(--gh-line);
  box-shadow: 0 18px 44px rgba(93, 50, 61, 0.07);
}

.golden-subpage .gating {
  border-left-color: var(--gh-coral);
}

.golden-subpage .gating strong,
.golden-subpage .session-grid dt,
.golden-subpage .session-grid dd,
.golden-subpage .related-card h4,
.golden-subpage .related-card .arrow,
.golden-subpage .faq-q {
  color: var(--gh-plum);
}

.golden-subpage .faq-item,
.golden-subpage .session-grid {
  border-color: var(--gh-line);
}

.golden-subpage .related-grid {
  gap: 1rem;
}

.golden-subpage .related-card {
  border-radius: 1.25rem;
}

.golden-subpage .related-card:hover {
  background: var(--gh-white);
  border-color: rgba(217, 120, 102, 0.42);
  box-shadow: 0 18px 38px rgba(93, 50, 61, 0.09);
}

.golden-subpage .final-cta {
  padding: clamp(4.5rem, 8vw, 7rem) 1.5rem;
  color: var(--gh-plum);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 233, 190, 0.82), transparent 50%),
    linear-gradient(145deg, #f5d9c8, #edb294);
  border-top: 1px solid rgba(74, 42, 62, 0.1);
}

.golden-subpage footer {
  color: rgba(255, 250, 245, 0.74);
  background: var(--gh-plum);
  border-top-color: rgba(255, 255, 255, 0.12);
}

.golden-subpage footer .nav-logo,
.golden-subpage footer h5,
.golden-subpage footer h5 a {
  color: #f3c47f !important;
}

.golden-subpage footer p,
.golden-subpage footer a,
.golden-subpage .footer-bottom p,
.golden-subpage .footer-social a {
  color: rgba(255, 250, 245, 0.68) !important;
}

.golden-subpage footer .nav-logo {
  color: #fffaf5 !important;
}

.golden-subpage footer a:hover,
.golden-subpage footer h5 a:hover,
.golden-subpage .footer-social a:hover {
  color: #fffaf5 !important;
}

.golden-subpage .footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.14);
}

/* Keep linked footer headings on the same baseline as plain headings. */
.golden-subpage .footer-inner {
  align-items: start;
}

.golden-subpage footer .footer-col h5 {
  line-height: 1.2;
}

.golden-subpage footer .footer-col h5 a {
  display: inline;
  padding: 0;
  line-height: inherit;
}

/* Readability and alignment pass for the lighter editorial pages. */
.golden-subpage.page-wall-of-love .hero-inner {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.golden-subpage.page-wall-of-love .hero-text {
  width: min(100%, 760px);
  margin-inline: auto;
}

.golden-subpage.page-wall-of-love .hero-text .page-label {
  color: #a85d51 !important;
}

.golden-subpage.page-wall-of-love .hero-text h1 {
  color: var(--gh-plum) !important;
  margin-inline: auto;
}

.golden-subpage.page-wall-of-love .hero-text .subhead {
  color: var(--gh-plum-soft) !important;
  margin-inline: auto;
}

/* Specials used to inherit a dark, low-contrast palette from the old theme. */
.golden-subpage.page-specials .deal-card h3 {
  color: var(--gh-plum) !important;
}

.golden-subpage.page-specials .deal-card .deal-tag,
.golden-subpage.page-specials .deal-card .deal-meta .save {
  color: #a85d51 !important;
}

.golden-subpage.page-specials .deal-card .blurb,
.golden-subpage.page-specials .deal-card .body,
.golden-subpage.page-specials .deal-card .deal-meta .pack,
.golden-subpage.page-specials .deal-card .deal-meta .price,
.golden-subpage.page-specials .body.center {
  color: var(--gh-plum-soft) !important;
}

.golden-subpage.page-specials .deal-card .deal-meta {
  background: rgba(247, 225, 211, 0.58) !important;
  border: 1px solid var(--gh-line);
}

.golden-subpage.page-specials .deal-card .deal-meta .price {
  color: var(--gh-plum) !important;
}

.golden-subpage.page-specials .deal-card .btn-ghost {
  color: var(--gh-plum) !important;
  border-color: rgba(59, 36, 54, 0.28) !important;
}

.golden-subpage.page-specials section.content.alt-bg {
  background: #f2d6c5;
}

.golden-subpage.page-specials .journey-card h4 {
  color: var(--gh-plum) !important;
}

.golden-subpage.page-specials .journey-card p,
.golden-subpage.page-specials .journey-card .benefits {
  color: var(--gh-plum-soft) !important;
}

.golden-subpage.page-specials .journey-card .arrow {
  color: #a85d51 !important;
}

.golden-subpage.page-specials .final-cta h2 {
  color: var(--gh-plum) !important;
}

.golden-subpage.page-specials .final-cta p {
  color: var(--gh-plum-soft) !important;
}

/* Transformative Journeys cards need light-page contrast over the warm theme. */
.golden-subpage.page-transformative-journeys .journey-card {
  color: var(--gh-plum);
  background: rgba(255, 253, 249, 0.68) !important;
  border-color: var(--gh-line) !important;
  box-shadow: 0 18px 44px rgba(93, 50, 61, 0.07);
}

.golden-subpage.page-transformative-journeys .journey-card:hover {
  background: var(--gh-white) !important;
  border-color: rgba(217, 120, 102, 0.42) !important;
  box-shadow: 0 18px 38px rgba(93, 50, 61, 0.09);
}

.golden-subpage.page-transformative-journeys .journey-card h4 {
  color: var(--gh-coral) !important;
}

.golden-subpage.page-transformative-journeys .journey-card p,
.golden-subpage.page-transformative-journeys .journey-card .benefits {
  color: var(--gh-plum-soft) !important;
}

.golden-subpage.page-transformative-journeys .journey-card .duration,
.golden-subpage.page-transformative-journeys .journey-card .arrow {
  color: #a85d51 !important;
}

/* Interactive matcher and custom-session pages */
.golden-subpage .quiz-section,
.golden-subpage .wizard-section {
  padding: clamp(3.5rem, 7vw, 5.5rem) 1.25rem clamp(5rem, 9vw, 7rem);
  color: var(--gh-plum);
  background: linear-gradient(180deg, var(--gh-cream), #f1c6af);
}

.golden-subpage .quiz-container,
.golden-subpage .wizard-container {
  max-width: 760px;
  padding: clamp(1.4rem, 4vw, 2.6rem);
  border-radius: 1.65rem;
}

.golden-subpage .quiz-question,
.golden-subpage .wizard-question,
.golden-subpage .wizard-option-text h5 {
  color: var(--gh-plum) !important;
}

.golden-subpage .quiz-hint,
.golden-subpage .wizard-hint,
.golden-subpage .wizard-option-text p,
.golden-subpage .wizard-alt,
.golden-subpage .quiz-sub {
  color: var(--gh-plum-soft) !important;
}

.golden-subpage .quiz-option,
.golden-subpage .wizard-option {
  color: var(--gh-plum);
  background: rgba(255, 253, 249, 0.64);
  border-color: var(--gh-line);
}

.golden-subpage .quiz-option:hover,
.golden-subpage .quiz-option.selected,
.golden-subpage .wizard-option:hover,
.golden-subpage .wizard-option.selected {
  background: rgba(247, 218, 201, 0.78);
  border-color: rgba(217, 120, 102, 0.5);
}

.golden-subpage input,
.golden-subpage textarea,
.golden-subpage select,
.golden-subpage .wizard-input,
.golden-subpage .wizard-textarea {
  color: var(--gh-plum) !important;
  background: var(--gh-white) !important;
  border-color: var(--gh-line) !important;
}

.golden-subpage input::placeholder,
.golden-subpage textarea::placeholder {
  color: #8a7180 !important;
  opacity: 1;
}

/* Field Notes index */
.golden-subpage main {
  color: var(--gh-plum);
  background: var(--gh-cream);
}

.golden-subpage main > .header {
  padding-top: 10rem;
}

.golden-subpage main > .header h1,
.golden-subpage main > .header h1 em {
  color: var(--gh-plum) !important;
}

.golden-subpage main > .header .deck {
  color: var(--gh-plum-soft);
}

.golden-subpage main > .grid .card {
  color: var(--gh-plum);
  background: rgba(255, 253, 249, 0.82);
  border-color: var(--gh-line);
  box-shadow: none;
}

.golden-subpage main > .grid .card:hover {
  background: var(--gh-white);
  border-color: rgba(217, 120, 102, 0.4);
  box-shadow: 0 18px 42px rgba(83, 45, 59, 0.08);
}

.golden-subpage main > .grid .card h2,
.golden-subpage main > .grid .card p {
  color: var(--gh-plum) !important;
}

.golden-subpage main > .grid .card-meta {
  color: var(--gh-plum-soft);
  border-color: var(--gh-line);
}

/* Field Note articles */
.golden-subpage article {
  max-width: 780px;
  padding: 10rem 1.5rem 5rem !important;
  color: var(--gh-plum);
}

.golden-subpage article .blog-hero-img {
  margin-bottom: 2.2rem;
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 48% 48% 1.25rem 1.25rem;
  box-shadow: 0 22px 54px rgba(81, 43, 57, 0.12);
}

.golden-subpage article h1 {
  color: var(--gh-plum);
  font-size: clamp(2.7rem, 6vw, 4.4rem);
  line-height: 1;
}

.golden-subpage article .deck {
  color: var(--gh-plum-soft);
  font-size: clamp(1.12rem, 2.5vw, 1.32rem) !important;
  line-height: 1.6;
}

.golden-subpage article .byline {
  color: #8a6b79;
}

.golden-subpage article h2 {
  color: var(--gh-plum) !important;
  font-size: clamp(1.9rem, 4vw, 2.45rem);
  line-height: 1.12;
}

.golden-subpage article h3,
.golden-subpage article p strong {
  color: var(--gh-plum) !important;
}

.golden-subpage article p,
.golden-subpage article li {
  color: #523d4c;
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-size: 1.02rem !important;
  line-height: 1.78;
}

.golden-subpage article .cta-box {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 1.35rem;
}

.golden-subpage article .related {
  border-color: var(--gh-line);
}

/* Preserve the two image-led story heroes. */
.golden-subpage.page-how-we-got-here header.hero-strip {
  min-height: clamp(29rem, 52vw, 40rem);
  align-items: center;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 226, 177, 0.18), transparent 34%),
    linear-gradient(rgba(42, 20, 33, 0.56), rgba(42, 20, 33, 0.74)),
    url('../images/how-we-got-here-michael.jpg') center top / cover no-repeat !important;
}

.golden-subpage.page-how-we-got-here .hero-inner,
.golden-subpage.page-how-we-got-here .hero-text {
  width: min(100%, 760px);
  margin-inline: auto;
  text-align: center;
}

.golden-subpage.page-how-we-got-here header.hero-strip h1 {
  max-width: 11ch;
  margin-right: auto;
  margin-left: auto;
}

.golden-subpage.page-how-we-got-here .hero-text .subhead {
  max-width: 690px;
  margin-right: auto;
  margin-left: auto;
}

.golden-subpage.page-who-is-this-for header.hero-strip {
  background:
    linear-gradient(rgba(42, 20, 33, 0.5), rgba(42, 20, 33, 0.7)),
    url('../images/who-is-this-for-hero.jpg') center / cover no-repeat !important;
}

.golden-subpage.page-how-we-got-here header.hero-strip h1,
.golden-subpage.page-how-we-got-here .hero-text .subhead,
.golden-subpage.page-how-we-got-here .hero-text .page-label,
.golden-subpage.page-who-is-this-for header.hero-strip h1,
.golden-subpage.page-who-is-this-for .hero-text .subhead,
.golden-subpage.page-who-is-this-for .hero-text .page-label {
  color: #fffaf5 !important;
  text-shadow: 0 2px 20px rgba(25, 12, 20, 0.62);
}

.golden-subpage.page-who-is-this-for .hero-inner {
  max-width: 980px;
  text-align: center;
}

.golden-subpage.page-who-is-this-for header.hero-strip h1 {
  max-width: 13ch;
  margin-right: auto;
  margin-left: auto;
}

.golden-subpage.page-who-is-this-for .hero-text .subhead {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
  color: #fff3e9 !important;
}

.golden-subpage.page-who-is-this-for .hero-text .page-label {
  color: #ffd49c !important;
}

.golden-subpage.page-who-is-this-for section.content {
  color: #321b2b;
}

.golden-subpage.page-who-is-this-for section.content.alt-bg {
  background: #f2d6c5;
}

.golden-subpage.page-who-is-this-for .audience-card {
  color: #321b2b;
  background: rgba(255, 253, 249, 0.9);
  border: 1px solid rgba(78, 45, 65, 0.2);
  box-shadow: 0 14px 34px rgba(82, 46, 57, 0.07);
}

.golden-subpage.page-who-is-this-for .audience-card:hover {
  background: #fffdf9;
  border-color: rgba(173, 79, 67, 0.55);
  box-shadow: 0 18px 40px rgba(82, 46, 57, 0.12);
}

.golden-subpage.page-who-is-this-for .audience-card .audience-tag,
.golden-subpage.page-who-is-this-for .audience-card .arrow {
  color: #9f453f;
  font-weight: 600;
}

.golden-subpage.page-who-is-this-for .audience-card h3 {
  color: #3b2436;
  font-weight: 600;
}

.golden-subpage.page-who-is-this-for .audience-card p {
  color: #523d4c;
}

.golden-subpage.page-how-we-got-here section.content.alt-bg {
  background: #f2d6c5;
}

.golden-subpage.page-how-we-got-here .attribution {
  color: #6b4f60;
  font-weight: 600;
}

.golden-subpage.page-how-we-got-here .pillars-grid {
  gap: 1rem;
  margin-top: 1.8rem;
}

.golden-subpage.page-how-we-got-here .pillar-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.6rem, 3vw, 2.2rem);
  color: #321b2b;
  background: rgba(255, 253, 249, 0.94);
  border: 1px solid rgba(78, 45, 65, 0.2);
  border-radius: 1.25rem;
  box-shadow: 0 16px 38px rgba(82, 46, 57, 0.08);
}

.golden-subpage.page-how-we-got-here .pillar-card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  content: '';
  background: #c76052;
}

.golden-subpage.page-how-we-got-here .pillar-card:nth-child(2)::before {
  background: #6e735b;
}

.golden-subpage.page-how-we-got-here .pillar-kicker {
  display: block;
  margin-bottom: 0.75rem;
  color: #9f453f;
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.golden-subpage.page-how-we-got-here .pillar-card:nth-child(2) .pillar-kicker {
  color: #596046;
}

.golden-subpage.page-how-we-got-here .pillar-card h3 {
  margin-bottom: 0.75rem;
  color: #3b2436;
  font-size: clamp(1.45rem, 2.5vw, 1.8rem);
  font-weight: 700;
}

.golden-subpage.page-how-we-got-here .pillar-card p {
  margin: 0;
  color: #523d4c;
  line-height: 1.68;
}

.golden-subpage.page-build-a-session header.hero-strip {
  padding-bottom: clamp(2.1rem, 3vw, 2.8rem);
  text-align: center;
}

.golden-subpage.page-build-a-session .hero-inner,
.golden-subpage.page-build-a-session .hero-text {
  width: min(900px, 100%);
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.golden-subpage.page-build-a-session header.hero-strip h1 {
  max-width: 14ch;
  margin-right: auto;
  margin-left: auto;
}

.golden-subpage.page-build-a-session .hero-text .subhead {
  margin-right: auto;
  margin-left: auto;
}

.golden-subpage.page-build-a-session .wizard-section {
  padding-top: clamp(2.2rem, 3.5vw, 3rem);
  padding-bottom: clamp(4rem, 7vw, 5.5rem);
}

.golden-subpage.page-build-a-session .wizard-container {
  padding: clamp(1.6rem, 3vw, 2.2rem);
}

.golden-subpage.page-build-a-session .wizard-progress {
  margin-bottom: 1.5rem;
}

.golden-subpage.page-build-a-session .wizard-hint {
  margin-bottom: 1.4rem;
}

.golden-subpage.page-build-a-session .wizard-options {
  margin-bottom: 1.35rem;
}

.golden-subpage.page-build-a-session .party-toggle {
  background: rgba(78, 45, 65, 0.07);
  border-color: rgba(78, 45, 65, 0.18);
}

.golden-subpage.page-build-a-session .party-pill {
  color: #5e4354 !important;
  font-weight: 650;
  opacity: 1;
}

.golden-subpage.page-build-a-session .party-pill:hover {
  color: #321b2b !important;
  background: rgba(255, 253, 249, 0.62);
}

.golden-subpage.page-build-a-session .party-pill.selected {
  color: #fffaf5 !important;
  background: #4e2d41 !important;
}

.golden-subpage.page-build-a-session .wizard-next.disabled {
  color: #6c5261 !important;
  background: #eadbd2 !important;
}

.golden-subpage.page-build-a-session .wizard-slider-labels,
.golden-subpage.page-build-a-session .matched-offering-label,
.golden-subpage.page-build-a-session .matched-offering-price,
.golden-subpage.page-build-a-session .matched-offering-note,
.golden-subpage.page-build-a-session .booking-contact label,
.golden-subpage.page-build-a-session .booking-contact .contact-hint,
.golden-subpage.page-build-a-session .wizard-alt {
  color: #684d5e !important;
}

.golden-subpage.page-build-a-session .matched-offering,
.golden-subpage.page-build-a-session .summary-card {
  color: #321b2b;
  background: rgba(255, 253, 249, 0.86);
  border-color: rgba(78, 45, 65, 0.18);
}

.golden-subpage.page-build-a-session .matched-offering-name,
.golden-subpage.page-build-a-session .summary-value,
.golden-subpage.page-build-a-session .summary-label {
  color: #3b2436 !important;
}

/* Session matcher: remove the old dark-theme color inheritance. */
.golden-subpage.page-session-matcher header.hero-strip {
  padding-top: clamp(8rem, 11vw, 9rem);
  padding-bottom: clamp(2.8rem, 4.5vw, 3.8rem);
  text-align: center;
}

.golden-subpage.page-session-matcher .hero-inner {
  width: min(900px, 100%);
  margin: 0 auto;
  text-align: center;
}

.golden-subpage.page-session-matcher header.hero-strip h1 {
  max-width: 15ch;
  margin-right: auto;
  margin-left: auto;
  color: #3b2436 !important;
}

.golden-subpage.page-session-matcher header.hero-strip h1 em {
  color: #a34842 !important;
}

.golden-subpage.page-session-matcher header.hero-strip .page-label {
  color: #9f453f !important;
  font-weight: 700;
}

.golden-subpage.page-session-matcher header.hero-strip .subhead {
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  color: #5f4556 !important;
  font-weight: 500;
}

.golden-subpage.page-session-matcher .quiz-section {
  padding-top: clamp(2.5rem, 4vw, 3.5rem);
}

.golden-subpage.page-session-matcher .quiz-container {
  color: #321b2b;
  background: rgba(255, 253, 249, 0.92);
  border: 1px solid rgba(78, 45, 65, 0.18);
}

.golden-subpage.page-session-matcher .quiz-dot {
  background: rgba(78, 45, 65, 0.16);
}

.golden-subpage.page-session-matcher .quiz-dot.active {
  background: #c76052;
}

.golden-subpage.page-session-matcher .quiz-dot.completed {
  background: #6e735b;
}

.golden-subpage.page-session-matcher .welcome .eyebrow,
.golden-subpage.page-session-matcher .question .q-eyebrow,
.golden-subpage.page-session-matcher .result-eyebrow {
  color: #9f453f !important;
  font-weight: 700;
}

.golden-subpage.page-session-matcher .welcome h2,
.golden-subpage.page-session-matcher .question h3,
.golden-subpage.page-session-matcher .result-name,
.golden-subpage.page-session-matcher .runner-up-info h4,
.golden-subpage.page-session-matcher .capture h4 {
  color: #3b2436 !important;
}

.golden-subpage.page-session-matcher .welcome h2 em,
.golden-subpage.page-session-matcher .result-name em,
.golden-subpage.page-session-matcher .capture h4 em {
  color: #a34842 !important;
}

.golden-subpage.page-session-matcher .welcome p,
.golden-subpage.page-session-matcher .welcome-meta-item,
.golden-subpage.page-session-matcher .result-why,
.golden-subpage.page-session-matcher .result-card-text,
.golden-subpage.page-session-matcher .runner-up-info p,
.golden-subpage.page-session-matcher .capture p,
.golden-subpage.page-session-matcher .loading-text,
.golden-subpage.page-session-matcher .restart a,
.golden-subpage.page-session-matcher .quiz-back {
  color: #634a5a !important;
}

.golden-subpage.page-session-matcher .welcome-meta-item svg,
.golden-subpage.page-session-matcher .result-meta-pill svg {
  stroke: #b5534a;
}

.golden-subpage.page-session-matcher .option,
.golden-subpage.page-session-matcher .runner-up-card,
.golden-subpage.page-session-matcher .result-card,
.golden-subpage.page-session-matcher .result-meta-pill {
  color: #3b2436;
  background: rgba(248, 221, 205, 0.34);
  border-color: rgba(78, 45, 65, 0.18);
}

.golden-subpage.page-session-matcher .option:hover,
.golden-subpage.page-session-matcher .runner-up-card:hover {
  color: #321b2b;
  background: rgba(248, 221, 205, 0.72);
  border-color: rgba(183, 95, 86, 0.5);
}

.golden-subpage.page-session-matcher .option .dot {
  background: rgba(183, 95, 86, 0.48);
}

.golden-subpage.page-session-matcher .option .arrow,
.golden-subpage.page-session-matcher .runner-up-arrow,
.golden-subpage.page-session-matcher .capture-msg {
  color: #a34842 !important;
}

.golden-subpage.page-session-matcher .result-card-label,
.golden-subpage.page-session-matcher .runner-up-label {
  color: #745969;
  font-weight: 700;
}

.golden-subpage.page-session-matcher .runner-up,
.golden-subpage.page-session-matcher .capture {
  border-color: rgba(78, 45, 65, 0.16);
}

.golden-subpage.page-session-matcher .capture-input {
  color: #321b2b !important;
  background: #fffdf9 !important;
  border-color: rgba(78, 45, 65, 0.22) !important;
}

.golden-subpage.page-session-matcher .restart a {
  border-color: rgba(78, 45, 65, 0.2);
}

@media (max-width: 1100px) {
  .golden-subpage .nav-row {
    width: min(100% - 2rem, 1180px);
  }

  .golden-subpage .nav-links {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: 1rem !important;
    left: 1rem !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: 0;
    padding: 0 1rem !important;
    flex-direction: column;
    gap: 0 !important;
    align-items: stretch;
    overflow: hidden;
    color: var(--gh-plum);
    background: var(--gh-cream);
    border-color: var(--gh-line);
    border-radius: 0 0 1.2rem 1.2rem;
    box-shadow: 0 24px 50px rgba(66, 34, 49, 0.18);
  }

  .golden-subpage .nav-links.open {
    max-height: 430px;
    padding: 1rem !important;
  }

  .golden-subpage .nav-links li {
    width: 100%;
  }

  .golden-subpage nav .nav-links a {
    display: flex;
    width: 100%;
    min-height: 44px;
    padding: 0.7rem 0;
    align-items: center;
    border-bottom: 1px solid var(--gh-line);
    font-size: 1rem !important;
  }

  .golden-subpage .nav-links li:last-child a {
    border-bottom: 0;
  }

  .golden-subpage .nav-toggle {
    display: flex;
  }

  .golden-subpage nav .nav-cta {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .golden-subpage header.hero-strip {
    padding-top: 9rem;
    padding-bottom: 4rem;
  }

  .golden-subpage .hero-inner {
    gap: 2.5rem;
  }

  .golden-subpage .hero-photo {
    width: min(560px, 100%);
    aspect-ratio: 16 / 11;
    border-radius: 1.5rem;
  }
}

@media (max-width: 600px) {
  .golden-subpage .banner p {
    font-size: 0.75rem !important;
    line-height: 1.35;
  }

  .golden-subpage nav#mainNav {
    top: 56px;
  }

  .golden-subpage .nav-row {
    min-height: 66px;
  }

  .golden-subpage .hero-text .offer-meta,
.golden-subpage .hero-text .page-label,
.golden-subpage .hero-text .modality-label {
    font-size: 0.78rem !important;
  }

  .golden-subpage .section-label,
  .golden-subpage .eyebrow,
  .golden-subpage .card-tag,
  .golden-subpage .related-duration,
  .golden-subpage .deal-tag,
  .golden-subpage .feat-meta,
  .golden-subpage .item-tag,
  .golden-subpage .category-tag {
    font-size: 0.75rem !important;
  }

  .golden-subpage .featured-tag,
  .golden-subpage .audience-tag,
  .golden-subpage .tech-cat,
  .golden-subpage .tool-meta,
  .golden-subpage .pillar-kicker,
  .golden-subpage .contact-card .label,
  .golden-subpage .quote-list .who,
  .golden-subpage .neurovizr-product-label,
  .golden-subpage .journey-card .benefits {
    font-size: 0.75rem !important;
  }

  .golden-subpage .footer-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .golden-subpage .footer-brand,
  .golden-subpage .footer-col {
    min-width: 0;
    max-width: 100%;
  }

  .golden-subpage .embedded-booking,
  .golden-subpage .embedded-booking iframe {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .golden-subpage.page-blog-index main > .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .golden-subpage.page-blog-index main > .grid .card {
    width: 100%;
    min-width: 0;
  }

  .golden-subpage .wizard-next,
  .golden-subpage .quiz-next {
    min-height: 44px;
  }

  .golden-subpage header.hero-strip {
    padding: 8.5rem 1rem 3.25rem;
  }

  .golden-subpage .hero-text h1,
.golden-subpage header.hero-strip h1 {
    font-size: clamp(2.8rem, 14vw, 4.15rem);
  }

  .golden-subpage section.content {
    padding: 3.5rem 1rem;
  }

  .golden-subpage .session-grid,
.golden-subpage .related-card {
    padding: 1.35rem;
  }

  .golden-subpage.page-contact .contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .golden-subpage.page-contact .contact-card {
    min-width: 0;
    padding: 1.5rem;
    overflow-wrap: anywhere;
  }

  .golden-subpage.page-contact .hours-table {
    table-layout: fixed;
  }

  .golden-subpage article {
    padding: 8.5rem 1rem 4rem !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .golden-subpage article ul,
  .golden-subpage article ol {
    max-width: 100%;
    padding-left: 1.15rem;
    margin-left: 0;
  }

  .golden-subpage article .blog-hero-img {
    border-radius: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .golden-subpage *,
.golden-subpage *::before,
.golden-subpage *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 768px) {
  .golden-subpage.page-how-we-got-here nav#mainNav {
    top: 72px !important;
  }

  .golden-subpage.page-how-we-got-here .nav-row {
    min-height: 74px;
  }

  .golden-subpage.page-how-we-got-here header.hero-strip {
    min-height: clamp(30rem, 78vh, 42rem) !important;
    align-items: center !important;
    padding: 11.25rem 1.25rem 4rem !important;
    background:
      radial-gradient(circle at 50% 30%, rgba(255, 226, 177, 0.22), transparent 36%),
      linear-gradient(rgba(42, 20, 33, 0.44), rgba(42, 20, 33, 0.66)),
      url('../images/how-we-got-here-michael.jpg') 78% top / cover no-repeat !important;
  }

  .golden-subpage.page-how-we-got-here .hero-strip::after {
    display: none !important;
    content: none !important;
  }

  .golden-subpage.page-how-we-got-here.banner-hidden nav#mainNav,
  body.banner-hidden.golden-subpage.page-how-we-got-here nav#mainNav {
    top: 0 !important;
  }
}
