.service-refresh {
  --service-gardenia: #f4f1eb;
  --service-tapioca: #d3c9be;
  --service-mist: #e1e2dd;
  --service-gunpowder: #383b3b;
  --service-ink: #202323;
  --service-muted: #646866;
  --service-line: rgba(56, 59, 59, 0.2);
  --service-accent: #9c7e6b;
  display: grid;
  gap: 1.5rem;
  color: var(--service-ink);
  font-family: 'Poppins', sans-serif;
}

.service-refresh *,
.service-refresh *::before,
.service-refresh *::after {
  box-sizing: border-box;
}

.service-refresh h1,
.service-refresh h2,
.service-refresh h3,
.service-refresh p,
.service-refresh dl,
.service-refresh dd {
  margin-top: 0;
}

.service-refresh h1,
.service-refresh h2,
.service-refresh h3 {
  color: inherit;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
}

/* Hero subtitle (2026-11-06): the photo caption now sits under the headline, like the homepage hero. */
.service-refresh__hero-subtitle {
  max-width: 34ch;
  margin: -0.5rem 0 1.5rem;
  font: italic 400 clamp(1.3rem, 1.8vw, 1.7rem)/1.35 var(--ae-serif);
  letter-spacing: 0;
  color: var(--ae-muted);
}

.service-refresh h1 {
  margin-bottom: 1.5rem;
  font-size: clamp(3rem, 5.8vw, 6.3rem);
  line-height: 0.94;
  letter-spacing: -0.06em;
}

