/* ============================================================
   AquaLayer™ — service.css  (individual service pages)
   Deck-aligned: dark hero, philosophy splits, pearl bands, closing.
   ============================================================ */

.svc-page-hero {
  position: relative;
  padding-top: calc(var(--nav-h) + clamp(48px, 8vw, 110px));
  padding-bottom: clamp(48px, 6vw, 88px);
  overflow: hidden;
}
.svc-page-hero .breadcrumb { margin-bottom: var(--s5); }
.svc-page-hero .eyebrow { color: var(--tide); }
.svc-page-hero h1 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(2rem, 0.7rem + 5.2vw, 4.4rem);
  line-height: 1.05;
  letter-spacing: -.02em;
  max-width: 14ch;
  margin-top: var(--s3);
  color: var(--pearl);
}
.svc-page-hero .lead {
  margin-top: var(--s5);
  font-size: var(--fs-lead);
  line-height: 1.45;
  color: var(--ink-soft);
  max-width: 48ch;
  font-weight: 300;
}
.svc-page-hero__cta { margin-top: var(--s5); }

/* Hairline stats — not pills */
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: var(--s5);
  border-top: 1px solid var(--hair);
}
.chip {
  border: 0;
  border-right: 1px solid var(--hair);
  border-radius: 0;
  padding: 14px 20px 14px 0;
  margin-right: 20px;
  background: transparent;
}
.chip:last-child { border-right: 0; }
.chip b {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  color: var(--pearl);
  font-size: 1.25rem;
  font-weight: 380;
  display: block;
  line-height: 1;
}
.chip span {
  font-family: var(--font-tech);
  font-size: .62rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-faint);
  display: block;
  margin-top: 6px;
}

/* Philosophy body paragraphs */
.philosophy__copy .body p {
  color: rgba(240,240,224,.74);
  font-size: 1.02rem;
  line-height: 1.55;
  font-weight: 300;
  max-width: 42ch;
}
.philosophy__copy .body p + p { margin-top: var(--s3); }
.philosophy__media .surface {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.philosophy__media .surface picture,
.philosophy__media .surface img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.philosophy__media .surface__scrim,
.philosophy__media .surface__tag { display: none; }

/* Process rows on pearl */
.process-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(0,16,32,.12);
}
.process-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--s4);
  align-items: baseline;
  padding: clamp(20px, 3vw, 28px) 0;
  border-bottom: 1px solid rgba(0,16,32,.12);
}
.process-row__n {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  color: var(--tide);
}
.process-row h3 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(1.15rem, 1rem + .8vw, 1.4rem);
  color: var(--abyss);
  margin: 0 0 6px;
}
.process-row p {
  margin: 0;
  font-size: .98rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2a343c;
  max-width: 48ch;
}

/* Included checklist on pearl */
.svc-included .checklist {
  margin-top: var(--s5);
  border-top: 1px solid rgba(0,16,32,.12);
  padding-top: var(--s4);
}
.band-pearl .checklist li {
  color: #2a343c;
  font-weight: 500;
}
.band-pearl .checklist li::before {
  border-color: var(--tide);
}

/* Lifespan — dark statement */
.svc-lifespan {
  padding-block: var(--section-y);
}
.svc-lifespan .deck-head { margin-bottom: var(--s6); }
.lifespan {
  display: grid;
  gap: var(--s5);
  align-items: end;
}
@media (min-width: 760px) {
  .lifespan {
    grid-template-columns: auto 1fr;
    gap: clamp(32px, 5vw, 72px);
    align-items: center;
  }
}
.lifespan__big {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  font-size: clamp(4rem, 2rem + 12vw, 9rem);
  line-height: .9;
  color: var(--pearl);
  font-weight: 340;
  letter-spacing: .01em;
}
.lifespan__big small {
  display: block;
  font-family: var(--font-tech);
  font-size: .8rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ink-faint);
  margin-top: var(--s3);
}
.svc-lifespan .lead {
  color: var(--ink-soft);
  max-width: 42ch;
  margin: 0;
}

