/**
 * Healing as legacy — wave band (about.html founder note; index mission prelude).
 * Wave wash: site.css rt-hero-paper-wash--wave-index on section.tide-section.
 * Handoff: tide-section--pre-intro ::after blends into --contact-main-bg.
 * Index: .index-peaceful-band wave photo strip (hero-wave.jpg; styles in index.html).
 */
:root{
  --tide-hed-rule-bg:linear-gradient(90deg,transparent 0%,rgba(25,95,114,0.35) 25%,rgba(25,95,114,0.55) 50%,rgba(25,95,114,0.35) 75%,transparent 100%);
  --tide-hed-rule-shadow:0 0 12px rgba(25,95,114,0.2);
  --tide-sig-gold-rule-bg:var(--rt-gold-teal-fade-long);
  --tide-sig-gold-rule-shadow:
    0 1px 0 rgba(var(--gold-shell-rgb,212,165,90),0.12),
    0 1px 0 rgba(var(--gold-paper-rgb,210,137,54),0.1);
}

.tide-section{
  position:relative;
  padding:6.5rem 5rem 8rem;
  overflow:hidden;
}
.tide-section::before,
.tide-section::after{
  content:none;
}
section.tide-section.tide-section--pre-intro{
  padding-bottom:clamp(4.75rem,11vw,7rem);
}
section.tide-section.tide-section--pre-intro::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:clamp(7rem,22vw,13rem);
  pointer-events:none;
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(243,241,237,0) 0%,
    rgba(235,244,248,0.18) 22%,
    rgba(226,238,244,0.45) 48%,
    rgba(218,232,240,0.72) 72%,
    var(--contact-main-bg,#ebf0f2) 92%,
    var(--contact-main-bg,#ebf0f2) 100%
  );
}
section.tide-section.tide-section--pre-intro.tide-handoff-warm::after{
  background:linear-gradient(
    180deg,
    rgba(243,241,237,0) 0%,
    rgba(235,244,248,0.18) 22%,
    rgba(226,238,244,0.45) 48%,
    rgba(218,232,240,0.72) 72%,
    rgba(245,239,232,0.92) 88%,
    var(--warm-white,#F5EFE8) 100%
  );
}
section.tide-section.tide-section--pre-intro.rt-hero-paper-wash.rt-hero-paper-wash--wave-index{
  background-position:center,center,center,center,center,center 64%;
}
.tide-section--pre-intro .tide-signature{
  margin-top:clamp(0.65rem,2.2vmin,1.15rem);
  padding-top:0;
  padding-bottom:clamp(1.45rem,3.85vw,2.35rem);
}
.tide-inner{
  max-width:min(var(--rt-copy-measure,62ch),100%);
  margin:0 auto;
  position:relative;
  z-index:1;
  padding-left:clamp(1rem,4.5vw,3rem);
  padding-right:clamp(1rem,4.5vw,3rem);
}

/* Index — hero-wave.jpg bridging band (no copy; styles in index.html) */
section.tide-section.tide-section--index-prelude.index-peaceful-band{
  padding:0;
  overflow:hidden;
  --index-peaceful-band-h:clamp(38rem,min(52vh,58rem),58rem);
  min-height:var(--index-peaceful-band-h);
}
.tide-intro{
  text-align:center;
  max-width:min(var(--rt-copy-measure,62ch),100%);
  margin:0 auto 1.15rem;
}
.tide-eyebrow{
  font-family:'DM Sans',sans-serif;
  font-size:var(--rt-type-eyebrow,0.75rem);
  font-weight:500;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--gold-paper,#D28936);
  margin-bottom:1.25rem;
}
.tide-subtitle{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(2.1rem,3.6vw,3rem);
  font-weight:500;
  line-height:1.2;
  color:var(--teal-vivid);
  letter-spacing:-0.02em;
  max-width:28ch;
  margin:0.35rem auto 0;
  text-align:center;
}
.tide-subtitle.rt-hed-split{
  font-style:normal;
  font-weight:400;
  max-width:min(36ch,100%);
  color:var(--intro-text,#1f2724);
}
.tide-subtitle.rt-hed-split em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-weight:500;
  color:var(--teal-vivid,#1b9baf);
  letter-spacing:-0.02em;
}
.tide-rule{
  width:5.5rem;
  height:1px;
  margin:0 auto 1.65rem;
  background:var(--tide-hed-rule-bg);
  box-shadow:var(--tide-hed-rule-shadow);
}
.tide-body{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.16rem,1.82vw,1.36rem);
  font-weight:400;
  line-height:1.78;
  color:rgba(31,39,36,0.86);
  letter-spacing:0.022em;
  text-align:center;
  margin-bottom:clamp(0.85rem,2vw,1.35rem);
}
.tide-highlight{
  color:inherit;
  font-style:italic;
  font-weight:400;
}
.tide-body strong{
  font-weight:500;
  color:var(--intro-text);
}
.tide-signature{
  font-family:'Cormorant Garamond',serif;
  font-style:normal;
  font-size:clamp(1.12rem,1.65vw,1.38rem);
  font-weight:400;
  line-height:1.55;
  color:rgba(31,39,36,0.62);
  text-align:center;
  max-width:min(28em,calc(100% - 2rem));
  margin:0 auto;
  padding:0 1rem;
  border-top:none;
  letter-spacing:0.015em;
}
.tide-signature em{
  font-style:italic;
  font-weight:400;
  color:inherit;
  display:inline-block;
  position:relative;
  padding-bottom:0.55rem;
}
.tide-signature em::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0.18rem;
  height:2px;
  background:var(--tide-sig-gold-rule-bg);
  box-shadow:var(--tide-sig-gold-rule-shadow);
  pointer-events:none;
}