.service-refresh h2 {
  max-width: 17ch;
  margin-bottom: 1.5rem;
  font-size: clamp(2.25rem, 4.5vw, 5rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.service-refresh h3 {
  margin-bottom: 0.8rem;
  font-size: 1.35rem;
  line-height: 1.2;
}

.service-refresh p {
  color: var(--service-muted);
  font-size: 1rem;
  line-height: 1.75;
}

.service-refresh__breadcrumb,
.service-refresh__hero,
.service-refresh__section {
  overflow: hidden;
  border-radius: 0;
}

.service-refresh__breadcrumb {
  padding: 1rem clamp(1.5rem, 5vw, 5rem);
  background: var(--service-gardenia);
}

.service-refresh__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-refresh__breadcrumb li {
  color: var(--service-muted);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.service-refresh__breadcrumb li + li::before {
  margin-right: 0.5rem;
  color: var(--service-accent);
  content: '/';
}

.service-refresh__breadcrumb a:hover,
.service-refresh__breadcrumb a:focus-visible {
  color: var(--service-ink);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.service-refresh__hero {
  display: grid;
  min-height: min(780px, calc(100vh - 8rem));
  background:
    radial-gradient(circle at 12% 12%, rgba(211, 201, 190, 0.52), transparent 36%),
    var(--service-gardenia);
}

.service-refresh__hero-copy {
  min-width: 0;
  align-self: center;
  padding: clamp(3rem, 7vw, 7rem);
}

.service-refresh__lede {
  max-width: 42rem;
  margin-bottom: 0.75rem;
  color: var(--service-ink) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem) !important;
}

.service-refresh__hero-visual {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 420px;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 5rem);
  background: var(--service-tapioca);
  isolation: isolate;
}

.service-refresh__visual-art {
  display: flex;
  width: 100%;
  min-height: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.service-refresh__visual-art svg {
  width: 100%;
  max-height: 590px;
}

.service-refresh__hero-visual > p {
  margin: 1rem 0 0;
  color: var(--service-ink);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
}

/* Photo heroes (box style, 2026-11-05): the photo shows as shot. No dimming gradient, no desaturation. */
.service-refresh__hero-visual--photo {
  overflow: hidden;
  padding: 0;
  background: var(--ae-placeholder);
}

.service-refresh__hero-visual--composite {
  overflow: hidden;
  padding: 0;
  background: var(--ae-placeholder);
}

.service-refresh__hero-visual--composite picture,
.service-refresh__hero-composite {
  display: block;
  width: 100%;
  height: 100%;
}

.service-refresh__hero-composite {
  object-fit: contain;
  object-position: center;
}


.service-refresh__hero-photo {
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: var(--service-visual-fit, cover);
  object-position: var(--service-visual-position, center);
  inset: 0;
}

.service-refresh__hero-visual--clean::after {
  display: none;
}

.service-refresh__hero-visual--clean .service-refresh__hero-photo {
  position: relative;
  z-index: 0;
  height: auto;
  max-height: 620px;
  filter: none;
}

.service-refresh__hero-visual--clean {
  padding: clamp(1rem, 3vw, 2.5rem);
  gap: 1.25rem;
}

.service-refresh__hero-visual--photo.service-refresh__hero-visual--clean > p {
  position: static;
  margin: 0;
  color: var(--service-ink);
  background: rgba(244, 241, 235, 0.92);
  text-shadow: none;
}

.service-refresh__visual-callouts {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-refresh__visual-callouts li {
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0;
  background: rgba(244, 241, 235, 0.92);
  color: var(--service-ink);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Caption over the photo is the brand image tag: white, ink text, no blur, no border. Sits at the foot of the photo. */
.service-refresh__hero-visual--photo > p {
  z-index: 1;
  margin: auto clamp(1.5rem, 4vw, 4rem) clamp(1.5rem, 3vw, 3rem);
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ae-ink);
}

.service-refresh__face-line {
  stroke: rgba(255, 255, 255, 0.85);
}

.service-refresh__hero-visual--photo .service-refresh__face-label circle,
.service-refresh__hero-visual--photo .service-refresh__laser-grid circle {
  fill: var(--ae-wine);
}

.service-refresh__hero-visual--photo .service-refresh__face-label path {
  stroke: rgba(255, 255, 255, 0.85);
}

.service-refresh__hero-visual--photo .service-refresh__face-label text,
.service-refresh__hero-visual--photo .service-refresh__visual-center {
  fill: var(--ae-ink);
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 5px;
  stroke-linejoin: round;
}

.service-refresh__face-line {
  fill: none;
  stroke: rgba(32, 35, 35, 0.62);
  stroke-linecap: round;
  stroke-width: 2;
}

.service-refresh__face-label circle {
  fill: var(--service-accent);
}

.service-refresh__face-label path {
  fill: none;
  stroke: var(--service-accent);
  stroke-dasharray: 3 5;
  stroke-width: 1.5;
}

.service-refresh__face-label text {
  fill: var(--service-ink);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.service-refresh__laser-grid circle {
  fill: var(--service-accent);
  opacity: 0.66;
}

.service-refresh__visual-center {
  fill: var(--service-ink);
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.service-refresh__eyebrow {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  color: var(--service-accent) !important;
  font-size: 0.7rem !important;
  font-weight: 600;
  line-height: 1.4 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.service-refresh__eyebrow--light {
  color: var(--service-tapioca) !important;
}

.service-refresh__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2rem;
}

.service-refresh__actions--center {
  justify-content: center;
}

.service-refresh__button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.45rem;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.service-refresh__button:hover,
.service-refresh__button:focus-visible {
  transform: translateY(-2px);
}

.service-refresh__button--primary {
  background: var(--service-gunpowder);
  color: #fff;
}

.service-refresh__button--primary:hover,
.service-refresh__button--primary:focus-visible {
  background: #151717;
}

.service-refresh__button--secondary {
  border-color: var(--service-gunpowder);
  color: var(--service-gunpowder);
}

.service-refresh__button--secondary:hover,
.service-refresh__button--secondary:focus-visible {
  background: var(--service-gunpowder);
  color: #fff;
}

.service-refresh__button--light {
  background: var(--service-gardenia);
  color: var(--service-gunpowder);
}

.service-refresh__button--ghost {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}

.service-refresh__button--ghost:hover,
.service-refresh__button--ghost:focus-visible {
  background: #fff;
  color: var(--service-gunpowder);
}

.service-refresh__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 3rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--service-line);
}

.service-refresh__stats > div {
  padding: 0 1rem;
  border-left: 1px solid var(--service-line);
}

.service-refresh__stats > div:first-child {
  padding-left: 0;
  border-left: 0;
}

/* Hero stats (2026-11-06): serif title in sentence/title case, plain sans caption underneath. */
.service-refresh__stats dt {
  margin-bottom: 0.4rem;
  font: 500 clamp(1.3rem, 1.7vw, 1.65rem)/1.15 var(--ae-serif);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ae-ink);
}

.service-refresh__stats dd {
  margin: 0;
  color: var(--ae-muted);
  font: 400 0.8rem/1.5 var(--ae-sans);
  letter-spacing: 0;
  text-transform: none;
}

.service-refresh__section {
  padding: clamp(3.5rem, 8vw, 8rem);
}

.service-refresh__section--gardenia {
  background: var(--service-gardenia);
}

.service-refresh__section--mist {
  background: var(--service-mist);
}

/* Dark band retired (box style, 2026-11-05): the areas section is a blush band. */
.service-refresh__section--dark {
  background: var(--ae-blush);
  color: var(--ae-ink);
  border-top: 1px solid var(--ae-line);
}
/* Closing CTA is a blush band (box style, 2026-11-05); the dark band is retired. */
.service-refresh__section--cta {
  background: var(--ae-blush);
  color: var(--ae-ink);
  border-top: 1px solid var(--ae-line);
}

.service-refresh__section--dark {
  --service-line: var(--ae-line);
}

/* The September 15 filler screenshot flagged the left-heavy results introduction. */
.service-refresh[data-service="dermal-filler"] .service-refresh__section--results > .service-refresh__heading {
  margin-inline: auto;
  text-align: center;
}
.service-refresh[data-service="dermal-filler"] .service-refresh__section--results > .service-refresh__heading h2 {
  margin-inline: auto;
}

.service-refresh__section--backdrop {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--service-gardenia);
}
.service-refresh__backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  opacity: 0.12;
}
.service-refresh__section--backdrop .service-refresh__copy-block {
  margin-inline: auto;
  margin-bottom: 0;
}
.service-refresh__section--backdrop .service-refresh__copy-block p {
  color: var(--service-ink);
}

.service-refresh__section--dark .service-refresh__heading > p {
  color: var(--ae-muted);
}
.service-refresh__section--cta > p:not(.service-refresh__eyebrow) {
  color: var(--ae-muted);
}

.service-refresh__section--results {
  background: #fff;
}

.service-refresh__heading,
.service-refresh__copy-block {
  max-width: 760px;
  margin-bottom: clamp(2.5rem, 5vw, 5rem);
}

.service-refresh__copy-block p + p {
  margin-top: 1rem;
}

.service-refresh__copy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}

