/* assets/css/home.css */
/* Home page (Rediscovery hero lander) — content sections only; chrome lives in site.css. */

#hero {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 100px 28px 80px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.hero-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, rgba(60,49,45,0.5) 0%, rgba(60,49,45,0.7) 60%, rgba(60,49,45,0.88) 100%);
  z-index: 1;
}
.hero-inner { position: relative; z-index: 2; max-width: 760px; }
#hero h1.hero-title { font-size: clamp(3.5rem, 10vw, 7rem); font-weight: 600; color: var(--white); margin: 4px auto 24px; max-width: 740px; line-height: 0.95; }
#hero .hero-lead,
#hero .hero-statement { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.7rem, 4vw, 2.8rem); line-height: 1.18; max-width: 680px; }
#hero .hero-lead { color: var(--white); margin: 0 auto 8px; }
#hero .hero-statement { color: var(--gold-pale); margin: 0 auto 28px; }
#hero .hero-sub { display: grid; gap: 4px; font-size: clamp(0.95rem, 1.4vw, 1.15rem); color: var(--white-dim); margin: 0 auto 30px; max-width: 620px; line-height: 1.6; }
.hero-philosophy { display: grid; gap: 8px; margin: 24px auto 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(1.4rem, 3vw, 2rem); color: var(--white); line-height: 1.25; }
body.master-site #hero h1.hero-title,
body.master-site #hero .hero-lead,
body.master-site #hero .hero-philosophy { color: #F7F3EE; }
body.master-site #hero .hero-sub { color: rgba(247,243,238,0.78); }

.hero-cta-row { display: flex; flex-direction: column; gap: 14px; }
.hero-cta-row .btn,
.hero-cta-row .btn-outline { width: 100%; }
.hero-cta-row .btn-outline { background: rgba(13,13,13,0.3); }

@media (min-width: 640px) {
  .hero-cta-row { flex-direction: row; justify-content: center; }
  .hero-cta-row .btn,
  .hero-cta-row .btn-outline { width: auto; min-width: 260px; }
}

#premise { background: var(--dark); }
#premise h2 { font-size: clamp(36px, 9vw, 60px); margin-bottom: 28px; }
#premise p { font-size: 0.95rem; color: var(--white-dim); text-align: center; margin-bottom: 20px; }

#unspoken { background: var(--black); }
#unspoken h2 { font-size: clamp(2.5rem, 8vw, 4.5rem); margin-bottom: 36px; }
#unspoken p { font-size: clamp(1rem, 1.4vw, 1.15rem); color: var(--white-dim); text-align: center; line-height: 1.85; margin-bottom: 20px; }
#unspoken .unspoken-lead { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 3.5vw, 2.25rem); color: var(--white); line-height: 1.35; }
.unspoken-rhythm { margin: 36px 0; }
#unspoken .unspoken-rhythm p { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.45rem, 3vw, 2rem); color: var(--white); line-height: 1.35; margin-bottom: 10px; }
#unspoken .unspoken-close { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 3.5vw, 2.25rem); color: var(--gold-pale); line-height: 1.35; margin-top: 36px; margin-bottom: 0; }

#experiences { background: var(--dark); }
#experiences > .container-wide > h2 { font-size: clamp(2.75rem, 8vw, 5rem); margin-bottom: 48px; }
.experience-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.experience-card { display: flex; flex-direction: column; padding: 44px 30px; border: 3px solid var(--border); text-align: center; }
.experience-card h3 { font-size: clamp(2.5rem, 7vw, 4rem); margin-bottom: 28px; }
.experience-card p { font-size: clamp(1rem, 1.4vw, 1.1rem); color: var(--white-dim); line-height: 1.8; margin-bottom: 24px; }
.experience-card .experience-question { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.45rem, 3vw, 2rem); color: var(--white); line-height: 1.35; }
.experience-card .btn { width: 100%; margin-top: auto; }
.experience-men h3 { color: var(--gold); }
.experience-women { border-color: rgba(122,46,56,0.35); }
.experience-women h3 { color: #7A2E38; }
.master-site .experience-women .btn { background: #7A2E38; color: #F7F3EE; }
.master-site .experience-women .btn:hover { background: #5E2229; }
.experience-belief { margin-top: 56px; }
.experience-belief p { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.4rem, 3vw, 2rem); color: var(--white-dim); line-height: 1.35; margin-bottom: 10px; }
.experience-belief .belief-statement { color: var(--white); }
.experience-belief p:nth-child(3) { margin-top: 32px; }

@media (min-width: 800px) {
  #experiences .experience-grid {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    width: calc(100% - 64px);
    max-width: 1180px;
  }
  .experience-card { padding: 52px 44px; }
  .experience-card h3 { min-height: 82px; display: flex; align-items: center; justify-content: center; }
  .experience-card .experience-question { min-height: 220px; display: flex; align-items: center; justify-content: center; }
  .experience-card > p:not(.experience-question) { min-height: 130px; }
}

#pillars { background: var(--black); }
#pillars h2 { font-size: clamp(36px, 9vw, 56px); }
.pillar-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.pillar-card {
  display: block;
  border: 3px solid var(--border);
  padding: 36px 28px;
  text-decoration: none;
  color: var(--white);
  text-align: center;
  transition: border-color 0.2s ease;
}
.pillar-card:hover { border-color: var(--gold); }
.pillar-eyebrow { font-size: var(--text-xs); letter-spacing: 0.2em; color: var(--white-muted); margin-bottom: 12px; }
.pillar-title { font-size: 2rem; margin-bottom: 14px; }
.pillar-card p { font-size: 0.9rem; color: var(--white-dim); margin-bottom: 20px; line-height: 1.8; }
.pillar-link { font-size: var(--text-2xs); letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); }

#who { background: var(--dark); }
#who h2 { font-size: clamp(36px, 9vw, 56px); margin-bottom: 28px; }
#who p { font-size: 0.95rem; color: var(--white-dim); text-align: center; margin-bottom: 20px; }

#invitation { background: var(--black); }
#invitation h2 { font-size: clamp(36px, 9vw, 60px); margin-bottom: 8px; }
#invitation p { font-size: 0.95rem; color: var(--white-dim); text-align: center; margin-bottom: 20px; }
#invitation .btn-wrap .btn { display: inline-block; width: auto; min-width: 260px; }

@media (min-width: 900px) {
  .pillar-grid { grid-template-columns: 1fr 1fr 1fr; }
  #invitation .btn-wrap { display: flex; justify-content: center; }
}