﻿/* 이펙터 · 2026-10 제작 · 안면윤곽센터 페이지 스타일 */

:root {
  --ct-blue: #6fadd8;
  --ct-doc-ink: #454648;
  --ct-doc-hl: #ebedf0;
  --ct-quote: #d9d9d9;
  --ct-lead: 1rem;
  --ct-cap: 1rem;
  --ct-cap-b: 1.25rem;
  --ct-item-t: 1.125rem;
  --ct-item-d: .9375rem;
}
@media (min-width: 576px) { :root { --ct-cap: 1.0625rem; --ct-item-d: 1rem; } }
@media (min-width: 768px) { :root { --ct-lead: 1.5rem; --ct-cap: 1.125rem; --ct-cap-b: 1.375rem; --ct-item-t: 1.25rem; --ct-item-d: 1.0625rem; } }
@media (min-width: 992px) { :root { --ct-lead: 1.75rem; --ct-cap: 1.25rem; --ct-cap-b: 1.5rem; --ct-item-t: 1.375rem; --ct-item-d: 1.125rem; } }
@media (min-width: 1400px) { :root { --ct-lead: 2rem; --ct-cap: 1.5rem; --ct-cap-b: 1.875rem; --ct-item-t: 1.5rem; --ct-item-d: 1.1875rem; } }


.ct-kv .sp-kv-img { object-position: var(--ct-kv-pos, 50% 30%); }
@media (min-width: 992px) {
  .ct-kv .sp-kv-img { inset: 0; width: 100%; transform: none; }
  .ct-kv .img-ph.sp-kv-img { aspect-ratio: auto !important; }
}