/* Fit grid on pearl */
.fit-grid {
  display: grid;
  gap: var(--s4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  border-top: 1px solid rgba(0,16,32,.12);
}
.fit {
  padding: var(--s4) 0;
  border-top: 0;
  border-bottom: 1px solid rgba(0,16,32,.1);
}
.fit h3 {
  font-size: var(--fs-h3);
  margin-bottom: var(--s2);
  color: var(--abyss);
}
.fit p {
  color: #2a343c;
  font-size: .96rem;
  font-weight: 500;
}
.fit__level {
  font-family: var(--font-tech);
  font-size: .66rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--tide);
  display: block;
  margin-bottom: var(--s2);
}

/* Pearl accordion (mirror faq.css) */
.band-pearl .accordion { border-top-color: rgba(0,16,32,.12); }
.band-pearl .acc__item { border-bottom-color: rgba(0,16,32,.12); }
.band-pearl .acc__q {
  color: var(--abyss);
  font-family: var(--font-display);
  font-weight: 400;
}
.band-pearl .acc__q:hover { color: var(--tide); }
.band-pearl .acc__icon::before,
.band-pearl .acc__icon::after { background: rgba(0,16,32,.55); }
.band-pearl .acc__q:hover .acc__icon::before,
.band-pearl .acc__q:hover .acc__icon::after { background: var(--tide); }
.band-pearl .acc__panel p {
  color: #2a343c;
  font-weight: 500;
}

/* Related rows — no cards */
.related-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--hair);
}
.related-row {
  display: grid;
  gap: var(--s2);
  padding: clamp(22px, 3vw, 32px) 0;
  border-bottom: 1px solid var(--hair);
  text-decoration: none;
  color: inherit;
  transition: color .3s var(--ease);
}
@media (min-width: 700px) {
  .related-row {
    grid-template-columns: 6rem 1fr auto;
    align-items: baseline;
    gap: var(--s4);
  }
}
.related-row__meta {
  font-family: var(--font-tech);
  font-size: .64rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--tide);
}
.related-row__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(1.2rem, 1rem + 1vw, 1.5rem);
  color: var(--pearl);
  margin: 0 0 6px;
}
.related-row__body {
  margin: 0;
  color: var(--ink-soft);
  font-size: .95rem;
  max-width: 42ch;
}
.related-row__link {
  font-family: var(--font-tech);
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mist);
}
.related-row:hover .related-row__title { color: var(--tide); }
.related-row:hover .related-row__link { color: var(--pearl); }

.band-pearl .ilink { color: var(--tide); }
.svc-related .deck-head .lead,
.svc-related .lead {
  text-align: center;
  max-width: 48ch;
  margin: var(--s3) auto 0;
  color: var(--ink-soft);
}
.svc-related {
  padding-block: var(--section-y);
}

/* Packages on yacht detailing (shared with hub) */
.hub-pkg {
  display: grid;
  gap: var(--s5);
}
@media (min-width: 900px) {
  .hub-pkg { grid-template-columns: repeat(3, 1fr); gap: var(--s4); }
}
.hub-pkg__item {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  padding: clamp(20px, 3vw, 28px) 0;
  border-top: 1px solid rgba(0,16,32,.12);
  min-width: 0;
}
.hub-pkg__level {
  font-family: var(--font-tech);
  font-size: .64rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--tide);
}
.hub-pkg__name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(1.45rem, 1.1rem + 1.2vw, 1.9rem);
  letter-spacing: .02em;
  color: var(--abyss);
  line-height: 1.15;
  margin: 0;
}
.hub-pkg__body {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
  color: #2a343c;
  margin: 0;
}
.hub-pkg__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding-top: var(--s2);
}
.hub-pkg__list li {
  font-family: var(--font-tech);
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(0,16,32,.7);
  padding-left: 14px;
  position: relative;
}
.hub-pkg__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .55em;
  width: 5px;
  height: 5px;
  background: var(--tide);
}