.service-page {
  --gold: #ffe49a;
  --pale: #fff3ce;
  --rose: #ff4785;
  --line: #db9479;
  color: #fff4e5;
  background: #29050c;
  overflow: clip;
  font-family: "Songti SC", STSong, SimSun, serif;
  line-height: 1.5;
}
.service-page *, .service-page *::before, .service-page *::after { box-sizing: border-box; }
.service-page :is(h1,h2,h3,p,figure,ol,ul) { margin: 0; }
.service-page :is(ol,ul) { padding: 0; list-style: none; }
.service-page img { display: block; width: 100%; object-fit: cover; }
.service-page .service-icon { width: 1em; height: 1em; flex: 0 0 auto; vertical-align: -.12em; }
.service-page h2 {
  color: var(--gold);
  font-size: clamp(1.42rem, 3.45vw, 4rem);
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 2px #682409;
}
.service-section > h2, .service-media-heading > h2, .service-qualifiers h2 {
  margin-bottom: .36em;
}
.service-section {
  position: relative;
  padding: clamp(1.25rem, 2.1vw, 2.7rem) 2.5%;
  border-bottom: 1px solid #93203e;
  background: radial-gradient(ellipse at 50% 6%, #670f264d, transparent 78%);
}
.service-section::after {
  content: "";
  position: absolute;
  inset: auto 10% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ff699f, #fff7bd, #ff699f, transparent);
  box-shadow: 0 0 13px #ff3476;
  pointer-events: none;
}
.service-subtitle {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto .7em !important;
  padding: .13em .9em;
  border: 1px solid var(--line);
  border-radius: 2em;
  color: var(--pale);
  font-size: clamp(.9rem, 1.75vw, 2rem);
  background: linear-gradient(#99142d, #440411);
  text-align: center;
}
.service-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(18rem, 28vw, 35rem);
  background: radial-gradient(ellipse at 65% 70%, #9b153a 0%, #450813 40%, #220209 75%);
  border-block: 2px solid #eb7d94;
  box-shadow: inset 0 -6px 18px #ff005a60;
}
.service-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 73% 0 -3%;
  border-bottom: 2px solid #ff5f8b;
  border-radius: 50%;
  background: linear-gradient(8deg,#ff649b3d,transparent 60%);
  box-shadow: 0 5px 12px #ff176949;
  transform: rotate(-2deg);
}
.service-hero > img {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 auto;
  width: 43%;
  height: 100%;
  mask-image: linear-gradient(90deg,transparent,#000 20%);
}
.hero-words { width: 64%; padding: 2.5% 3%; text-align: center; }
.hero-words > p {
  color: var(--pale);
  font-weight: 700;
  letter-spacing: .18em;
  font-size: clamp(.92rem, 2.1vw, 2.55rem);
}
.hero-words h1 {
  color: var(--gold);
  margin: .08em 0 .13em;
  font-size: clamp(2.5rem, 7.55vw, 9rem);
  font-weight: 900;
  line-height: 1.17;
  text-shadow: 0 .035em #9a3b00, 0 .055em .12em #120000, 0 0 .25em #ffab4460;
}
.hero-words strong {
  display: inline-block;
  padding: .16em 1em;
  border-radius: 50vw;
  border-block: 1px solid #fff6c4;
  background: linear-gradient(#fff1ae,#f1ab43 65%,#e9bd5c);
  color: #380408;
  font-size: clamp(1.05rem, 2.6vw, 3.2rem);
  line-height: 1.38;
}
.hero-words ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .22em .85em;
  padding-top: .65em;
  color: #fff1ca;
  font-family: system-ui, sans-serif;
  font-size: clamp(.76rem, 1.45vw, 1.8rem);
  font-weight: 700;
}
.hero-words li { display: flex; align-items: center; gap: .2em; }
.hero-words .service-icon { color: var(--gold); }
.service-intro {
  display: grid;
  grid-template-columns: 33% 1fr;
  align-items: center;
  gap: 3%;
  padding: 2% 5%;
  background: radial-gradient(ellipse at 20% 60%, #731530, #2c050b 80%);
  border-bottom: 1px solid #ba4b62;
}
.service-intro > img {
  height: auto;
  border: 2px solid #ffb590;
  border-radius: clamp(.75rem,1.6vw,2rem);
  box-shadow: 0 0 .65rem #ff286a;
}
.service-intro h2 { text-align: left; margin-bottom: .35em; }
.service-intro p { font-size: clamp(1rem, 1.83vw, 2.22rem); line-height: 1.68; }
.service-steps, .service-benefits, .service-methods ul {
  display: grid;
  gap: 2%;
  grid-auto-columns: minmax(0,1fr);
  grid-auto-flow: column;
}
.service-steps > li, .service-benefits > li, .service-methods li {
  text-align: center;
  background: radial-gradient(ellipse at 50% 15%, #9b2641, #460411 75%);
  border: 1px solid var(--line);
  box-shadow: inset 0 0 1.2rem #ff4b703b, 0 0 .7rem #ff4b7032;
  border-radius: clamp(.75rem,1.45vw,1.6rem);
  min-width: 0;
  padding: .75em .4em;
  font-size: clamp(.9rem, 1.62vw, 1.92rem);
}
.service-steps h3, .service-benefits h3, .service-methods h3 {
  color: var(--gold);
  font-size: clamp(1rem, 2.02vw, 2.4rem);
  line-height: 1.25;
  margin: .15em 0;
}
.service-steps .service-icon, .service-benefits .service-icon, .service-methods .service-icon {
  color: var(--gold);
  width: 2.15em;
  height: 2.15em;
  filter: drop-shadow(0 0 .15em #d59653);
}
.service-videos {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: .65rem 1.15rem;
}
.service-videos figure {
  display: grid;
  align-items: center;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #f8c685;
  border-radius: clamp(.55rem,1.4vw,1.5rem);
  background: linear-gradient(#6b1427,#31030f);
  box-shadow: 0 0 .65rem #f72a584d;
}
.service-videos img { height: 100%; aspect-ratio: 4 / 3; }
.service-videos figcaption {
  padding: .35em .6em;
  font-size: clamp(.88rem, 1.66vw, 2rem);
  color: #ffedbc;
  font-weight: 700;
  line-height: 1.36;
}
.service-video-duration {
  display: inline-block;
  margin-inline-start: .4em;
  border-radius: .3em;
  padding: 0 .22em;
  background: #250410;
  color: var(--pale);
  font: .65em/1.4 system-ui,sans-serif;
}
.service-media-status {
  padding: .55em .45em 0;
  font: .8rem/1.4 system-ui,sans-serif;
  color: #f2c5cb;
  text-align: right;
}
.service-articles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.55vw; }
.service-articles article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #ffcb88;
  border-radius: clamp(.85rem,2.1vw,2.5rem);
  background: linear-gradient(135deg,#fff6dc,#ffdba1 72%);
  color: #330a10;
  box-shadow: 0 0 .7rem #ff457e62;
}
.service-articles img { height: auto; aspect-ratio: 2.7; }
.service-articles article > div { display: flex; flex-direction: column; align-items: flex-start; flex: 1; padding: 4.5% 5%; }
.service-articles h3 { color: #6d0b18; font-size: clamp(1.13rem,2.05vw,2.45rem); line-height: 1.24; }
.service-articles p { font-size: clamp(.92rem,1.52vw,1.85rem); line-height: 1.44; margin: .6em 0 .85em; }
.service-articles a {
  align-self: center;
  margin-top: auto;
  color: #fff3c8;
  border: 1px solid #ffbf87;
  border-radius: 40vw;
  background: linear-gradient(#ad2042,#630315);
  text-decoration: none;
  font-size: clamp(.92rem,1.45vw,1.75rem);
  padding: .12em 1.15em;
  box-shadow: inset 0 .1em .25em #ff84a880;
}
.service-articles a:focus-visible, .service-ledger a:focus-visible {
  outline: 3px solid #e33771;
  outline-offset: 2px;
}
.service-checklist li { display: flex; align-items: baseline; gap: .32em; }
.service-qualifiers { display: grid; grid-template-columns: 1fr 1fr; gap: 2%; padding: 1.35% 2.2%; }
.service-qualifiers section {
  min-width: 0;
  border: 1px solid #ffd990;
  border-radius: clamp(.8rem, 2vw, 2.3rem);
  box-shadow: 0 0 1.15rem #e92e5c7a, inset 0 0 1rem #ff566b5c;
  padding: 2.5%;
  background: #6c1021;
}
.service-qualifiers h2 { font-size: clamp(1.25rem,2.5vw,3rem); }
.service-qualifiers section > div {
  display: grid;
  grid-template-columns: 46% 1fr;
  gap: 2%;
  align-items: center;
  border-radius: clamp(.5rem,1.4vw,1.75rem);
  background: linear-gradient(135deg,#fff7da,#ffddaa);
  color: #3e0711;
  overflow: hidden;
  font: 700 clamp(.82rem,1.28vw,1.5rem)/1.5 system-ui,sans-serif;
}
.service-qualifiers .service-checklist { padding: .45em .5em; }
.service-qualifiers img { height: auto; align-self: stretch; }
.service-scenarios ul { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); gap: 1.4%; }
.service-scenarios li {
  overflow: hidden;
  border: 1px solid #ffb789;
  border-radius: clamp(.45rem,.95vw,1.25rem);
  background: linear-gradient(#fff1ca,#ffce8b);
  color: #620d19;
  box-shadow: 0 0 .7rem #ff588646;
  text-align: center;
}
.service-scenarios li img { height: auto; aspect-ratio: 2.25; }
.service-scenarios li p { padding: .2em .15em; font-size: clamp(.84rem,1.45vw,1.75rem); font-weight: 800; line-height: 1.32; }

/* 小三上位 */
.service-relationship .hero-words h1 { font-size: clamp(2.1rem,6.05vw,7.2rem); }
.service-relationship .hero-words strong { border-radius: .3em; }
.service-relationship .service-flow li { padding: 0 0 .42em; position: relative; }
.service-relationship .service-flow img { height: auto; aspect-ratio: 1.6; border-radius: inherit; }
.service-relationship .service-flow h3 {
  display: flex;
  align-items: center;
  gap: .32em;
  margin: -.42em .25em .14em;
  padding: .02em .15em;
  position: relative;
  color: #4f0a14;
  background: linear-gradient(#fff0b7,#dc8d39);
  border-radius: 40vw;
}
.service-step-number {
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  min-width: 1.4em;
  min-height: 1.4em;
  border: 1px solid #ffdb8a;
  color: #fff3ac;
  background: linear-gradient(#ff537d,#b41f36 56%,#6f081b);
  font-family: system-ui,sans-serif;
}
.service-relationship .service-videos > figure:first-child { grid-row: span 3; }
.service-relationship .service-videos > figure:first-child img { aspect-ratio: 2; }
.service-relationship .service-videos > figure:not(:first-child) { grid-template-columns: 30% 1fr; }
.service-relationship .service-videos > figure:first-child figcaption {
  position: absolute;
  bottom: .3em;
  left: .3em;
}
.service-methods li { border-radius: 50%; aspect-ratio: 1.18; display: grid; place-content: center; }
.service-methods .service-icon { justify-self: center; }

/* 情人转正 */
.service-commitment .service-hero { min-height: clamp(16rem,20.5vw,27rem); }
.service-commitment .service-intro {
  margin: 0 6%;
  padding: .45% 2%;
  border: 1px solid #ffc286;
  border-radius: 8vw;
  background: linear-gradient(110deg,#ffdb9d,#fff3d3);
  color: #32070f;
}
.service-commitment .service-intro > img { border-radius: 7vw 0 0 7vw; box-shadow: none; }
.service-commitment .service-intro h2 { color: #580817; text-shadow: none; }
.service-commitment .service-intro p { font-size: clamp(.95rem,1.66vw,2.1rem); line-height: 1.45; }
.service-commitment .service-steps > li { padding-block: .4em .6em; }
.service-commitment .service-steps .service-icon { width: 1.75em; height: 1.75em; }
.service-commitment .service-videos { grid-template-columns: repeat(2,minmax(0,1fr)); }
.service-video-feature, .service-video-list {
  min-width: 0;
  border: 1px solid #ffbe80;
  border-radius: 2vw;
  padding: .7vw;
  background: radial-gradient(ellipse at 50% 25%,#801830,#300410);
  box-shadow: 0 0 1rem #ff5f7c86;
}
.service-video-feature h3,.service-video-list h3 {
  color: var(--gold);
  font-size: clamp(1.05rem,2.3vw,2.8rem);
  margin: 0 .25em .25em;
}
.service-video-list h3 small { font-size: .53em; }
.service-video-list > div { display: grid; grid-template-columns: 1fr 1fr; gap: .65vw; }
.service-video-list > div figure { grid-template-rows: 1fr auto; align-items: start; }
.service-video-list > div img { aspect-ratio: 2.42; }
.service-video-list > div figcaption { font-size: clamp(.88rem,1.45vw,1.8rem); }
.service-video-feature img { aspect-ratio: 2.2; }
.service-commitment .service-articles { grid-template-columns: repeat(4,minmax(0,1fr)); }
.service-commitment .service-articles img { aspect-ratio: 2.62; }

/* 分离原配 */
.service-separation .service-hero { min-height: clamp(16rem,21.8vw,27rem); }
.service-separation .hero-words,.service-marriage .hero-words { margin-inline: auto; width: 55%; padding-inline: 0; }
.service-separation .hero-words strong,.service-marriage .hero-words strong {
  color: var(--pale);
  background: linear-gradient(#cb3a59,#940825 55%,#46040f);
  box-shadow: 0 0 .75rem #ff714e7d;
}
.service-separation .service-hero > .service-hero-primary,
.service-marriage .service-hero > .service-hero-primary {
  inset-inline: 0 auto;
  width: 35%;
  mask-image: linear-gradient(90deg,#000 76%,transparent);
}
.service-separation .service-hero > .service-hero-right,
.service-marriage .service-hero > .service-hero-right { width: 23%; }
.service-separation .service-scenarios {
  display: grid;
  grid-template-columns: 21% 1fr;
  align-items: center;
  gap: 2%;
  padding: 1.2% 2%;
  background: radial-gradient(ellipse at left,#8b1936,#33070c);
}
.service-separation .service-scenarios h2 { max-width: 8.4em; margin: auto; font-size: clamp(1.25rem,3.1vw,3.6rem); }
.service-separation .service-benefits > li { background: none; border: 0; box-shadow: none; padding: .25em .05em; }
.service-separation .service-benefits h3 { font-size: clamp(1rem,1.8vw,2.2rem); }
.service-separation .service-benefits p { font-size: clamp(.82rem,1.34vw,1.62rem); }
.service-separation .service-videos { grid-template-columns: 3.3fr repeat(4,minmax(0,1fr)); gap: .9vw; }
.service-separation .service-videos img { aspect-ratio: 1.5; }
.service-separation .service-videos figcaption { text-align: center; }
.service-separation .service-videos figure:first-child img { aspect-ratio: 3.12; }
.service-separation .service-videos figure:first-child figcaption { text-align: left; }
.service-separation .service-steps,.service-marriage .service-steps {
  border: 1px solid #ffce87;
  border-radius: 8vw;
  background: radial-gradient(ellipse,#781628,#380410 70%);
  box-shadow: 0 0 .85rem #ff7a50aa;
  padding: .65vw 1%;
}
.service-separation .service-steps > li,.service-marriage .service-steps > li {
  border-radius: 50vw;
  padding-block: .32em;
}
.service-separation .service-articles,.service-marriage .service-articles {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
@media (min-width: 901px) {
  .service-separation:not(.service-page-mobile) .service-articles,
  .service-marriage:not(.service-page-mobile) .service-articles {
    grid-template-columns: 1.1fr repeat(12,minmax(0,.31fr));
    grid-template-rows: auto auto;
  }
  .service-separation:not(.service-page-mobile) .service-articles article,
  .service-marriage:not(.service-page-mobile) .service-articles article { grid-column: span 3; }
  .service-separation:not(.service-page-mobile) .service-articles article:nth-child(-n+4),
  .service-marriage:not(.service-page-mobile) .service-articles article:nth-child(-n+4) { grid-column: span 4; }
  .service-separation:not(.service-page-mobile) .service-articles article:first-child,
  .service-marriage:not(.service-page-mobile) .service-articles article:first-child { grid-column: 1; grid-row: span 2; }
}
.service-separation .service-articles article:nth-child(odd),
.service-marriage .service-articles article:nth-child(odd) { border-radius: 2.75vw 1.4vw 3vw 2vw; }
.service-separation .service-articles article:nth-child(even),
.service-marriage .service-articles article:nth-child(even) { border-radius: 1.4vw 2.8vw 2vw 2.9vw; }
.service-separation .service-articles article:nth-child(3n+1),
.service-separation .service-articles article:nth-child(3n+2),
.service-marriage .service-articles article:nth-child(3n+1),
.service-marriage .service-articles article:nth-child(3n+2) {
  background: radial-gradient(ellipse at right top,#90243a,#370510 65%);
  color: #fff2dc;
}
.service-separation .service-articles article:nth-child(3n+1) h3,
.service-separation .service-articles article:nth-child(3n+2) h3,
.service-marriage .service-articles article:nth-child(3n+1) h3,
.service-marriage .service-articles article:nth-child(3n+2) h3 { color: var(--gold); }
.service-separation .service-articles h3,.service-marriage .service-articles h3 { font-size: clamp(1rem,1.65vw,2rem); }
.service-separation .service-articles article:first-child h3,
.service-marriage .service-articles article:first-child h3 { font-size: clamp(1.16rem,2.3vw,2.6rem); }
.service-separation .service-articles p,.service-marriage .service-articles p { font-size: clamp(.88rem,1.33vw,1.6rem); }
.service-separation .service-articles img,.service-marriage .service-articles img { aspect-ratio: 3.3; }
.service-separation .service-articles article:first-child img,.service-marriage .service-articles article:first-child img { aspect-ratio: 1.72; }
.service-case-number {
  position: absolute;
  z-index: 1;
  top: .45em;
  left: .55em;
  border-radius: .6em;
  background: linear-gradient(#ffefb5,#d78338);
  color: #58101b;
  font-weight: 800;
  padding: .13em .55em;
  font-size: clamp(.78rem,1.28vw,1.45rem);
  transform: rotate(-5deg);
}

/* 拆散婚姻 */
.service-marriage .service-hero { min-height: clamp(17rem,26vw,32rem); }
.service-marriage .service-qualifiers { grid-template-columns: 31% 1fr; padding-block: 3%; }
.service-marriage .service-qualifiers .service-paper,
.service-ledger-inner {
  background: linear-gradient(125deg,#fff4cb,#fff0d1 65%,#ffd495);
  color: #4f1020;
  border-radius: 1.2vw 2.7vw 1.5vw 2.2vw;
}
.service-paper h2 { color: #681018; text-shadow: none; }
.service-paper .service-checklist { font-size: clamp(.93rem,1.54vw,1.85rem); font-weight: 700; }
.service-marriage .service-scenarios img { aspect-ratio: 1.75; }
.service-marriage .service-steps > li { color: #420a11; background: linear-gradient(#fff3d1,#ffc88d); }
.service-marriage .service-steps h3,.service-marriage .service-steps .service-icon { color: #720e21; }
.service-marriage .service-media {
  display: grid;
  grid-template-columns: 29% 1fr;
  align-items: center;
  column-gap: 2%;
  padding-block: 4.2%;
}
.service-marriage .service-media-status { grid-column: 2; }
.service-marriage .service-media-heading {
  border: 1px solid #ffc67b;
  border-radius: 2.6vw .75vw 2vw .9vw;
  background: radial-gradient(ellipse,#981837,#450611);
  padding: 4% 3%;
  box-shadow: 0 0 .85rem #ef476f80;
}
.service-marriage .service-media-heading h2 { font-size: clamp(1.25rem,2.85vw,3.4rem); }
.service-marriage .service-media-heading .service-subtitle { background: none; border: 0; margin: 0 auto !important; }
.service-marriage .service-videos > figure:first-child { grid-row: span 3; }
.service-marriage .service-videos > figure:first-child img { aspect-ratio: 3.5; }
.service-marriage .service-videos > figure:not(:first-child) { grid-template-columns: 24% 1fr; }
.service-marriage .service-videos figcaption { font-size: clamp(.82rem,1.45vw,1.72rem); }
.service-ledger { padding-block: 3.5%; }
.service-ledger-inner {
  display: grid;
  grid-template-columns: 30% 1fr;
  width: 94%;
  gap: 2%;
  margin: 0 auto;
  padding: 1.25%;
  border: 1px solid #ffd2ab;
  box-shadow: 0 0 1rem #ff5177a1;
}
.service-ledger-inner > div { display: grid; grid-template-columns: 47% 1fr; align-items: center; }
.service-ledger-inner img {
  height: auto;
  aspect-ratio: 1;
  border: .45em solid #fff4dd;
  box-shadow: 0 .2em .55em #3d0b234f;
  transform: rotate(-5deg);
}
.service-ledger-inner p { text-align: center; font-size: clamp(.98rem,2.1vw,2.55rem); font-weight: 800; }
.service-ledger-inner li + li { border-top: 1px solid #bd73567a; }
.service-ledger-inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75em;
  padding: .28em .18em;
  color: #590c1d;
  font-weight: 700;
  text-decoration: none;
  font-size: clamp(.9rem,1.55vw,1.85rem);
}
.service-ledger-inner a span { white-space: nowrap; font-size: .84em; text-decoration: underline; }

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .service-articles article,.service-benefits > li { transition: transform .22s ease, box-shadow .22s ease; }
  .service-articles article:hover,.service-benefits > li:hover { transform: translateY(-4px); box-shadow: 0 0 1.2rem #fd698c9c; }
  .service-articles a:hover { filter: brightness(1.23); }
  .service-ledger a:hover { text-decoration: underline; }
}

@media (max-width: 900px) {
  .service-steps,.service-benefits { gap: .55rem; }
  .service-separation .service-videos figcaption { padding: .3em .18em; }
}
@media (max-width: 680px) {
  .service-hero,.service-separation .service-hero,.service-commitment .service-hero,.service-marriage .service-hero { min-height: 14.5rem; }
  .service-hero > img { width: 59%; opacity: .72; mask-image: linear-gradient(90deg,transparent,#000 30%); }
  .service-separation .service-hero > .service-hero-primary,
  .service-marriage .service-hero > .service-hero-primary { width: 41%; opacity: .63; }
  .service-separation .service-hero > .service-hero-right,
  .service-marriage .service-hero > .service-hero-right { width: 32%; opacity: .59; }
  .hero-words { width: 75%; }
  .service-separation .hero-words,.service-marriage .hero-words { width: 88%; }
  .service-intro,.service-commitment .service-intro { margin: 0; border-radius: 0; grid-template-columns: 32% 1fr; padding: .85rem 3%; }
  .service-commitment .service-intro > img { border-radius: .65rem; }
  .service-intro p,.service-commitment .service-intro p { font-size: .91rem; }
  .service-steps,.service-benefits,.service-methods ul { grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
  .service-methods li { border-radius: 1rem; aspect-ratio: auto; }
  .service-separation .service-steps,.service-marriage .service-steps { border-radius: 1.2rem; padding: .55rem; }
  .service-qualifiers,.service-marriage .service-qualifiers { grid-template-columns: 1fr; gap: .8rem; }
  .service-separation .service-scenarios { grid-template-columns: 1fr; gap: .5rem; padding: .8rem 2.5%; }
  .service-separation .service-scenarios h2 { max-width: none; }
  .service-scenarios ul { grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
  .service-separation .service-videos,.service-marriage .service-videos,.service-relationship .service-videos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
  .service-separation .service-videos figure:first-child,
  .service-marriage .service-videos figure:first-child,
  .service-relationship .service-videos figure:first-child { grid-column: span 2; grid-row: auto; }
  .service-separation .service-videos figure:first-child img { aspect-ratio: 2.5; }
  .service-marriage .service-media,.service-commitment .service-videos { grid-template-columns: 1fr; gap: .8rem; }
  .service-marriage .service-media-status { grid-column: auto; }
  .service-commitment .service-articles,.service-separation .service-articles,.service-marriage .service-articles,.service-articles {
    grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem;
  }
  .service-ledger-inner { grid-template-columns: 1fr; gap: .75rem; padding: .75rem; }
  .service-ledger-inner > div { grid-template-columns: 30% 1fr; }
}
@media (max-width: 370px) {
  .service-articles,.service-commitment .service-articles,.service-marriage .service-articles,
  .service-separation .service-articles { grid-template-columns: 1fr; }
  .service-intro,.service-commitment .service-intro { grid-template-columns: 1fr; gap: .75rem; }
  .service-intro > img { aspect-ratio: 2.4; }
}
.service-original-icon{display:block;width:clamp(48px,6.5vw,125px);height:clamp(44px,5.7vw,110px);object-fit:contain;margin:0 auto .8rem;mix-blend-mode:lighten}