/* Closing CTAs — text + underline (matches index .brand-hero-cta-secondary) */
.tide-section .closing-links{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(1.15rem,3vw,2rem);
  justify-content:center;
  align-items:center;
  margin-top:clamp(2.25rem,5vw,3.35rem);
}
.tide-section .closing-link{
  font-family:'DM Sans',sans-serif;
  font-size:var(--rt-type-text-link,clamp(0.9375rem,1.15vw,1.0625rem));
  font-weight:400;
  letter-spacing:0.12em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:0.34em;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(21,77,76,0.4);
  color:var(--teal-deep,#154d4c);
  background:transparent;
  border:1px solid transparent;
  padding:0.4rem 0.15rem;
  white-space:nowrap;
  transition:
    color 0.25s ease,
    font-weight 0.25s ease,
    text-decoration-color 0.25s ease,
    text-decoration-thickness 0.25s ease,
    text-underline-offset 0.25s ease,
    transform 0.25s ease;
}
.tide-section .closing-link:hover,
.tide-section .closing-link:focus-visible{
  color:var(--teal-vivid,#1b9baf);
  font-weight:500;
  text-decoration-thickness:2px;
  text-decoration-color:var(--teal-vivid,#1b9baf);
  text-underline-offset:0.4em;
  transform:translateY(-1px);
}
.tide-section .closing-link:focus-visible{
  outline:1px solid rgba(21,77,76,0.28);
  outline-offset:4px;
}
@media (prefers-reduced-motion:reduce){
  .tide-section .closing-link{
    transition:color 0.2s ease,font-weight 0.2s ease,text-decoration-color 0.2s ease;
  }
  .tide-section .closing-link:hover,
  .tide-section .closing-link:focus-visible{
    transform:none;
  }
}

@media(max-width:768px){
  .tide-section{padding:4.25rem 1.5rem 6rem}
  .tide-rule{margin-bottom:1.35rem}
  section.tide-section.tide-section--pre-intro.rt-hero-paper-wash.rt-hero-paper-wash--wave-index{
    background-position:center,center,center,center,center,center 68%;
  }
  .tide-section--pre-intro .tide-signature{
    margin-top:clamp(0.5rem,2vmin,1rem);
    padding-top:0;
  }
}