.service-refresh__pullquote {
  margin-top: 2rem !important;
  color: var(--service-ink) !important;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(1.5rem, 2.4vw, 2.5rem) !important;
  line-height: 1.3 !important;
}

.service-refresh__card-grid {
  display: grid;
  overflow: hidden;
  gap: 1px;
  border: 1px solid var(--service-line);
  border-radius: 0;
  background: var(--service-line);
}

.service-refresh__card-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-refresh__card {
  min-width: 0;
  padding: clamp(2rem, 3.5vw, 3.5rem);
  background: rgba(255, 255, 255, 0.74);
}

.service-refresh__card > span,
.service-refresh__use-grid article > span,
.service-refresh__steps li > span {
  display: block;
  margin-bottom: 2.5rem;
  color: var(--service-accent);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.service-refresh__card p {
  margin-bottom: 0;
}

/* Dark cards retired (box style, 2026-11-05): white cards on the blush band. */
.service-refresh__card--dark {
  background: #fff;
  color: var(--ae-ink);
}

.service-refresh__card--dark > span {
  color: var(--ae-wine);
}

.service-refresh__card--dark h3 {
  color: var(--ae-ink);
}

.service-refresh__card--dark p {
  color: var(--ae-muted);
}

.service-refresh__option-link {
  display: inline-block;
  margin: 1.5rem 0 0;
  padding: .5rem 0;
  color: var(--ae-ink);
  font-size: .85rem;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.service-refresh__use-grid {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--service-line);
  border-radius: 0;
  background: var(--service-line);
}

.service-refresh__use-grid article {
  min-width: 0;
  padding: clamp(1.7rem, 3vw, 2.7rem);
  background: rgba(255, 255, 255, 0.72);
}

.service-refresh__use-grid article > span {
  margin-bottom: 1.5rem;
}

.service-refresh__use-grid p {
  margin: 0;
  font-size: 0.92rem;
}

.service-refresh__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--service-line);
  list-style: none;
}