.ct-intro { padding-top: var(--sp-sec-sm); }
.ct-intro-eyebrow { margin: 0; font-size: var(--ct-lead); font-weight: 700; line-height: 1.25; letter-spacing: -.005em; color: var(--ct-eyebrow, var(--ss-ink)); }
.ct-intro-lead { margin: .75rem 0 0; font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-intro-title { margin: 1rem 0 0; font-size: 2rem; font-weight: 700; line-height: 1.2; letter-spacing: -.005em; color: var(--ss-ink); }
@media (min-width: 768px) { .ct-intro-lead { margin-top: 1rem; font-size: 1.125rem; } .ct-intro-title { margin-top: 1.25rem; font-size: 2.5rem; } }
@media (min-width: 992px) { .ct-intro-lead { margin-top: 1.5rem; font-size: 1.5rem; } .ct-intro-title { margin-top: 1.5rem; font-size: 2.75rem; } }
@media (min-width: 1400px) { .ct-intro-lead { font-size: 1.875rem; line-height: 1.333; } .ct-intro-title { font-size: 3.125rem; line-height: 1.4; } }
.ct-intro-sp .sp-intro-lead { color: var(--ss-text); }
.ct-intro-sp .sp-intro-title { font-size: 1.75rem; }
@media (min-width: 768px) { .ct-intro-sp .sp-intro-title { font-size: 2.25rem; } }
@media (min-width: 992px) { .ct-intro-sp .sp-intro-title { font-size: 2.5rem; } }
.ct-intro-sp .sp-intro-lead { font-size: 1.0625rem; line-height: 1.5; }
@media (min-width: 768px) { .ct-intro-sp .sp-intro-lead { font-size: 1.375rem; } }
@media (min-width: 992px) { .ct-intro-sp .sp-intro-lead { font-size: 1.625rem; } }
@media (min-width: 1400px) { .ct-intro-sp .sp-intro-lead { font-size: 1.875rem; line-height: 1.533; } }

.ct-feat { padding-top: 3.5rem; }
@media (min-width: 768px) { .ct-feat { padding-top: 4.5rem; } }
@media (min-width: 992px) { .ct-feat { padding-top: 6rem; } }
.ct-feat .sp-feat-grid { align-items: start; }
@media (min-width: 1400px) {
  .ct-feat .sp-feat-grid { grid-template-columns: 23.125rem minmax(0, 1fr); column-gap: 2rem; }
  .ct-feat .sp-tab { min-height: 6.9375rem; }
}

.ct-ov { position: relative; container-type: inline-size; border: 0; background: var(--ct-ov-bg, #ccc); }
.ct-ov-title { margin: 0; padding: 1.25rem 1.25rem 0; font-size: 1.375rem; font-weight: 600; line-height: 1.25; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-ov-stage { position: relative; margin-top: 1rem; aspect-ratio: 910 / 731; overflow: hidden; }
.ct-ov-img { position: absolute; top: 0; right: 0; width: var(--w, 83.3%); height: 100%; }
.ct-ov-img > img, .ct-ov-img > .img-ph { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto !important; border-radius: 0; }
.ct-ov-desc { margin: 0; padding: 1rem 1.25rem 1.5rem; font-size: .9375rem; font-weight: 500; line-height: 1.55; letter-spacing: -.005em; color: var(--ss-text); }
.ct-lab { position: absolute; z-index: 2; margin: 0; font-size: max(.625rem, calc(var(--s, 2.09) * 1cqw)); font-weight: 500; line-height: 1.25; text-align: center; letter-spacing: -.005em; white-space: nowrap; color: var(--ss-ink); }
.ct-lab-c { transform: translateX(-50%); }
@media (min-width: 768px) {
  .ct-ov { aspect-ratio: 910 / 731; }
  .ct-ov-stage { position: absolute; inset: 0; margin: 0; aspect-ratio: auto; }
  .ct-ov-title { position: absolute; z-index: 3; left: 4.6%; top: 7.5%; padding: 0; font-size: max(1.375rem, 4.4cqw); line-height: 1.1; white-space: nowrap; color: var(--ct-ov-ink, var(--ss-ink)); }
  .ct-ov-desc { position: absolute; z-index: 3; left: 4.6%; bottom: 12.4%; padding: 0; font-size: max(.8125rem, 1.98cqw); line-height: 1.11; white-space: nowrap; color: var(--ct-ov-sub, var(--ss-ink)); }
}

.ct-feat-card .sp-feat-panel { container-type: inline-size; }
.ct-feat-card .sp-feat-txt { padding-bottom: 2rem; }
.ct-feat-card .sp-feat-pic { max-width: none; }
@media (min-width: 768px) {
  .ct-feat-card .sp-feat-panel { grid-template-columns: minmax(0, 52%) minmax(0, 48%); min-height: 24rem; }
  .ct-feat-card .sp-feat-txt { position: relative; z-index: 1; padding: 7.5cqw 0 7.5cqw 4.6cqw; }
  .ct-feat-card .sp-feat-title { font-size: max(1.375rem, 4.4cqw); line-height: 1.1; white-space: nowrap; }
  .ct-feat-card .sp-feat-desc { font-size: max(.8125rem, 1.98cqw); line-height: 1.11; white-space: nowrap; }
  .ct-feat-card .sp-feat-pic { height: auto; align-self: stretch; }
}
@media (min-width: 1400px) { .ct-feat-card .sp-feat-panel { min-height: 45.6875rem; } }

.ct-block { margin-top: var(--sp-sec-sm); }
.ct-block-first { margin-top: var(--sp-sec-sm); }
.ct-block > .sp-title + .sp-desc { margin-top: .75rem; }
@media (min-width: 992px) { .ct-block > .sp-title + .sp-desc { margin-top: 1.25rem; } }
.ct-block > .ct-block-body { margin-top: 2rem; }
@media (min-width: 768px) { .ct-block > .ct-block-body { margin-top: 3rem; } }
@media (min-width: 992px) { .ct-block > .ct-block-body { margin-top: 4.5rem; } }
.ct-rule + .ct-block { margin-top: 3rem; }
@media (min-width: 992px) { .ct-rule + .ct-block { margin-top: 5rem; } }

.ct-trio { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; margin: 0; padding: 0; }
.ct-trio-item { min-width: 0; }
.ct-trio-fig { margin: 0; }
.ct-trio-fig .img-ph, .ct-trio-fig img { border-radius: var(--sp-r); }
.ct-trio-t, .ct-quad-t { margin: 1rem 0 0; font-size: var(--ct-item-t); font-weight: 600; line-height: 1.45; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-trio-d, .ct-quad-d { margin: .5rem 0 0; font-size: var(--ct-item-d); font-weight: 400; line-height: 1.45; letter-spacing: -.005em; color: var(--ss-ink); }
@media (min-width: 576px) and (max-width: 767.98px) { .ct-trio { max-width: 28rem; margin-inline: auto; } }
@media (min-width: 768px) { .ct-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
@media (min-width: 992px) { .ct-trio { gap: 2rem; } .ct-trio-t, .ct-quad-t { margin-top: 1.5rem; } .ct-trio-d, .ct-quad-d { margin-top: .75rem; } }
@media (min-width: 1400px) { .ct-trio { gap: 2.5rem; } }

.ct-quad { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; margin: 0; padding: 0; text-align: center; }
.ct-quad-fig { margin: 0; }
.ct-quad-fig .img-ph, .ct-quad-fig img { border-radius: var(--sp-r); }
@media (min-width: 992px) { .ct-quad { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 .875rem; } }
@media (min-width: 1400px) { .ct-quad { gap: 0 .875rem; } }

.ct-pairs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; margin: 0; padding: 0; text-align: center; }
.ct-pairs figure { margin: 0; }
.ct-pairs .img-ph, .ct-pairs img { border-radius: var(--sp-r); }
@media (min-width: 768px) { .ct-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-gap); } }
.ct-pairs .ct-trio-t, .ct-pairs .ct-trio-d { margin-inline: auto; }

.ct-wide { margin: 0; text-align: center; }
.ct-wide img, .ct-wide .img-ph { margin-inline: auto; }
.ct-wide-fit { max-width: 72.125rem; margin-inline: auto; }

.ct-band { margin-top: var(--sp-sec); padding-block: var(--sp-sec-sm); background: var(--ss-bg-soft); }
.ct-band .sp-h2 { margin-bottom: 2rem; }
@media (min-width: 768px) { .ct-band .sp-h2 { margin-bottom: 3rem; } }
@media (min-width: 992px) { .ct-band .sp-h2 { margin-bottom: 4rem; } }

.ct-cases { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; margin: 0; padding: 0; }
.ct-case-bar { padding: 1.25rem 1rem; background: var(--ss-bg-soft); text-align: center; }
.ct-case-t { margin: 0; font-size: var(--ct-item-t); font-weight: 600; line-height: 1.4; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-case-d { margin: .375rem 0 0; font-size: var(--ct-item-d); font-weight: 400; line-height: 1.45; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-case-pic { margin-top: 1.5rem; }
.ct-case-pic .img-ph, .ct-case-pic img { margin-inline: auto; border-radius: var(--sp-r); }
.ct-case-scroll { overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--ss-edge) * -1); padding-inline: var(--ss-edge); }
.ct-case-scroll::-webkit-scrollbar { display: none; }
.ct-case-scroll .ct-case-pic { min-width: 34rem; }
.ct-cases-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
@media (min-width: 768px) {
  .ct-cases { gap: 3.5rem; }
  .ct-case-bar { padding: 1.5rem 1.5rem; }
  .ct-case-scroll { margin-inline: 0; padding-inline: 0; overflow: visible; }
  .ct-case-scroll .ct-case-pic { min-width: 0; }
  .ct-cases-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
}
@media (min-width: 992px) { .ct-cases { gap: 4.5rem; } .ct-case-bar { padding: 1.75rem 1.5rem; } .ct-case-pic { margin-top: 1.5rem; } .ct-cases-row { gap: 2.5rem; } }

.ct-narrow { max-width: 62.5rem; margin-inline: auto; }
.ct-narrow .img-ph, .ct-narrow img { border-radius: var(--sp-r-lg); }
.ct-narrow-md { max-width: 39.625rem; }
.ct-lead { margin: 0; font-size: var(--sp-sub); font-weight: 500; line-height: 1.5; letter-spacing: -.012em; color: var(--ss-text); }
.ct-tags { margin: 1rem 0 0; padding: 0; }
.ct-tags li { font-size: var(--sp-sub); font-weight: 500; line-height: 1.5; letter-spacing: -.012em; color: var(--ss-text); }
.ct-intro-pic { margin-top: 3rem; }
@media (min-width: 992px) { .ct-intro-pic { margin-top: 5rem; } }
.ct-narrow-txt { margin-top: 1.5rem; }
.ct-narrow-txt .sp-title { margin: 0; }
.ct-narrow-txt .ct-lead { margin-top: 1rem; }
@media (min-width: 992px) { .ct-narrow-txt { margin-top: 2.5rem; } .ct-narrow-txt .ct-lead { margin-top: 1.5rem; } }

.ct-duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem var(--sp-gap); margin: 0; padding: 0; text-align: center; }
.ct-duo + .ct-duo { margin-top: 4rem; }
.ct-duo figure { margin: 0; min-width: 0; }
.ct-duo .img-ph, .ct-duo img { border-radius: var(--sp-r); }
.ct-cap { margin: 1.25rem 0 0; font-size: var(--ct-cap); font-weight: 500; line-height: 1.42; letter-spacing: -.01em; color: var(--ss-text); }
.ct-cap-b { margin: .75rem 0 0; font-size: var(--ct-cap-b); font-weight: 700; line-height: 1.3; letter-spacing: -.01em; color: var(--ss-ink); }
@media (min-width: 768px) { .ct-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ct-duo + .ct-duo { margin-top: 6rem; } .ct-cap { margin-top: 1.5rem; } .ct-cap-b { margin-top: 1rem; } }
@media (min-width: 992px) { .ct-duo + .ct-duo { margin-top: 8rem; } .ct-cap { margin-top: 2rem; } .ct-cap-b { margin-top: 1.5rem; } }

.ct-stack { display: grid; gap: 3rem; margin: 0; padding: 0; }
.ct-stack.ct-narrow { margin-inline: auto; }
.ct-stack-t { margin: 1.5rem 0 0; font-size: var(--ct-cap-b); font-weight: 700; line-height: 1.3; color: var(--ss-ink); }
.ct-stack-d { margin: .75rem 0 0; font-size: var(--ct-cap); font-weight: 500; line-height: 1.42; letter-spacing: -.01em; color: var(--ss-text); }
@media (min-width: 992px) { .ct-stack { gap: 8rem; } .ct-stack-t { margin-top: 1.75rem; } .ct-stack-d { margin-top: 1rem; } }

.ct-three { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; margin: 0; padding: 0; }
.ct-three figure { margin: 0; min-width: 0; }
.ct-three .img-ph, .ct-three img { border-radius: var(--sp-r); }
.ct-three-t { margin: 1.25rem 0 0; font-size: var(--ct-item-t); font-weight: 700; line-height: 1.5; letter-spacing: -.005em; color: var(--ss-ink); }
.ct-three-d { margin: .25rem 0 0; font-size: var(--ct-item-d); font-weight: 400; line-height: 1.5; letter-spacing: -.005em; color: var(--ss-ink); }
@media (min-width: 768px) { .ct-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
@media (min-width: 1400px) { .ct-three { gap: 1.625rem; } .ct-three-d { font-size: 1.25rem; line-height: 1.5; } }

.ct-case-head { text-align: center; }
.ct-case-head .sp-title { margin: 0; }
.ct-case-head .ct-lead { margin: .75rem 0 0; }
.ct-chain-wrap { margin-top: 1.5rem; }
.ct-chain { --ct-gap: 1.625rem; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--ct-gap); margin: 0; padding: 0; list-style: none; }
.ct-chain > li { position: relative; min-width: 0; }
.ct-chain > li + li::before { content: ""; position: absolute; z-index: 1; top: 50%; left: calc(var(--ct-gap) / -2); width: 1.125rem; height: 1.125rem; transform: translate(-50%, -50%); border-radius: 50%; background: var(--ss-ink); }
.ct-chain > li + li::after { content: ""; position: absolute; z-index: 2; top: 50%; left: calc(var(--ct-gap) / -2); width: .5rem; height: .5rem; transform: translate(-50%, -50%); background: var(--ss-white);
  -webkit-mask: url(../../../icons/ico-chevron-right.svg) center / contain no-repeat; mask: url(../../../icons/ico-chevron-right.svg) center / contain no-repeat; }
.ct-chain .img-ph, .ct-chain img { border-radius: var(--sp-r); }
.ct-chain-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ct-case-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4rem 2.5rem; text-align: left; }
.ct-case-pair .ct-case-head { text-align: left; }
@media (max-width: 767.98px) {
  .ct-chain-scroll { overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--ss-edge) * -1); padding-inline: var(--ss-edge); }
  .ct-chain-scroll::-webkit-scrollbar { display: none; }
  .ct-chain-scroll .ct-chain { --ct-gap: 1.25rem; grid-template-columns: repeat(5, 13.75rem); width: max-content; }
}
@media (min-width: 768px) { .ct-chain { --ct-gap: 1.25rem; } .ct-case-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ct-chain-wrap { margin-top: 2rem; } }
@media (min-width: 992px) { .ct-chain { --ct-gap: 1.625rem; } .ct-chain-wrap { margin-top: 3rem; } .ct-case-head .ct-lead { margin-top: 1rem; } }
.ct-case-head + .ct-case-head, .ct-case-head + .ct-case-pair, .ct-case-pair + .ct-case-head { margin-top: 4rem; }
.ct-case-pair > .ct-case-head { margin-top: 0; }
@media (min-width: 992px) { .ct-case-head + .ct-case-head, .ct-case-head + .ct-case-pair { margin-top: var(--sp-sec); } .ct-case-pair { gap: 4rem 2.5rem; } .ct-case-pair > .ct-case-head { margin-top: 0; } }

