/* family-transitions.css — Family Transitions page only */

.hero-eyebrow { font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; color:var(--teal); display:flex; align-items:center; gap:1rem; margin-bottom:1.2rem; }
.hero-eyebrow::before { content:''; width:36px; height:1px; background:var(--teal); opacity:.5; }
.hero-title { font-family:var(--serif); font-size:clamp(2.4rem,5.2vw,4.6rem); font-weight:400; color:var(--cream); line-height:1.08; text-shadow:0 2px 24px rgba(14,28,42,.55); }
.hero-title em { font-style:italic; color:var(--sand); }
.hero-sub { font-family:var(--serif); font-style:italic; font-size:clamp(1.05rem,1.6vw,1.35rem); font-weight:300; color:var(--sand); margin-top:1.2rem; line-height:1.55; max-width:640px; text-shadow:0 1px 16px rgba(14,28,42,.7); }

.intro-section { padding:var(--space-section) var(--space-page); }
.intro-inner { max-width:780px; margin:0 auto; }
.intro-lead { font-family:var(--serif); font-size:clamp(1.4rem,2.4vw,2rem); font-weight:300; font-style:italic; color:var(--cream); line-height:1.5; margin-bottom:2.4rem; padding-left:1.4rem; border-left:1px solid rgba(91,191,181,.4); }
.body-text { font-size:.92rem; font-weight:300; line-height:1.95; color:var(--stone); margin-bottom:1.5rem; }
.body-text strong { color:var(--cream); font-weight:400; }
.body-text em { color:var(--sand); font-style:italic; }

.what-section { background:var(--charcoal); padding:var(--space-section) var(--space-page); }
.what-inner { max-width:1200px; margin:0 auto; }
.what-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:5rem; align-items:start; margin-top:3.5rem; }
.what-list { display:flex; flex-direction:column; gap:0; }
.what-item { padding:1.6rem 0; border-bottom:1px solid rgba(91,191,181,.1); display:grid; grid-template-columns:36px 1fr; gap:1.2rem; align-items:flex-start; }
.what-item:first-child { border-top:1px solid rgba(91,191,181,.1); }
.what-num { font-family:var(--serif); font-size:1.4rem; color:rgba(91,191,181,.35); line-height:1; }
.what-title { font-family:var(--serif); font-size:1.1rem; font-weight:400; color:var(--cream); margin-bottom:.45rem; line-height:1.3; }
.what-desc { font-size:.85rem; font-weight:300; line-height:1.78; color:var(--stone); }
.what-desc em { color:var(--sand); font-style:italic; }

.coordination-section { padding:var(--space-section) var(--space-page); }
.coord-inner { max-width:980px; margin:0 auto; }
.coord-tag-line { font-family:var(--serif); font-size:1.2rem; font-style:italic; color:var(--teal); text-align:center; margin-top:1rem; }
.coord-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(91,191,181,.1); margin-top:3.5rem; }
.coord-cell { background:var(--black); padding:2.4rem 2rem; text-align:center; }
.coord-icon { font-family:var(--serif); font-size:2.2rem; color:rgba(91,191,181,.4); margin-bottom:.8rem; line-height:1; }
.coord-name { font-family:var(--serif); font-size:1.05rem; color:var(--cream); margin-bottom:.5rem; }
.coord-desc { font-size:.78rem; font-weight:300; color:var(--stone); line-height:1.7; }

.story-section { background:var(--charcoal); padding:var(--space-section) var(--space-page); }
.story-inner { max-width:780px; margin:0 auto; }
.story-mark { font-family:var(--serif); font-size:5rem; color:rgba(91,191,181,.18); line-height:.5; margin-bottom:.5rem; }

.test-section { padding:var(--space-section) var(--space-page); }
.test-inner { max-width:1200px; margin:0 auto; }
.test-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; margin-top:3.5rem; }
.test-card { border:1px solid rgba(91,191,181,.18); padding:2.5rem 2.2rem; display:flex; flex-direction:column; }
.test-card-quote { font-family:var(--serif); font-style:italic; font-size:1rem; font-weight:300; line-height:1.7; color:var(--cream); margin-bottom:1.6rem; position:relative; flex-grow:1; }
.test-card-quote::before { content:'\201C'; font-style:normal; font-size:2.6rem; color:rgba(91,191,181,.22); line-height:0; vertical-align:-.45rem; margin-right:.2rem; }
.test-author { font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:var(--teal); margin-top:auto; }
.test-author-detail { font-size:.7rem; color:var(--stone); font-weight:300; margin-top:.4rem; letter-spacing:0; text-transform:none; }

.gentle-cta { padding:var(--space-section) var(--space-page); text-align:center; }
.gc-inner { max-width:720px; margin:0 auto; }
.gc-title { font-family:var(--serif); font-size:clamp(1.8rem,3.2vw,2.6rem); line-height:1.25; color:var(--cream); margin-bottom:1.4rem; }
.gc-title em { font-style:italic; color:var(--teal); }
.gc-sub { font-family:var(--serif); font-style:italic; font-size:clamp(1rem,1.4vw,1.2rem); font-weight:300; color:var(--sand); margin-bottom:2.8rem; line-height:1.6; }
.gc-line { font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--stone); margin-bottom:1.8rem; }
.gc-actions { display:flex; flex-direction:column; gap:1rem; align-items:center; }
.gc-tel { font-family:var(--serif); font-size:1.8rem; color:var(--cream); text-decoration:none; letter-spacing:.04em; transition:color .3s; }
.gc-tel:hover { color:var(--teal); }
.gc-or { font-size:.6rem; letter-spacing:.22em; text-transform:uppercase; color:rgba(140,135,128,.5); }

@media(max-width:900px) {
  .what-grid { grid-template-columns:1fr; gap:2.5rem; }
  .coord-grid { grid-template-columns:1fr; }
  .test-grid { grid-template-columns:1fr; }
}