.service-refresh__steps li {
  position: relative;
  padding: 2rem 2rem 0 0;
}

.service-refresh__steps li::before {
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid var(--service-gardenia);
  border-radius: 50%;
  background: var(--service-accent);
  content: '';
}

.service-refresh__steps li > span {
  margin-bottom: 1rem;
}

.service-refresh__price-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 4rem;
  padding: clamp(1.75rem, 3vw, 3rem);
  border: 1px solid var(--service-line);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.68);
}

.service-refresh__price-note h3,
.service-refresh__price-note p {
  margin-bottom: 0;
}

.service-refresh__result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1rem;
}

.service-refresh__result-grid article {
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: 0;
  background: var(--service-gardenia);
}

.service-refresh__result-grid article > div {
  display: grid;
  min-height: 330px;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--service-line);
}

.service-refresh__result-grid article > div span {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, rgba(211, 201, 190, 0.65), rgba(244, 241, 235, 0.9));
  color: var(--service-muted);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.service-refresh__result-grid article > .service-refresh__result-media {
  display: block;
  background: var(--service-tapioca);
}

.service-refresh__result-media img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}

.service-refresh__result-grid h3 {
  margin: 1.5rem 1.5rem 0.5rem;
}

.service-refresh__result-grid p {
  margin: 0 1.5rem 1.5rem;
  font-size: 0.9rem;
}

.service-refresh__text-link {
  display: inline-block;
  margin-top: 2rem;
  color: var(--service-gunpowder);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-decoration: underline;
  text-underline-offset: 0.35rem;
  text-transform: uppercase;
}

.service-refresh__shop-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.service-refresh__shop-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--service-line);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.66);
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.service-refresh__shop-card:hover,
.service-refresh__shop-card:focus-visible {
  background: var(--service-gunpowder);
  color: #fff;
  transform: translateY(-3px);
}

.service-refresh__shop-media {
  display: grid;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  margin-bottom: 1.25rem;
  place-items: center;
  border-radius: 0;
  background: #fff;
}

.service-refresh__shop-media img {
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  object-fit: contain;
}