.ct-fix { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: center; }
.ct-fix .img-ph, .ct-fix img { border-radius: var(--sp-r); }
.ct-fix-t { margin: 0; font-size: var(--sp-h3); font-weight: 600; line-height: 1.5; color: var(--ss-ink); }
.ct-fix-s { margin: .5rem 0 0; font-size: 1.125rem; font-weight: 600; line-height: 1.5; color: var(--ss-ink); }
.ct-fix-d { margin: 1rem 0 0; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--ss-ink); }
@media (min-width: 768px) { .ct-fix { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } .ct-fix-s { font-size: 1.375rem; } .ct-fix-d { font-size: 1.125rem; } }
@media (min-width: 992px) { .ct-fix { gap: 3rem; } }
@media (min-width: 1400px) { .ct-fix { gap: 4.5rem; } .ct-fix-s { font-size: 1.625rem; margin-top: .5rem; } .ct-fix-d { margin-top: 1rem; font-size: 1.625rem; line-height: 1.615; } }

.ct-doc-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: center; margin-top: 2rem; }
.ct-doc-photo { position: relative; margin: 0; max-width: 24rem; }
.ct-doc-photo > .img-ph, .ct-doc-photo > img { border-radius: var(--sp-r-lg); }
.ct-doc-txt { min-width: 0; color: var(--ct-doc-ink); }
.ct-doc-lead { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.4; color: var(--ct-doc-ink); }
.ct-doc-h { margin: .5rem 0 0; font-size: 1.5rem; font-weight: 600; line-height: 1.3; color: var(--ct-doc-ink); }
.ct-doc-sub { margin: 1rem 0 0; font-size: 1rem; font-weight: 500; line-height: 1.6; color: var(--ct-doc-ink); }
.ct-doc-sub span { background: linear-gradient(to top, var(--ct-doc-hl) 0, var(--ct-doc-hl) .65em, transparent .65em); }
.ct-doc-quote { position: relative; margin: 1.5rem 0 0; padding: 1.5rem 1rem 1.75rem; text-align: center; font-size: .9375rem; font-weight: 500; line-height: 1.6; letter-spacing: -.01em; color: var(--ct-doc-ink); }
.ct-doc-quote p { position: relative; z-index: 1; margin: 0; }
.ct-doc-quote b { font-weight: 700; }
.ct-doc-mk { position: absolute; z-index: 0; width: 2.5rem; height: 2.5rem; background: center / contain no-repeat; }
.ct-doc-mk-o { left: 0; top: 0; transform: rotate(180deg); }
.ct-doc-mk-c { right: 0; bottom: 0; }
.ct-doc-mk .img-ph, .ct-doc-mk img { width: 100%; height: 100%; border-radius: 0; aspect-ratio: auto !important; }
.ct-doc-marks { position: absolute; z-index: 0; left: 6%; top: .25rem; width: 88%; }
.ct-doc-marks .img-ph, .ct-doc-marks img { border-radius: 0; }
@media (min-width: 1400px) { .ct-doc-marks-fit { left: 50%; width: 28.1875rem; transform: translateX(-50%); } }
@media (min-width: 768px) {
  .ct-doc-body { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem; margin-top: 3rem; }
  .ct-doc-photo { max-width: none; }
  .ct-doc-lead { font-size: 1.375rem; } .ct-doc-h { font-size: 1.75rem; } .ct-doc-sub { font-size: 1.125rem; } .ct-doc-quote { font-size: 1rem; }
}
@media (min-width: 992px) {
  .ct-doc-body { column-gap: 3rem; margin-top: 4.5rem; }
  .ct-doc-lead { font-size: 1.5rem; } .ct-doc-h { font-size: 2rem; line-height: 1.25; } .ct-doc-sub { font-size: 1.25rem; } .ct-doc-quote { font-size: 1.0625rem; }
}
@media (min-width: 1400px) {
  .ct-doc-body { column-gap: 6.5rem; }
  .ct-doc-lead { font-size: 1.875rem; } .ct-doc-h { margin-top: .75rem; font-size: 2.5rem; line-height: 1.25; } .ct-doc-sub { margin-top: 1.25rem; font-size: 1.5rem; line-height: 1.667; }
  .ct-doc-quote { margin-top: 2.5rem; padding: 2rem 1.5rem 2.5rem; font-size: 1.25rem; line-height: 1.6; }
  .ct-doc-mk { width: 4.1875rem; height: 4.1875rem; }
}
@media (min-width: 992px) { .ct-doc-photo { container-type: inline-size; } }
.ct-doc-photo { container-type: inline-size; }

