/* 18-services-landing.css
 * Single-page Services layout (mirror of zazensurgerycenter.com/services):
 * intro + jump links, then seven anchored procedure sections.
 */

/* Intro + jump links */
.sl-intro{padding-top:var(--space-10);}
.sl-intro__text{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-body);text-align:center;margin-inline:auto;max-width:68ch;}
.sl-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);}
.sl-jump__link{display:inline-block;padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-action-text);background:var(--color-bg-white);border:1px solid var(--color-border-action);border-radius:var(--radius-full);transition:var(--transition-base);}
.sl-jump__link:hover{background:var(--color-action);border-color:var(--color-action);color:var(--color-text-inverse);}

/* Procedure sections — anchors land below the sticky nav */
.sl-proc{scroll-margin-top:calc(var(--nav-height) + var(--space-4));}
.sl-proc__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-12);align-items:start;}
.sl-proc__grid--reverse > .sl-proc__text{order:2;}
.sl-proc__grid--reverse > .sl-proc__aside{order:1;}
.sl-proc__text{min-width:0;}
.sl-proc__note{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-action-light);border-left:3px solid var(--color-action);border-radius:0 var(--radius-md) var(--radius-md) 0;}
.sl-proc__note p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-body);}
.sl-proc__subhead{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-snug);}
.sl-proc__more{margin-top:var(--space-8);}
.sl-proc__more-lead{margin-bottom:var(--space-6);}
.sl-proc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-8);}

.sl-proc__aside{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;}
.sl-proc__media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/2;background:var(--color-bg-alt);box-shadow:var(--shadow-sm);}
.sl-proc__image{width:100%;height:100%;object-fit:cover;display:block;}
.sl-proc__image--placeholder{background:linear-gradient(135deg,var(--color-bg-alt),var(--color-action-light));}
.sl-proc__candidate{position:static;}
.sl-proc__candidate-intro{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin-top:var(--space-2);}
.sl-proc__sublist{display:block;margin-top:var(--space-1);color:var(--color-text-muted);}

.sl-proc__videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-top:var(--space-12);}
.sl-proc__video .svc-video__frame{margin-top:var(--space-3);}

@media(max-width:991px){
  .sl-proc__grid{grid-template-columns:1fr;gap:var(--space-8);}
  .sl-proc__grid--reverse > .sl-proc__text,
  .sl-proc__grid--reverse > .sl-proc__aside{order:0;}
}
@media(max-width:600px){
  .sl-proc__actions{flex-direction:column;align-items:stretch;}
  .sl-proc__actions a{justify-content:center;}
  .sl-proc__videos{grid-template-columns:1fr;}
}

/* Hero: keep faces in frame (full-size image, focal point slightly above centre) */
.sl-hero .svc-hero__bg{background-position:50% 30%;}

/* Prep videos: breathing room from the content above and the next section */
.sl-proc__videos--single{grid-template-columns:minmax(0,800px);justify-content:center;}
.sl-proc__videos{margin-top:var(--space-20);padding-top:var(--space-12);border-top:1px solid var(--color-border);}
.sl-proc__video .svc-video__frame{max-width:none;width:100%;margin-inline:0;margin-top:var(--space-4);}
.sl-proc--has-video{padding-bottom:calc(var(--section-pad-y) + var(--space-12));}
@media(max-width:600px){
  .sl-proc__videos{margin-top:var(--space-12);padding-top:var(--space-8);}
  .sl-proc--has-video{padding-bottom:calc(var(--section-pad-y-sm) + var(--space-8));}
}