.service-refresh__shop-card > span,
.service-refresh__shop-card > strong {
  color: var(--service-accent);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.service-refresh__shop-card h3 {
  margin-top: 0.65rem;
}

.service-refresh__shop-card p {
  flex: 1;
  font-size: 0.85rem;
}

.service-refresh__shop-card > strong {
  margin-top: 1rem;
}

.service-refresh__shop-card:hover h3,
.service-refresh__shop-card:hover p,
.service-refresh__shop-card:focus-visible h3,
.service-refresh__shop-card:focus-visible p {
  color: #fff;
}

.service-refresh__faqs {
  border-top: 1px solid var(--service-line);
}

.service-refresh__faqs details {
  border-bottom: 1px solid var(--service-line);
}

.service-refresh__faqs summary {
  position: relative;
  padding: 1.5rem 3rem 1.5rem 0;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  cursor: pointer;
  list-style: none;
}

.service-refresh__faqs summary::-webkit-details-marker {
  display: none;
}

.service-refresh__faqs summary::after {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  color: var(--service-accent);
  content: '+';
  transform: translateY(-50%);
}

.service-refresh__faqs details[open] summary::after {
  content: '-';
}

.service-refresh__faqs details p {
  max-width: 760px;
  padding: 0 3rem 1.5rem 0;
}

.service-refresh__related-card {
  display: block;
  transition: background-color 180ms ease, color 180ms ease;
}

.service-refresh__related-card strong {
  display: block;
  margin-top: 2rem;
  color: var(--service-accent);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-refresh__related-media {
  display: flex;
  overflow: hidden;
  min-height: 230px;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  border-radius: 0;
  background: #fff;
}

.service-refresh__related-media img {
  width: 100%;
  height: 230px;
  object-fit: contain;
}

.service-refresh__related-card:hover,
.service-refresh__related-card:focus-visible {
  background: var(--service-gunpowder);
  color: #fff;
}

.service-refresh__related-card:hover p,
.service-refresh__related-card:focus-visible p {
  color: rgba(255, 255, 255, 0.72);
}

.service-refresh__section--cta {
  text-align: center;
}

.service-refresh__section--cta .service-refresh__eyebrow {
  justify-content: center;
}

.service-refresh__section--cta h2,
.service-refresh__section--cta > p:not(.service-refresh__eyebrow) {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 960px) {
  .service-refresh__hero {
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr);
  }
}

@media (max-width: 959px) {
  .service-refresh__card-grid--three,
  .service-refresh__result-grid {
    grid-template-columns: 1fr;
  }

  .service-refresh__use-grid,
  .service-refresh__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-refresh__shop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-refresh__steps {
    gap: 2rem;
    border-top: 0;
  }

  .service-refresh__steps li {
    padding-top: 1.5rem;
    border-top: 1px solid var(--service-line);
  }
}

@media (max-width: 639px) {
  .service-refresh {
    gap: 0.75rem;
  }

  .service-refresh__breadcrumb,
  .service-refresh__hero,
  .service-refresh__section {
    border-radius: 0;
  }

  .service-refresh__breadcrumb {
    padding: 0.9rem 1.25rem;
  }

  .service-refresh__hero-copy,
  .service-refresh__hero-visual,
  .service-refresh__section {
    padding: 2.25rem 1.5rem;
  }

  .service-refresh__hero-visual--photo {
    min-height: 510px;
    padding: 0;
  }

  .service-refresh__hero-visual--composite {
    min-height: 510px;
    padding: 0;
  }

  .service-refresh__hero-visual--photo > p {
    margin: auto 1rem 1rem;
  }

  .service-refresh h1 {
    font-size: clamp(2.6rem, 12vw, 4.5rem);
  }

  .service-refresh__stats {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .service-refresh__stats > div,
  .service-refresh__stats > div:first-child {
    padding: 0.9rem 0 0;
    border-top: 1px solid var(--service-line);
    border-left: 0;
  }

  .service-refresh__stats > div:first-child {
    border-top: 0;
  }

  .service-refresh__use-grid,
  .service-refresh__steps,
  .service-refresh__shop-grid {
    grid-template-columns: 1fr;
  }

  .service-refresh__price-note {
    align-items: stretch;
    flex-direction: column;
  }

  .service-refresh__result-grid article > div {
    min-height: 280px;
  }

  .service-refresh__result-media img {
    min-height: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-refresh *,
  .service-refresh *::before,
  .service-refresh *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Customer review, September 2026. */
.service-discovery__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.service-discovery__links>a{display:block;min-width:0;margin:0;padding:1.5rem;border:1px solid var(--service-line);border-radius: 0;text-decoration:none;color:var(--service-ink)}
.service-discovery__links>a:hover{background:#fff}.service-discovery__links>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.service-discovery__links h3{font-size:1.5rem}.service-discovery__links p{font-size:.9rem!important}.service-discovery__links span{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.service-discovery__links{grid-template-columns:1fr}}
.service-refresh__section--editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.service-refresh__section--editorial .service-refresh__copy-block{margin-bottom:0;min-width:0}
.service-refresh__editorial-media{min-width:0;width:100%;max-width:480px;margin-inline:auto}
.service-refresh__editorial-media figure{margin:0;min-width:0}
.service-refresh__editorial-media img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius: 0}
.service-refresh__editorial-media--video{max-width:none}
/* Preserve the full footage and its lettering inside a viewport-height player. */
.service-refresh__editorial-media video{display:block;width:100%;height:100vh;height:100svh;max-height:none;object-fit:contain;background:#202323;border-radius: 0}
.service-refresh__editorial-media figcaption,.service-refresh__media-caption{margin:.75rem 0 0;font-size:.8rem!important;line-height:1.6!important}
.service-refresh__editorial-media--pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:none;align-items:start}
.service-refresh__editorial-media--pair img{aspect-ratio:1;object-fit:contain;background:#e8e5df}
.service-refresh__media-caption{grid-column:1/-1}
.service-refresh__media-link{display:block;margin:0;padding:0;min-width:0;min-height:0;cursor:zoom-in;border-radius: 0}
.service-refresh__media-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.service-refresh__card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.service-refresh__section--editorial{grid-template-columns:1fr}.service-refresh__editorial-media--pair{max-width:640px}}
@media(max-width:600px){.service-refresh__card-grid--four,.service-refresh__editorial-media--stack-mobile{grid-template-columns:1fr}.service-refresh__editorial-media--pair{gap:.75rem}}
.service-refresh__stats{margin-top:3.5rem;padding-top:2rem;gap:.4rem}
.service-refresh__stats dt{overflow-wrap:break-word}
.service-refresh__patient-pair{margin:2rem 0 0;max-width:650px}.service-refresh__patient-pair img{width:100%;height:auto;border-radius: 0}.service-refresh__patient-pair figcaption{font-size:.8rem;color:var(--service-muted);margin-top:.75rem}


/* Complete customer paragraphs and supplied product lists. */
.service-refresh__section-closing{max-width:72ch;margin:2.5rem 0 0;line-height:1.7;color:var(--ae-muted)}
.service-refresh__copy-list{list-style:disc;padding-left:1.4rem;margin:1.5rem 0;line-height:1.8}
.service-refresh__copy-block h3{margin-top:1.75rem;font-size:1.15rem}
.service-refresh__card .service-refresh__editorial-media{margin-top:1.5rem;max-width:22rem}

/* Center portrait result videos while retaining the full viewport-height footage. */
.service-refresh__result-video { max-width: 560px; margin: 0 auto 3rem; }

/* Keep the original before-and-after pair visible together at every width. */
.service-refresh__hero-visual--patient { min-height: 0; padding: 1rem; background: #e1e2dd; }
.service-refresh__patient-comparison { width: 100%; max-width: 640px; margin: 0 auto; }
.service-refresh__comparison-labels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .7rem 0; text-align: center; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.service-refresh__patient-comparison img { display: block; width: 100%; height: auto; border-radius: 0; }
.service-refresh__patient-comparison figcaption { margin-top: .8rem; font-size: .8rem; line-height: 1.6; text-align: center; }
@media (max-width: 767px) { .service-refresh__stats { margin-top: 2.5rem; } }

/* October supplied page revisions and mobile spacing. */
.service-refresh__card-text > span { display:block; margin-bottom:2rem; color:var(--service-accent); font-size:.7rem; }
.service-refresh__card--with-media { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:2rem; }
.service-refresh__card--with-media .service-refresh__editorial-media { margin-top:0; max-width:28rem; }
.service-refresh__hero-visual--photo.service-refresh__hero-visual--clean > p.service-refresh__treatment-caption { position:static; background:none; border:0; border-radius:0; color:#f4f1eb; text-align:left; text-transform:none; letter-spacing:normal; font: .9rem/1.6 Poppins,sans-serif; padding:0; margin:0; }
@media(max-width:767px) {
  .service-refresh__hero-copy { padding:1.5rem 1.25rem 1rem; }
  .service-refresh h1 { font-size:clamp(2rem,9vw,2.8rem); margin-bottom:1rem; }
  .service-refresh[data-service="wrinkle-relaxers"] h1 { font-size:clamp(1.85rem,8vw,2.4rem); max-width:none; }
  .service-refresh__lede { font-size:.95rem !important; line-height:1.6 !important; margin-bottom:.6rem; }
  .service-refresh__actions { margin-top:1rem; gap:.6rem; }
  .service-refresh__stats { margin-top:1.25rem; padding-top:1rem; }
  .service-refresh__hero-visual { padding:1rem; }
  .service-refresh__card--with-media { grid-template-columns:1fr; gap:1rem; }
  .service-refresh__section { padding:2rem 1.25rem; }
  .service-refresh__heading { margin-bottom:1.5rem; }
}

.service-refresh__options article { padding-block:1.5rem; border-top:1px solid var(--service-line); scroll-margin-top:2rem; }
.service-refresh__options h3 { font-size:clamp(1.6rem,3vw,2.2rem); margin-bottom:1rem; }
.service-refresh__options summary { cursor:pointer; min-height:44px; padding-block:.65rem; text-decoration:underline; text-underline-offset:4px; }
.service-refresh__option-body { max-width:75ch; padding-block:1rem; }
.service-refresh__option-body h2 { font-size:1.8rem; }
.service-refresh__option-body :is(h2,h3) { margin-top:1.5rem; }
.service-refresh__option-body :is(ul,ol) { padding-left:1.5rem; list-style:revert; }
@media(min-width:1001px){ .service-refresh[data-service="dermal-filler"] .service-refresh__steps { grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* Stacked hero (under 960px): the photo follows the headline and subtitle; lede, buttons and stats come after it.
   The copy wrapper becomes display:contents so its children can be ordered against the visual; the wrapper's
   padding moves onto the children as --hero-x / --hero-y. */
@media(max-width:959px){
  .service-refresh__hero { --hero-x:1.5rem; --hero-y:2.25rem; }
  .service-refresh__hero-copy { display:contents; }
  .service-refresh__hero-copy>.service-refresh__eyebrow { order:1; margin:var(--hero-y) var(--hero-x) .5rem; }
  .service-refresh__hero-copy>h1 { order:2; margin:0 var(--hero-x) .75rem; }
  .service-refresh__hero-copy>.service-refresh__hero-subtitle { order:3; margin:0 var(--hero-x) 1.25rem; }
  .service-refresh__hero-visual { order:4; margin-bottom:1.5rem; }
  .service-refresh__hero-copy>.service-refresh__lede { order:5; margin:0 var(--hero-x) .75rem; }
  .service-refresh__hero-copy>.service-refresh__actions { order:6; margin:1rem var(--hero-x) 0; }
  .service-refresh__hero-copy>.service-refresh__stats { order:7; margin:1.25rem var(--hero-x) var(--hero-y); }
}
@media(max-width:767px){
  .service-refresh__hero { --hero-x:1.25rem; --hero-y:1.5rem; }
  .service-refresh__hero-copy>.service-refresh__lede { margin-bottom:.6rem; }
}

/* Phones: treatment videos span the full width and keep their 9:16 footage intact; no letterbox bars. */
@media(max-width:759px){.service-refresh__editorial-media video{width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;background:transparent}}

.service-refresh__option-link:hover,
.service-refresh__option-link:focus-visible {
  color: var(--ae-wine);
}

/* Treatment details band (2026-11-07): one hairline row per option; lead column with name and summary,
   then "Good for" and "What's included" lists. Replaces the raw catalog dump on customized facials. */
.service-refresh__details-list { border-top: 1px solid var(--service-line); }
.service-refresh__detail { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr); gap: 2rem clamp(2rem, 4vw, 4rem); padding: clamp(2rem, 4vw, 3.25rem) 0; border-bottom: 1px solid var(--service-line); scroll-margin-top: 6rem; }
.service-refresh__detail-label { display: block; margin-bottom: .9rem; color: var(--ae-wine); font: 600 .62rem/1.6 var(--ae-sans); letter-spacing: .14em; text-transform: uppercase; }
.service-refresh__detail h3 { margin: 0 0 .9rem; font: 500 clamp(1.6rem, 2.4vw, 2.2rem)/1.15 var(--ae-serif); color: var(--service-ink); }
.service-refresh__detail-lead p { max-width: 40rem; margin: 0; color: var(--service-ink); font-size: clamp(1rem, 1.3vw, 1.1rem); line-height: 1.65; }
.service-refresh__detail-lead .service-refresh__option-link { margin-top: 1.25rem; }
.service-refresh__detail-label--ink { margin: .35rem 0 .75rem; color: var(--service-ink); }
.service-refresh__detail ul { margin: 0; padding: 0; list-style: none; }
.service-refresh__detail li { padding: .55rem 0; border-top: 1px solid var(--service-line); color: var(--service-ink); font-size: .95rem; line-height: 1.55; }
.service-refresh__detail li:first-child { border-top: 0; padding-top: 0; }
@media (max-width: 959px) { .service-refresh__detail { grid-template-columns: 1fr 1fr; } .service-refresh__detail-lead { grid-column: 1 / -1; } }
@media (max-width: 600px) { .service-refresh__detail { grid-template-columns: 1fr; gap: 1.5rem; } }
.service-refresh__anchor { display: block; height: 0; scroll-margin-top: 6rem; }