/* Separate full-frame movies with matched photographic area, not forced matching crops. */
.gn-site .service-stories{padding:76px 0 88px;background:var(--mint);color:var(--text)}
.gn-site .service-stories-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(40px,7vw,88px);width:calc(100% - 64px);max-width:1120px;margin-bottom:52px}
.gn-site .service-stories-intro h2{font-size:clamp(38px,3.7vw,52px);font-weight:300;line-height:1.1;letter-spacing:-.04em;max-width:420px}
.gn-site .service-stories-intro p{max-width:320px;font-size:14px;line-height:1.85;margin:0 0 3px;justify-self:center}
.gn-site .service-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,88px);width:calc(100% - 64px);max-width:1120px}
.gn-site .service-story+.service-story{margin-top:52px}
.gn-site .service-story-visual{justify-self:center;position:relative;isolation:isolate;padding:20px;max-width:100%;background:#cbdad1;border-radius:48% 48% 38px 38px / 64px 64px 38px 38px}
.gn-site .service-story-media{position:relative;overflow:hidden;margin:0;max-width:100%;max-height:506px;background:transparent;border-radius:20px 20px 36px 36px;isolation:isolate}
.gn-site .service-story-media-manicure{width:340px;aspect-ratio:632/940}
.gn-site .service-story-media-pedicure{width:430px;aspect-ratio:1016/940}
.gn-site .service-story-media img,.gn-site .service-story-media .cinematic-video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.gn-site .service-story-copy,.gn-site .service-story-pedicure .service-story-copy{max-width:320px;margin:0;justify-self:center}
.gn-site .service-story-copy h3{font-family:var(--serif);font-size:clamp(32px,3vw,42px);font-weight:300;line-height:1.15;letter-spacing:-.035em}
.gn-site .service-story-copy p{font-size:14px;line-height:1.9;margin-top:20px;max-width:320px}
.gn-site .service-story-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;padding-block:9px;font-size:13px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.gn-site .service-story-link:hover{text-decoration-thickness:2px}
@media(max-width:900px){
  .gn-site .service-stories{padding:48px 0 64px}
  .gn-site .service-stories-intro,.gn-site .service-story{width:calc(100% - 32px);max-width:420px;grid-template-columns:minmax(0,1fr)}
  .gn-site .service-stories-intro{gap:18px;margin-bottom:34px}
  .gn-site .service-stories-intro h2{font-size:38px;max-width:330px;margin-inline:auto;text-align:center}
  .gn-site .service-stories-intro p{max-width:310px;text-align:center;justify-self:center;font-size:13px;margin:0}
  .gn-site .service-story{gap:24px}
  .gn-site .service-story+.service-story{margin-top:48px}
  .gn-site .service-story-visual{grid-row:1;padding:14px;border-radius:48% 48% 32px 32px / 52px 52px 32px 32px}
  .gn-site .service-story-media{max-height:426px;border-radius:18px 18px 30px 30px}
  .gn-site .service-story-media-manicure{width:286px}
  .gn-site .service-story-media-pedicure{width:330px}
  .gn-site .service-story-copy,.gn-site .service-story-pedicure .service-story-copy{grid-row:2;justify-self:center;width:100%;max-width:320px}
  .gn-site .service-story-copy h3{font-size:32px}
  .gn-site .service-story-copy p{margin-top:14px;font-size:13px}
  .gn-site .service-story-link{margin-top:15px}
}