.ct-rule { margin: 0; }

.ct-banner .sp-banner-card { --sp-banner-bg: #f3fdff; }
.ct-banner-lav .sp-banner-card { --sp-banner-bg: #e9e7f2; }
.ct-banner-full .sp-banner-card .sp-banner-img { left: 0; width: 100%; transform: none; object-fit: cover; }

.ct-h2 { margin: 0; text-align: center; font-size: var(--sp-h3); font-weight: 700; line-height: 1.4; letter-spacing: -.01em; color: var(--ss-ink); }
.ct-h2-semi { font-weight: 600; }
.ct-h2-sub { margin: 1rem 0 0; text-align: center; font-size: var(--ct-cap); font-weight: 500; line-height: 1.42; letter-spacing: -.01em; color: var(--ss-text); }
.ct-title-semi { font-weight: 600; }
.ct-h2 + .ct-duo, .ct-h2 + .ct-three { margin-top: 2.5rem; }
.ct-h2-sub + .ct-stack { margin-top: 2.5rem; }
@media (min-width: 768px) { .ct-h2 + .ct-duo, .ct-h2 + .ct-three { margin-top: 3.5rem; } .ct-h2-sub + .ct-stack { margin-top: 3.5rem; } }
@media (min-width: 992px) { .ct-h2 + .ct-duo, .ct-h2 + .ct-three { margin-top: 4rem; } .ct-h2-sub + .ct-stack { margin-top: 4rem; } .ct-h2 + .ct-three { margin-top: 3rem; } .ct-h2-sub { margin-top: 1.25rem; } }

@media (max-width: 767.98px) { .ct-banner-dual .sp-banner-card { aspect-ratio: 358 / 242; } }
.ct-intro-blue { --ct-eyebrow: var(--ct-blue); }
.ct-trio-c { text-align: center; }

@media (max-width: 1199.98px) {
  .ct-trio-d br, .ct-quad-d br, .ct-case-d br, .ct-fix-d br, .ct-tags br { display: none; }
}
