/* Premium visual pass — 2026-08-23. Loaded last so the pass stays reversible. */
:root {
  --premium-ink: #151719;
  --premium-graphite: #25292b;
  --premium-steel: #8d9698;
  --premium-fog: #d9dddc;
  --premium-paper: #eef0ef;
  --premium-line: rgba(21, 23, 25, .16);
}

body {
  background: var(--premium-ink);
}

.page-shell {
  background: var(--premium-paper);
}

.hero {
  border-radius: 0 !important;
}

.hero-scene__shade {
  background:
    linear-gradient(90deg, rgba(11, 13, 14, .72) 0%, rgba(16, 18, 19, .34) 36%, rgba(16, 18, 19, 0) 64%),
    linear-gradient(0deg, rgba(8, 10, 11, .72) 0%, rgba(10, 12, 13, .34) 19%, transparent 48%);
}

.hero-content {
  width: min(92vw, 1180px);
}

.hero-copy {
  max-width: 430px;
  letter-spacing: -.01em;
}

.hero-cta {
  border-radius: 999px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .23);
  transition: transform .45s var(--ease), background .3s ease;
}

.hero-cta:hover {
  transform: translateY(-3px);
  background: #050607;
}

.hero-hand {
  filter: grayscale(.22) contrast(1.05) drop-shadow(0 28px 22px rgba(0, 0, 0, .32));
}

.transition-arc {
  --transition-arch-height: clamp(116px, 8.6vw, 148px);
  --transition-arch-top: clamp(20px, 1.65vw, 28px);
  --transition-arch-rise: clamp(58px, 4.8vw, 78px);
  position: relative;
  z-index: 3;
  height: var(--transition-arch-height) !important;
  min-height: 116px !important;
  margin-top: -1px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(74% 120% at 71% -8%, rgba(154, 162, 163, .14), transparent 58%),
    linear-gradient(180deg, #111315 0%, #171a1c 48%, #25292b 100%) !important;
  isolation: isolate;
}

.transition-arc::before {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 2;
  left: -8%;
  top: var(--transition-arch-top);
  width: 116%;
  height: calc(100% + var(--transition-arch-rise));
  border-top: 1px solid rgba(238, 242, 241, .72);
  border-radius: 50% 50% 0 0 / var(--transition-arch-rise) var(--transition-arch-rise) 0 0;
  background:
    linear-gradient(rgba(21, 23, 25, .076) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .076) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .034) 1px, transparent 1px),
    linear-gradient(180deg, #d5dada 0%, var(--premium-fog) 24%, var(--premium-fog) 100%);
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto;
  background-position:
    8vw calc(var(--transition-arch-height) - var(--transition-arch-top)),
    8vw calc(var(--transition-arch-height) - var(--transition-arch-top)),
    8vw calc(var(--transition-arch-height) - var(--transition-arch-top)),
    8vw calc(var(--transition-arch-height) - var(--transition-arch-top)),
    0 0;
  box-shadow:
    0 -12px 34px rgba(219, 225, 224, .13),
    inset 0 18px 30px rgba(255, 255, 255, .08);
  pointer-events: none;
}

.transition-arc::after {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 3;
  left: -6%;
  top: clamp(24px, 1.9vw, 33px);
  width: 112%;
  height: calc(100% + var(--transition-arch-rise));
  border-top: 1px solid rgba(245, 248, 247, .22);
  border-radius: 50% 50% 0 0 / var(--transition-arch-rise) var(--transition-arch-rise) 0 0;
  background: transparent;
  box-shadow: 0 -8px 22px rgba(220, 226, 225, .08);
  pointer-events: none;
}

.transition-arc__dark,
.transition-arc__light {
  display: none !important;
}

.manifesto {
  position: relative;
  z-index: 4;
  min-height: 100svh;
  background:
    linear-gradient(rgba(21, 23, 25, .076) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .076) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .034) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
}

.manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

.manifesto-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, .52fr);
  gap: clamp(50px, 7vw, 120px);
}

.manifesto-statement h2 {
  max-width: 1080px;
  font-size: clamp(58px, 6.8vw, 116px);
  line-height: .91;
  letter-spacing: -.025em;
}

.blur-word {
  transition-duration: .84s, 1.06s, .9s;
  transition-delay: calc(var(--i) * 30ms);
}

.clinical-map {
  top: 98px;
  border-radius: 22px;
  background: rgba(21, 23, 25, .95);
  box-shadow: 0 30px 90px rgba(21, 23, 25, .18);
}

.services {
  position: relative;
  overflow: hidden;
  background: var(--premium-paper) !important;
  isolation: isolate;
}

.services::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(rgba(21, 23, 25, .095) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .095) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .048) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .048) 1px, transparent 1px) !important;
  background-size: 96px 96px, 96px 96px, 384px 384px, 384px 384px !important;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .96) 34%, rgba(0, 0, 0, .62) 68%, transparent 94%);
  opacity: .9 !important;
  pointer-events: none;
}

.services::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: clamp(72px, 8vw, 132px);
  right: clamp(-360px, -18vw, -190px);
  width: clamp(560px, 50vw, 960px);
  aspect-ratio: 1;
  border: 1px solid rgba(21, 23, 25, .17);
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 49.86%, rgba(21, 23, 25, .11) 49.94% 50.06%, transparent 50.14%),
    linear-gradient(transparent 49.86%, rgba(21, 23, 25, .11) 49.94% 50.06%, transparent 50.14%);
  box-shadow:
    0 0 0 72px rgba(21, 23, 25, .07),
    0 0 0 144px rgba(21, 23, 25, .04);
  opacity: .86;
  mask-image: radial-gradient(circle, #000 0 50%, rgba(0, 0, 0, .72) 66%, transparent 82%);
  pointer-events: none;
}

.services .container { position: relative; z-index: 2; }

.section-heading {
  grid-template-columns: .65fr 1.25fr .7fr;
  margin-bottom: clamp(58px, 7vw, 112px);
}

.section-heading h2 {
  max-width: 830px;
  letter-spacing: -.035em;
}

.service-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
}

.service-card,
.service-card--implant,
.service-card--ortho,
.service-card--micro,
.service-card--esthetic,
.service-card--diagnostic {
  min-height: 360px;
  border-radius: 26px;
  background-color: #171a1c !important;
  color: #f4f6f5;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 22px 58px rgba(21, 23, 25, .16);
}

.service-card--implant {
  grid-column: span 7;
  min-height: 540px;
}

.service-card--ortho {
  grid-column: span 5;
  min-height: 540px;
}

.service-card--micro,
.service-card--esthetic,
.service-card--diagnostic {
  grid-column: span 4;
}

.service-card--cinematic {
  background-image: none !important;
}

.service-card--cinematic img {
  z-index: -3;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  filter: none;
  transform: scale(1.015);
}

.service-card--implant img { object-position: 56% center; }
.service-card--ortho img { object-position: 62% center; }
.service-card--micro img { object-position: 66% center; }
.service-card--esthetic img { object-position: 64% center; }
.service-card--diagnostic img { object-position: 64% center; }

.service-card--cinematic:hover img {
  transform: scale(1.065);
}

.service-card__name {
  right: 24px;
  bottom: 92px;
  max-width: 84%;
  font-size: clamp(38px, 4vw, 70px);
  letter-spacing: -.025em;
}

.service-card small {
  max-width: min(390px, 70%);
  font-size: 15px;
  line-height: 1.42;
}

.service-card::after {
  z-index: -2;
  opacity: 1;
  background:
    linear-gradient(90deg, rgba(10, 12, 13, .95) 0%, rgba(10, 12, 13, .82) 30%, rgba(10, 12, 13, .28) 62%, transparent 88%),
    linear-gradient(0deg, rgba(10, 12, 13, .88) 0%, transparent 48%);
}

.service-card--implant::after {
  background:
    radial-gradient(circle at 72% 22%, rgba(112, 112, 112, .3), transparent 44%),
    linear-gradient(90deg, rgba(10, 10, 10, .96) 0%, rgba(35, 35, 35, .8) 34%, rgba(13, 13, 13, .2) 72%),
    linear-gradient(0deg, rgba(9, 9, 9, .9), transparent 52%);
}

.service-card--ortho::after {
  background:
    radial-gradient(circle at 70% 24%, rgba(178, 178, 178, .34), transparent 46%),
    linear-gradient(90deg, rgba(17, 17, 17, .95) 0%, rgba(72, 72, 72, .72) 38%, rgba(15, 15, 15, .18) 76%),
    linear-gradient(0deg, rgba(12, 12, 12, .9), transparent 54%);
}

.service-card--micro::after {
  background:
    radial-gradient(circle at 76% 20%, rgba(76, 76, 76, .3), transparent 48%),
    linear-gradient(90deg, rgba(8, 8, 8, .97) 0%, rgba(24, 24, 24, .84) 42%, rgba(7, 7, 7, .2) 80%),
    linear-gradient(0deg, rgba(7, 7, 7, .92), transparent 55%);
}

.service-card--esthetic::after {
  background:
    radial-gradient(circle at 74% 23%, rgba(190, 190, 190, .33), transparent 46%),
    linear-gradient(90deg, rgba(18, 18, 18, .95) 0%, rgba(78, 78, 78, .7) 40%, rgba(17, 17, 17, .18) 80%),
    linear-gradient(0deg, rgba(17, 17, 17, .9), transparent 54%);
}

.service-card--diagnostic::after {
  background:
    radial-gradient(circle at 72% 20%, rgba(138, 138, 138, .34), transparent 47%),
    linear-gradient(90deg, rgba(9, 9, 9, .96) 0%, rgba(52, 52, 52, .74) 40%, rgba(8, 8, 8, .18) 82%),
    linear-gradient(0deg, rgba(7, 7, 7, .9), transparent 55%);
}

.concept-note {
  margin-top: 18px;
  font-size: 12px;
  line-height: 1.45;
}

.journey {
  background: #101214;
}

.journey-panel {
  background: #cdd2d1 !important;
  color: var(--premium-ink) !important;
}

.journey-panel:nth-child(odd) {
  background: var(--premium-ink) !important;
  color: #f3f4f3 !important;
}

.journey-panel h2,
.journey-panel h3 {
  max-width: 82vw;
  font-size: clamp(88px, 9.4vw, 160px);
  letter-spacing: -.03em;
}

.journey-panel--intro .journey-panel__copy {
  max-width: 78vw;
}

.journey-panel--intro h2 {
  font-size: clamp(82px, 9vw, 152px);
}

.journey-panel__copy > p {
  font-size: 12px;
}

.journey-panel__copy > span,
.journey-hint {
  font-size: 16px;
  line-height: 1.5;
}

.journey-panel > small {
  font-size: 12px;
  line-height: 1.4;
}

.journey-panel--team {
  color: #f4f6f5 !important;
  background:
    radial-gradient(45% 72% at 78% 45%, rgba(174, 174, 174, .2), transparent 68%),
    linear-gradient(135deg, #2c2c2c 0%, #171717 100%) !important;
}

.journey-panel--intro {
  background:
    radial-gradient(52% 70% at 78% 42%, rgba(132, 132, 132, .18), transparent 68%),
    linear-gradient(135deg, #292929 0%, #151515 100%) !important;
}

.journey-panel--plan {
  background:
    radial-gradient(50% 72% at 80% 46%, rgba(108, 108, 108, .2), transparent 68%),
    linear-gradient(135deg, #222222 0%, #101010 100%) !important;
}

.journey-panel--control {
  background:
    radial-gradient(50% 72% at 76% 44%, rgba(152, 152, 152, .21), transparent 70%),
    linear-gradient(135deg, #282828 0%, #121212 100%) !important;
}

.journey-panel--team > img {
  right: 1vw;
  bottom: -12%;
  width: 56vw;
  height: 112%;
  object-fit: contain;
  object-position: right bottom;
  opacity: .96;
  filter: grayscale(.08) contrast(1.06) drop-shadow(0 38px 42px rgba(0, 0, 0, .34));
}

.journey-panel--control > img {
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
  opacity: .92;
  filter: grayscale(.14) contrast(1.05) brightness(.82);
  transform: translate3d(var(--image-shift, 0), var(--image-y, 0), 0) rotate(var(--image-rotate, 0deg)) scale(1.1);
}

.journey-panel--control::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    radial-gradient(circle at 64% 34%, rgba(148, 148, 148, .18), transparent 48%),
    linear-gradient(90deg, rgba(14, 14, 14, .96) 0%, rgba(28, 28, 28, .84) 32%, rgba(14, 14, 14, .24) 64%, transparent 84%);
  pointer-events: none;
}

.journey-panel--team::after,
.journey-panel--control::after {
  content: none !important;
}

.journey-probe-foreground {
  position: absolute !important;
  z-index: 3 !important;
  right: -8vw !important;
  bottom: -8% !important;
  width: 48vw !important;
  height: 42% !important;
  object-fit: cover !important;
  object-position: 78% center !important;
  opacity: .2 !important;
  filter: grayscale(1) contrast(1.24) blur(1.2px) !important;
  mix-blend-mode: screen;
  mask-image: radial-gradient(ellipse at 68% 50%, #000 0 34%, rgba(0, 0, 0, .72) 52%, transparent 78%);
  transform: rotate(-7deg) !important;
  pointer-events: none;
}

.doctors-intro {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
  display: grid;
  align-items: center;
  padding: clamp(120px, 11vw, 180px) 0 90px;
  background:
    radial-gradient(ellipse at 80% 58%, transparent 0 30%, rgba(21, 23, 25, .035) 30.2% 30.45%, transparent 30.7% 38%, rgba(21, 23, 25, .028) 38.2% 38.45%, transparent 38.7%),
    linear-gradient(rgba(21, 23, 25, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .045) 1px, transparent 1px),
    var(--premium-paper) !important;
  background-size: auto, 72px 72px, 72px 72px, auto !important;
}

.doctors-intro::after {
  content: "02";
  position: absolute;
  right: 2vw;
  bottom: -.17em;
  color: rgba(21, 23, 25, .085);
  font: clamp(240px, 34vw, 560px)/.7 Bebas;
  pointer-events: none;
}

.doctors-intro__head {
  position: relative;
  z-index: 1;
  grid-template-columns: .42fr 1.3fr .52fr;
}

.doctors-intro__head::before {
  content: "ВРАЧИ ГИМАЛАЯ";
  position: absolute;
  z-index: -1;
  left: 26%;
  top: -1.15em;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px rgba(21, 23, 25, .1);
  font: clamp(120px, 17vw, 290px)/.8 Bebas;
  letter-spacing: -.04em;
  pointer-events: none;
}

.doctors-intro__head > span {
  grid-column: 3;
  padding-top: 16px;
  border-top: 1px solid var(--premium-line);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
}

.doctor-slider {
  height: 100svh;
  min-height: 760px;
  margin: 0;
  border-radius: 0;
  background: #d9dddc;
  color: var(--premium-ink);
}

.site-header.is-doctor-dark {
  color: #f5f6f5;
  border-color: rgba(255, 255, 255, .16);
  background: rgba(13, 15, 16, .78);
}

.site-header.is-doctor-dark .brand img {
  filter: invert(1);
}

.site-header.is-doctor-dark .header-action {
  color: #111416;
  background: #f3f5f4;
}

.doctor-slider::before {
  background:
    radial-gradient(circle at 68% 34%, rgba(255, 255, 255, .76), transparent 29%),
    linear-gradient(118deg, #edf0ef 0 51%, #c5cccb 51% 100%);
}

.doctor-slider__ambient {
  background:
    linear-gradient(rgba(21, 23, 25, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .035) 1px, transparent 1px);
  background-size: 70px 70px;
  opacity: .42;
}

.doctor-slide__copy {
  left: clamp(28px, 4.7vw, 88px);
  top: clamp(80px, 13vh, 132px);
  width: min(43vw, 620px);
}

.doctor-slide h3 {
  position: relative;
  font-size: clamp(84px, 9.2vw, 156px);
  line-height: .74;
  letter-spacing: -.045em;
}

.doctor-slide h3::before {
  top: -.34em;
  left: -.05em;
  color: rgba(21, 23, 25, .082);
  font-size: clamp(110px, 15vw, 250px);
}

.doctor-slide--dark h3::before {
  color: rgba(255, 255, 255, .09);
}

.doctor-slide:nth-child(2) h3::before { content: "ГЕЗУЕВ"; }
.doctor-slide:nth-child(3) h3::before { content: "ГЕЗУЕВ"; }
.doctor-slide:nth-child(4) h3::before { content: "ГАБАТАЕВ"; }
.doctor-slide:nth-child(5) h3::before { content: "ВЕРИГОВ"; }
.doctor-slide:nth-child(6) h3::before { content: "ШЕПТУКАЕВ"; }

.doctor-slide__index {
  position: absolute;
  z-index: 8;
  right: clamp(28px, 4vw, 78px);
  top: 10%;
  font: clamp(62px, 7vw, 118px)/1 Bebas;
  letter-spacing: -.04em;
  opacity: .1;
}

.doctor-slide--dark .doctor-slide__index {
  color: #fff;
  opacity: .13;
}

.doctor-slide__description {
  max-width: 410px;
  margin-top: 28px;
  font-size: 14px;
}

.doctor-slide dl {
  gap: 52px;
  margin-top: 26px;
}

.doctor-slide dt {
  font-size: 52px;
}

.doctor-slide__verify {
  display: block;
  margin-top: 14px;
  color: rgba(21, 23, 25, .5);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
}

.doctor-slide__portrait--cutout {
  right: 0;
  width: 66%;
  height: 100%;
  object-fit: cover;
  object-position: 68% center;
}

.doctor-slide__portrait--mockup {
  right: 0 !important;
  bottom: 0;
  width: 61%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
  filter: saturate(.82) contrast(1.04);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .72) 16%, #000 34%, #000 100%);
}

.doctor-slide--dark {
  background: #111416 !important;
  color: #f3f5f4;
}

.doctor-slide--dark::after {
  content: "";
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #111416 0%, rgba(17, 20, 22, .94) 31%, rgba(17, 20, 22, .15) 61%, transparent 100%);
}

.doctor-slide--dark .doctor-slide__copy {
  z-index: 6 !important;
}

.doctor-slide--dark .doctor-slide__verify {
  color: rgba(255, 255, 255, .5);
}

.doctor-slide__portrait--wide {
  right: 0 !important;
  bottom: 0;
  width: 70%;
  height: 100%;
  object-fit: cover;
  object-position: 63% center;
  filter: grayscale(.12) contrast(1.04);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .8) 15%, #000 31%, #000 100%);
}

.doctor-slide--awaiting::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #e9edec 0%, rgba(233, 237, 236, .96) 34%, transparent 61%);
}

.doctor-slide--awaiting .doctor-slide__copy {
  z-index: 6 !important;
}

.doctor-slide__pending {
  position: absolute;
  z-index: 4;
  inset: 0 0 0 47%;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.doctor-slide__pending img {
  position: absolute;
  inset: 2% -8% 0 auto;
  width: 98%;
  height: 96%;
  object-fit: contain;
  opacity: .23;
  filter: grayscale(1) contrast(1.25);
}

.doctor-slide__pending span {
  position: relative;
  z-index: 2;
  padding: 14px 18px;
  border: 1px solid rgba(21, 23, 25, .18);
  border-radius: 999px;
  background: rgba(238, 240, 239, .68);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 9px;
  line-height: 1.4;
  backdrop-filter: blur(12px);
}

.doctor-slider__rail {
  z-index: 10;
  top: 16%;
  bottom: 18%;
  width: min(18vw, 245px);
}

.doctor-slider__rail button {
  min-height: 42px;
}

.doctor-slider__rail button > img {
  position: absolute;
  z-index: 2;
  left: -11px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 50%;
  object-fit: cover;
  opacity: 0;
  transform: scale(.76);
  transition: opacity .35s var(--ease), transform .35s var(--ease);
}

.doctor-slider__rail button.is-active > img {
  opacity: 1;
  transform: scale(1);
}

.doctor-slider__rail button.is-active:has(> img)::before {
  opacity: 0;
}

.doctor-slider.is-dark-slide .doctor-slider__rail,
.doctor-slider.is-dark-slide .doctor-slider__rail button {
  color: #f3f5f4;
}

.doctor-slider.is-dark-slide .doctor-slider__rail::before {
  background: rgba(255, 255, 255, .26);
}

.doctor-slider.is-dark-slide .doctor-slider__rail button::before {
  background: #111416;
}

.doctor-slider.is-dark-slide .doctor-slider__controls {
  color: #f3f5f4;
  background: rgba(17, 20, 22, .72) !important;
  border-color: rgba(255, 255, 255, .18);
}

.doctor-slider.is-dark-slide .doctor-slider__controls button {
  color: #f3f5f4;
  border-color: rgba(255, 255, 255, .24);
}

.doctor-slider__rail button::before {
  background: #d8dddc;
}

.doctor-slider__controls {
  position: absolute !important;
  backdrop-filter: blur(16px);
}

.evidence {
  position: relative;
  overflow: hidden;
  background: #cfd5d4 !important;
  color: var(--premium-ink);
}

.evidence::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .8), transparent 27%);
}

.evidence-head {
  position: relative;
  grid-template-columns: .38fr 1.2fr .52fr;
  align-items: end;
}

.evidence-head > p:last-child {
  max-width: 430px;
  line-height: 1.55;
}

.evidence-grid {
  position: relative;
  gap: 10px;
  border: 0;
}

.evidence-grid article {
  min-height: 340px;
  padding: 28px;
  border: 0;
  border-radius: 22px;
  background: rgba(238, 240, 239, .72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
  backdrop-filter: blur(10px);
}

.evidence-grid article:nth-child(2) {
  background: var(--premium-ink);
  color: #f4f5f4;
}

.evidence-grid h3 {
  margin-top: 100px;
  font-size: clamp(42px, 4vw, 64px);
}

.appointment {
  min-height: 88svh;
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at 88% 22%, rgba(141, 150, 152, .22), transparent 27%),
    linear-gradient(135deg, #1d2022, #0f1112 72%);
}

.appointment-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .72fr);
  align-items: end;
}

.appointment h2 {
  max-width: 960px;
  font-size: clamp(78px, 9vw, 148px);
  letter-spacing: -.035em;
}

.appointment-copy > p:not(.eyebrow) {
  margin-top: 34px;
}

.appointment-actions {
  display: grid;
  gap: 10px;
}

.appointment-primary,
.appointment-secondary a {
  position: relative;
  display: grid;
  color: var(--premium-ink);
  background: #f2f4f3;
}

.appointment-primary {
  min-height: 236px;
  grid-template-columns: 1fr auto;
  align-content: space-between;
  padding: 28px;
  border-radius: 24px;
}

.appointment-primary span {
  max-width: 360px;
  font: clamp(48px, 5vw, 76px)/.84 Bebas;
  text-transform: uppercase;
}

.appointment-primary b {
  font-size: 26px;
}

.appointment-primary small {
  grid-column: 1 / -1;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  line-height: 1.4;
  opacity: .58;
}

.appointment-secondary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.appointment-secondary a {
  min-height: 104px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  color: #f3f4f3;
  background: rgba(255, 255, 255, .06);
}

.appointment-secondary b {
  align-self: end;
  font-weight: 500;
}

.appointment-actions > p {
  margin: 7px 4px 0;
  font-size: 12px;
  line-height: 1.5;
  opacity: .58;
}

.appointment [aria-disabled="true"] {
  cursor: not-allowed;
}

.site-footer {
  background: #0a0b0c;
}

.footer-contact small {
  max-width: 320px;
  font-size: 11px;
  line-height: 1.45;
  opacity: .58;
}

@media (max-width: 1100px) and (min-width: 901px) {
  .doctor-slide__copy { width: 44vw; }
  .doctor-slide h3 { font-size: 8vw; }
  .doctor-slider__rail span { display: none; }
  .doctor-slider__rail { width: 58px; }
}

@media (max-width: 900px) {
  .container {
    width: min(100% - 28px, 760px);
  }

  .hero {
    min-height: 720px;
  }

  .hero-hand {
    display: none !important;
  }

  .hero-content {
    left: 17px;
    right: 17px;
    bottom: 82px;
    width: auto;
  }

  .hero h1 {
    max-width: 100%;
    font-size: 17.5vw;
  }

  .hero-copy {
    max-width: 320px;
    font-size: 12px;
  }

  .hero-scene__background,
  .hero-scene__doctor {
    width: 175% !important;
    left: -64% !important;
    top: 0 !important;
    height: 100% !important;
    object-position: 70% bottom !important;
  }

  .transition-arc {
    --transition-arch-height: 82px;
    --transition-arch-top: 12px;
    --transition-arch-rise: 44px;
    height: var(--transition-arch-height) !important;
    min-height: 82px !important;
  }

  .transition-arc::before {
    left: -8%;
    top: var(--transition-arch-top);
    width: 116%;
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto;
  }

  .transition-arc::after {
    left: -6%;
    top: 15px;
    width: 112%;
  }

  .manifesto {
    min-height: 0;
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
  }

  .services::before {
    background-size: 68px 68px, 68px 68px, 272px 272px, 272px 272px;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .88) 42%, rgba(0, 0, 0, .34) 76%, transparent 96%);
  }

  .services::after {
    top: 154px;
    right: -288px;
    width: 510px;
    box-shadow:
      0 0 0 46px rgba(21, 23, 25, .048),
      0 0 0 92px rgba(21, 23, 25, .024);
    opacity: .62;
  }

  .manifesto-grid,
  .section-heading,
  .doctors-intro__head,
  .evidence-head,
  .appointment-layout {
    grid-template-columns: 1fr;
  }

  .manifesto-statement h2 {
    font-size: 15.5vw;
    line-height: .92;
  }

  .clinical-map {
    margin-top: 24px;
    border-radius: 18px;
  }

  .section-heading h2,
  .doctors-intro h2,
  .evidence h2,
  .appointment h2 {
    font-size: 17vw;
  }

  .section-heading {
    gap: 20px;
  }

  .service-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .service-card,
  .service-card--implant,
  .service-card--ortho,
  .service-card--micro,
  .service-card--esthetic,
  .service-card--diagnostic {
    grid-column: auto;
    min-height: 410px;
    border-radius: 20px;
  }

  .service-card__name {
    right: 18px;
    bottom: 94px;
    font-size: 15vw;
  }

  .service-card small {
    left: 18px;
    right: 18px;
    bottom: 22px;
    max-width: 83%;
    font-size: 15px;
    line-height: 1.38;
  }

  .service-card--implant { --mobile-card-tone: rgba(112, 112, 112, .3); }
  .service-card--ortho { --mobile-card-tone: rgba(178, 178, 178, .34); }
  .service-card--micro { --mobile-card-tone: rgba(76, 76, 76, .3); }
  .service-card--esthetic { --mobile-card-tone: rgba(190, 190, 190, .33); }
  .service-card--diagnostic { --mobile-card-tone: rgba(138, 138, 138, .34); }

  .service-card--cinematic::after {
    background:
      radial-gradient(circle at 76% 20%, var(--mobile-card-tone), transparent 48%),
      linear-gradient(0deg, rgba(7, 10, 12, .94) 0%, rgba(7, 10, 12, .72) 24%, rgba(7, 10, 12, .16) 56%, transparent 78%);
  }

  .service-card--cinematic img,
  .service-card--implant img,
  .service-card--ortho img,
  .service-card--micro img,
  .service-card--esthetic img,
  .service-card--diagnostic img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    filter: none !important;
    transform: scale(1.02) !important;
  }

  .service-card--implant img { object-position: 61% center !important; }
  .service-card--ortho img { object-position: 66% center !important; }
  .service-card--micro img { object-position: 68% center !important; }
  .service-card--esthetic img { object-position: 65% center !important; }
  .service-card--diagnostic img { object-position: 66% center !important; }

  .journey-probe-foreground { display: none !important; }

  .journey {
    padding: 8px;
  }

  .journey-track {
    display: grid;
    width: auto;
    overflow: visible;
    padding: 0;
    gap: 8px;
    scroll-snap-type: none;
  }

  .journey-panel,
  .journey-panel:first-child {
    width: auto;
    min-height: 720px;
    height: 86svh;
    padding: 72px 22px 26px;
    border-radius: 20px;
  }

  .journey-panel--intro {
    min-height: 620px;
    height: 76svh;
  }

  .journey-panel__copy,
  .journey-panel--intro .journey-panel__copy {
    max-width: none;
  }

  .journey-panel h2,
  .journey-panel h3,
  .journey-panel--intro h2 {
    max-width: 100%;
    font-size: 18vw;
    line-height: .8;
  }

  .journey-panel--intro h2 {
    max-width: calc(100vw - 60px);
    font-size: clamp(46px, 12.4vw, 52px) !important;
    letter-spacing: -.045em;
  }

  .journey-panel h3 {
    font-size: 17vw;
  }

  .journey-panel > img {
    right: -12vw;
    bottom: 6%;
    width: 92vw;
    height: 49%;
  }

  .journey-panel__copy > p {
    font-size: 12px !important;
  }

  .journey-panel__copy > span,
  .journey-hint {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .journey-panel--team > img {
    right: -10vw !important;
    bottom: -8% !important;
    width: 104vw !important;
    height: 76% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    opacity: .95 !important;
    filter: grayscale(.08) contrast(1.06) drop-shadow(0 26px 30px rgba(0, 0, 0, .35)) !important;
    transform: translate3d(var(--intro-camera-shift, 0px), 0, 0) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .5) 18%, #000 42%, #000 100%) !important;
  }

  .journey-panel--team::before {
    background:
      radial-gradient(circle at 78% 28%, rgba(178, 178, 178, .2), transparent 38%),
      linear-gradient(145deg, #303030 0%, #1c1c1c 72%, #121212 100%) !important;
  }

  .journey-panel--control > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 64% center !important;
    opacity: .88 !important;
    filter: grayscale(.14) contrast(1.05) brightness(.78) !important;
    transform: scale(1.08) !important;
  }

  .journey-panel--control::before {
    background:
      radial-gradient(circle at 34% 28%, rgba(92, 72, 124, .34), transparent 48%),
      linear-gradient(180deg, rgba(14, 12, 20, .82) 0%, rgba(14, 12, 20, .24) 54%, rgba(14, 12, 20, .9) 100%);
  }

  .journey-panel > small {
    left: 22px;
    right: 22px;
    bottom: 24px;
    font-size: 12px !important;
    line-height: 1.4;
  }

  .doctors-intro {
    min-height: 100svh;
    padding: 100px 0 72px;
    background-size: auto, 46px 46px, 46px 46px, auto !important;
  }

  .doctors-intro__head::before {
    left: 0;
    top: -.55em;
    font-size: 31vw;
  }

  .doctors-intro__head > span {
    grid-column: auto;
  }

  .doctor-slider {
    height: max(760px, 100svh);
    min-height: 760px;
    margin: 0;
    border-radius: 0;
  }

  .doctor-slide__copy {
    left: 18px;
    right: 18px;
    top: 46px;
    width: auto;
  }

  .doctor-slide h3 {
    font-size: 19vw;
  }

  .doctor-slide h3::before {
    font-size: 28vw;
  }

  .doctor-slide__description {
    max-width: 82%;
    font-size: 12px;
    line-height: 1.4;
  }

  .doctor-slide dl {
    gap: 32px;
    margin-top: 18px;
  }

  .doctor-slide dt {
    font-size: 34px;
  }

  .doctor-slide__portrait--cutout {
    right: -60% !important;
    bottom: 0;
    width: 138%;
    height: 68%;
    object-fit: cover;
    object-position: 68% center;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .72) 9%, #000 25%, #000 100%);
  }

  .doctor-slide--dark::after {
    background:
      linear-gradient(180deg, #111416 0%, rgba(17, 20, 22, .96) 39%, rgba(17, 20, 22, .44) 60%, transparent 78%),
      linear-gradient(90deg, rgba(17, 20, 22, .84), transparent 82%);
  }

  .doctor-slide__portrait--wide {
    right: -28% !important;
    width: 145%;
    height: 76%;
    object-position: 61% center;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .72) 9%, #000 25%, #000 100%);
  }

  .doctor-slide__portrait--mockup {
    right: 0 !important;
    bottom: 0;
    width: 100%;
    height: 48%;
    object-position: 70% center;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .86) 18%, #000 36%, #000 100%);
  }

  .doctor-slide--awaiting::after {
    background: linear-gradient(180deg, #e9edec 0%, rgba(233, 237, 236, .98) 52%, transparent 68%);
  }

  .doctor-slide__pending {
    inset: 37% -22% 0 18%;
  }

  .doctor-slide__pending img {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .doctor-slider__rail {
    left: 18px;
    right: 18px;
    top: auto;
    bottom: 15px;
    width: auto;
    height: 46px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding-right: 150px;
  }

  .doctor-slider__rail::before,
  .doctor-slider__rail span,
  .doctor-slider__rail b {
    display: none;
  }

  .doctor-slider__rail button {
    display: grid;
    min-width: 38px;
    min-height: 38px;
    grid-template-columns: 1fr;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(21, 23, 25, .16);
    border-radius: 50%;
  }

  .doctor-slider__rail button > img {
    left: 0;
    width: 36px;
    height: 36px;
  }

  .doctor-slider__rail button::before {
    width: 8px;
    height: 8px;
  }

  .doctor-slider__rail button.is-active {
    transform: none;
    background: rgba(255, 255, 255, .54);
  }

  .doctor-slider__controls {
    right: 12px !important;
    bottom: 12px !important;
  }

  .evidence-head {
    gap: 22px;
    margin-bottom: 54px;
  }

  .evidence-grid {
    grid-template-columns: 1fr;
  }

  .evidence-grid article {
    min-height: 260px;
    border-radius: 18px;
  }

  .evidence-grid h3 {
    margin-top: 70px;
  }

  .appointment {
    min-height: 0;
    padding-bottom: 130px;
  }

  .appointment-layout {
    gap: 56px;
  }

  .appointment-actions {
    min-width: 0;
  }

  .appointment-primary {
    min-height: 210px;
    border-radius: 20px;
  }

  .appointment-primary span {
    font-size: 15vw;
  }

  .appointment-secondary {
    grid-template-columns: 1fr;
  }

  .footer-contact > a {
    font-size: 32px;
  }

  .footer-mega > span {
    display: block;
    max-width: 100%;
    font-size: clamp(64px, 18.5vw, 78px);
    line-height: .75;
    letter-spacing: -.025em;
    white-space: nowrap;
  }

  .footer-meta {
    gap: 12px;
    font-size: 10.5px;
    line-height: 1.45;
    opacity: .62;
  }

  .mobile-appointment {
    border-radius: 999px;
  }
}

/* M38: mobile team panel has one readable vertical rhythm, independent of older pass rules. */
@media (max-width: 900px) {
  .journey-panel--team .journey-panel__copy {
    margin-top: 158px !important;
    width: min(76%, 330px) !important;
  }
  .journey-panel--team .journey-panel__copy > h3 { margin-bottom: 0 !important; }
  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    margin: 24px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }
  .journey-panel--team > small {
    position: absolute !important;
    top: 574px !important;
    right: 24px !important;
    bottom: auto !important;
    left: 28px !important;
    width: auto !important;
    max-width: 300px !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
  }
}

/* The clinical screenshots are evidence, so desktop never crops their before/after edge. */
@media (min-width: 901px) {
  .result-case--full-pair .result-case__media { background: #050607 !important; }
  .result-case--full-pair .result-case__media > img { object-fit: contain !important; object-position: center !important; }
}

/* M40: stable portrait framing and editorial quote composition. */
.manifesto-aside {
  color: #eef1ef !important;
  border: 1px solid rgba(157, 171, 169, .48) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #2b3031 0%, #171b1c 100%) !important;
  box-shadow: 0 18px 42px rgba(20, 24, 24, .17), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
  backdrop-filter: none !important;
}

.manifesto-aside::before,
.manifesto-aside::after { display: none !important; content: none !important; }

.manifesto-aside > p {
  position: relative;
  margin: 0 !important;
  padding: 2px 34px 2px 20px !important;
  border-left: 3px solid #b6c1bf !important;
  color: #f2f4f2 !important;
  font-size: clamp(18px, 1.55vw, 26px) !important;
  line-height: 1.48 !important;
}

.manifesto-aside > p::after {
  content: "”";
  position: absolute;
  top: -14px;
  right: 4px;
  color: rgba(209, 220, 217, .64);
  font-family: Georgia, serif;
  font-size: 64px;
  line-height: 1;
}

.manifesto-aside > p > span { padding: 0 !important; color: inherit !important; background: none !important; }
.manifesto-aside dt { color: #f4f6f4 !important; }
.manifesto-aside dd { color: rgba(235, 240, 238, .66) !important; }
.manifesto-aside dl > div { border-top-color: rgba(220, 230, 227, .22) !important; }

@media (min-width: 901px) {
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    height: 96% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important;
  }
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__portrait { right: -1.5% !important; }
  .doctor-slide--ali .doctor-slide__portrait { right: -2.5% !important; height: 98% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { right: 0 !important; height: 92% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { right: -1% !important; height: 95% !important; }
}

@media (max-width: 900px) {
  .manifesto-aside {
    padding: 28px 24px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #2a3031 0%, #171b1c 100%) !important;
  }
  .manifesto-aside > p { padding: 1px 25px 1px 16px !important; font-size: 17px !important; line-height: 1.48 !important; }
  .manifesto-aside > p::after { top: -8px; right: 0; font-size: 50px; }
  .journey-panel--team .journey-panel__copy {
    align-self: flex-start !important;
    width: min(79%, 350px) !important;
    margin-top: 174px !important;
    padding: 0 !important;
    transform: none !important;
  }
  .journey-panel--team .journey-panel__copy > p { margin: 0 0 24px !important; transform: none !important; }
  .journey-panel--team .journey-panel__copy > h3 {
    margin: 0 !important;
    font-size: clamp(52px, 13vw, 63px) !important;
    line-height: .84 !important;
    transform: none !important;
  }
  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    margin: 24px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  .journey-panel--team > small {
    position: absolute !important;
    z-index: 4 !important;
    top: auto !important;
    right: 24px !important;
    bottom: 28px !important;
    left: 28px !important;
    width: auto !important;
    max-width: 340px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.34 !important;
    text-align: left !important;
    transform: none !important;
  }
  .doctors-intro__head > p:not(.eyebrow) { font-size: 17px !important; line-height: 1.44 !important; }
  .result-case--full-pair .result-case__copy > span { font-size: 17px !important; line-height: 1.45 !important; }
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 56% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right top !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important;
  }
  .doctor-slide--ali .doctor-slide__portrait { height: 60% !important; object-position: right top !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { height: 59% !important; object-position: right top !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { height: 58% !important; object-position: right top !important; }
}

/* M40: stable portrait framing and editorial quote composition.  These rules deliberately
   sit last: they replace the earlier experimental mobile offsets instead of adding to them. */
.manifesto-aside {
  color: #eef1ef !important;
  border: 1px solid rgba(157, 171, 169, .48) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #2b3031 0%, #171b1c 100%) !important;
  box-shadow: 0 18px 42px rgba(20, 24, 24, .17), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
  backdrop-filter: none !important;
}

.manifesto-aside::before,
.manifesto-aside::after {
  display: none !important;
  content: none !important;
}

.manifesto-aside > p {
  position: relative;
  margin: 0 !important;
  padding: 2px 34px 2px 20px !important;
  border-left: 3px solid #b6c1bf !important;
  color: #f2f4f2 !important;
  font-size: clamp(18px, 1.55vw, 26px) !important;
  line-height: 1.48 !important;
}

.manifesto-aside > p::after {
  content: "”";
  position: absolute;
  top: -14px;
  right: 4px;
  color: rgba(209, 220, 217, .64);
  font-family: Georgia, serif;
  font-size: 64px;
  line-height: 1;
}

.manifesto-aside > p > span {
  padding: 0 !important;
  color: inherit !important;
  background: none !important;
}

.manifesto-aside dt { color: #f4f6f4 !important; }
.manifesto-aside dd { color: rgba(235, 240, 238, .66) !important; }
.manifesto-aside dl > div { border-top-color: rgba(220, 230, 227, .22) !important; }

@media (min-width: 901px) {
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    height: 96% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__portrait { right: -1.5% !important; }
  .doctor-slide--ali .doctor-slide__portrait { right: -2.5% !important; height: 98% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { right: 0 !important; height: 92% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { right: -1% !important; height: 95% !important; }
}

@media (max-width: 900px) {
  .manifesto-aside {
    padding: 28px 24px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #2a3031 0%, #171b1c 100%) !important;
  }

  .manifesto-aside > p {
    padding: 1px 25px 1px 16px !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
  }

  .manifesto-aside > p::after { top: -8px; right: 0; font-size: 50px; }

  .journey-panel--team .journey-panel__copy {
    align-self: flex-start !important;
    width: min(79%, 350px) !important;
    margin-top: 174px !important;
    padding: 0 !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > p {
    margin: 0 0 24px !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > h3 {
    margin: 0 !important;
    font-size: clamp(52px, 13vw, 63px) !important;
    line-height: .84 !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    margin: 24px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .journey-panel--team > small {
    position: absolute !important;
    z-index: 4 !important;
    top: auto !important;
    right: 24px !important;
    bottom: 28px !important;
    left: 28px !important;
    width: auto !important;
    max-width: 340px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.34 !important;
    text-align: left !important;
    transform: none !important;
  }

  .doctors-intro__head > p:not(.eyebrow) {
    font-size: 17px !important;
    line-height: 1.44 !important;
  }

  .result-case--full-pair .result-case__copy > span {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 56% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right top !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important;
  }

  .doctor-slide--ali .doctor-slide__portrait { height: 60% !important; object-position: right top !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { height: 59% !important; object-position: right top !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { height: 58% !important; object-position: right top !important; }
}

/* Mobile doctors are one poster: portrait first, copy below, no face overlap. */
@media (max-width: 900px) {
  .doctor-slider {
    height: 100svh;
    min-height: 0;
  }

  .doctor-slide::before {
    position: absolute;
    z-index: 2;
    top: 76px;
    left: 18px;
    white-space: nowrap;
    color: rgba(21, 23, 25, .12);
    font: 30vw/.75 Bebas;
    letter-spacing: -.055em;
    pointer-events: none;
  }

  .doctor-slide:nth-child(2)::before { content: "ГЕЗУЕВ"; }
  .doctor-slide:nth-child(3)::before { content: "ГЕЗУЕВ"; }
  .doctor-slide:nth-child(4)::before { content: "ГАБАТАЕВ"; }
  .doctor-slide:nth-child(5)::before { content: "ВЕРИГОВ"; }
  .doctor-slide:nth-child(6)::before { content: "ШЕПТУКАЕВ"; }

  .doctor-slide--dark::before {
    color: rgba(255, 255, 255, .11);
  }

  .doctor-slide h3::before {
    display: none;
  }

  .doctor-slide__index {
    position: absolute !important;
    top: 92px;
    right: 18px;
    font-size: 27vw;
    opacity: .11;
  }

  .doctor-slide__copy {
    position: absolute !important;
    z-index: 7 !important;
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 82px;
    width: auto;
  }

  .doctor-slide__copy > p {
    margin-bottom: 12px;
    font-size: 9px;
  }

  .doctor-slide h3 {
    font-size: 15.5vw;
    line-height: .76;
  }

  .doctor-slide__description {
    max-width: 100%;
    margin-top: 13px;
    font-size: 11px;
    line-height: 1.35;
  }

  .doctor-slide dl {
    gap: 34px;
    margin-top: 14px;
  }

  .doctor-slide dt {
    font-size: 34px;
  }

  .doctor-slide__verify {
    margin-top: 7px;
    font-size: 7px;
  }

  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--wide {
    position: absolute !important;
    z-index: 4;
    top: 0;
    right: 0 !important;
    bottom: auto;
    width: 100%;
    height: 58%;
    object-fit: cover;
    mask-image: linear-gradient(180deg, #000 0%, #000 78%, rgba(0, 0, 0, .72) 88%, transparent 100%);
  }

  .doctor-slide__portrait--cutout {
    object-position: 68% 30%;
  }

  .doctor-slide__portrait--wide {
    object-position: 61% 28%;
    filter: grayscale(.08) contrast(1.04) brightness(1.14);
  }

  .doctor-slide--dark::after {
    z-index: 5;
    background: linear-gradient(180deg, transparent 0%, transparent 38%, rgba(17, 20, 22, .15) 48%, #111416 61%, #111416 100%);
  }

  .doctor-slide__xray {
    right: -30%;
    top: 1%;
    width: 90%;
    height: 56%;
    opacity: .12;
  }

  .doctor-slider__rail {
    bottom: 16px;
  }

  .doctor-slider__controls {
    right: 12px !important;
    bottom: 12px !important;
  }
}

@media (max-width: 900px) and (max-height: 760px) {
  .doctor-slide__copy {
    bottom: 66px;
  }

  .doctor-slide__copy > p {
    margin-bottom: 8px;
    font-size: 8px;
  }

  .doctor-slide h3 {
    font-size: 14.2vw;
  }

  .doctor-slide__description {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.28;
  }

  .doctor-slide dl {
    gap: 28px;
    margin-top: 9px;
  }

  .doctor-slide dt {
    font-size: 30px;
  }

  .doctor-slide dd {
    font-size: 8px;
  }

  .doctor-slide__verify {
    margin-top: 4px;
    font-size: 6px;
  }

  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--wide {
    height: 54%;
  }

  .doctor-slider__controls {
    bottom: 8px !important;
  }

  .doctor-slider__rail {
    bottom: 10px;
  }
}

@media (max-width: 900px) and (max-height: 660px) {
  .doctor-slide__copy {
    bottom: 60px;
  }

  .doctor-slide__description {
    max-width: 96%;
  }

  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--wide {
    height: 51%;
  }

  .doctor-slide__portrait--wide {
    top: 54px;
    height: calc(51% - 54px);
  }

  .doctor-slide__verify {
    display: none;
  }
}

/* Clinical scan field: separate diagnostic layers, never a flat film overlay. */
[data-section-snap] {
  scroll-margin-top: 0;
}

.doctors-intro {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 77% 56%, transparent 0 25%, rgba(21, 23, 25, .056) 25.15% 25.35%, transparent 25.55% 35%, rgba(21, 23, 25, .043) 35.15% 35.35%, transparent 35.55%),
    linear-gradient(rgba(21, 23, 25, .043) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .043) 1px, transparent 1px),
    linear-gradient(116deg, #edf0ef 0%, #e5e9e8 58%, #d7dcdb 100%) !important;
  background-size: auto, 68px 68px, 68px 68px, auto !important;
}

.doctors-intro::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    repeating-radial-gradient(ellipse at 77% 58%, transparent 0 52px, rgba(21, 23, 25, .027) 53px 54px, transparent 55px 86px),
    repeating-linear-gradient(164deg, transparent 0 80px, rgba(21, 23, 25, .024) 81px 82px, transparent 83px 142px);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .3) 34%, #000 62%, rgba(0, 0, 0, .48) 100%);
}

.doctors-intro__scan {
  position: absolute;
  z-index: 0;
  top: 12%;
  right: 5vw;
  width: min(36vw, 590px);
  height: 72%;
  display: grid;
  place-items: center;
  pointer-events: none;
  transform: translate3d(0, var(--scan-drift, 0px), 0) rotate(var(--scan-rotate, 0deg));
  will-change: transform;
}

.doctors-intro__scan::before,
.doctors-intro__scan::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(21, 23, 25, .1);
  border-radius: 50%;
}

.doctors-intro__scan::before { inset: 8%; }
.doctors-intro__scan::after { inset: 20%; }

.doctors-intro__scan img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  opacity: .17;
  filter: grayscale(1) contrast(1.22) brightness(.72);
  mix-blend-mode: multiply;
}

.doctors-intro__scan span {
  position: absolute;
  right: 0;
  bottom: 4%;
  padding-top: 9px;
  border-top: 1px solid rgba(21, 23, 25, .16);
  color: rgba(21, 23, 25, .52);
  font-family: Geist, Arial, sans-serif;
  font-size: 8px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.doctor-slider::before {
  background:
    radial-gradient(circle at 69% 31%, rgba(255, 255, 255, .72), transparent 28%),
    radial-gradient(circle at 7% 92%, rgba(54, 65, 67, .09), transparent 34%),
    linear-gradient(118deg, #eef1f0 0%, #dde3e2 57%, #bdc7c6 100%) !important;
}

.doctor-slider__ambient {
  z-index: 0;
  opacity: .72;
  background:
    linear-gradient(rgba(21, 23, 25, .041) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .041) 1px, transparent 1px),
    repeating-linear-gradient(165deg, transparent 0 96px, rgba(21, 23, 25, .026) 97px 98px, transparent 99px 158px);
  background-size: 64px 64px, 64px 64px, auto;
  transform: translate3d(0, var(--ambient-y, 0px), 0);
  will-change: transform;
}

.doctor-slide__field {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  color: rgba(21, 23, 25, .22);
  pointer-events: none;
}

.doctor-slide__field svg {
  position: absolute;
  left: 28%;
  top: 9%;
  width: 78%;
  height: 82%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.15;
  vector-effect: non-scaling-stroke;
  opacity: .46;
  transform: translate3d(0, var(--field-y, 0px), 0);
  will-change: transform;
}

.doctor-slide__field svg path:nth-child(2) { opacity: .56; }
.doctor-slide__field svg circle { opacity: .42; }

.doctor-slide__field span {
  position: absolute;
  z-index: 2;
  left: 52%;
  bottom: 5%;
  padding-top: 9px;
  border-top: 1px solid currentColor;
  font-family: Geist, Arial, sans-serif;
  font-size: 8px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.doctor-slide--dark .doctor-slide__field {
  color: rgba(255, 255, 255, .2);
  background:
    linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px),
    radial-gradient(circle at 81% 31%, rgba(255, 255, 255, .055), transparent 34%);
  background-size: 64px 64px, 64px 64px, auto;
}

.doctor-slide__xray {
  pointer-events: none;
  transform: translate3d(0, var(--xray-y, 0px), 0);
  will-change: transform;
}

.doctor-slide__xray--panoramic {
  z-index: 1;
  top: 16%;
  right: -2%;
  width: 48%;
  height: 56%;
  opacity: .14;
  filter: invert(1) grayscale(1) contrast(2.15) brightness(1.5);
  mix-blend-mode: multiply;
  mask-image: radial-gradient(ellipse at 58% 50%, #000 28%, rgba(0, 0, 0, .7) 56%, transparent 78%);
}

.doctor-slide__xray--cephalometric {
  z-index: 1;
  top: 5%;
  right: 1%;
  width: 31%;
  height: 78%;
  opacity: .16;
  filter: grayscale(1) contrast(1.18) brightness(1.08);
  mix-blend-mode: screen;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .55) 20%, #000 46%, #000 100%);
}

@media (max-width: 900px) {
  .journey-panel:nth-child(even):not(.journey-panel--team):not(.journey-panel--scan)::before {
    background:
      radial-gradient(circle at 72% 22%, rgba(255, 255, 255, .84), transparent 31%),
      linear-gradient(145deg, #e3e7e6 0%, #cdd4d3 66%, #adb8b9 100%) !important;
  }

  .doctors-intro {
    background-size: auto, 44px 44px, 44px 44px, auto !important;
  }

  .doctors-intro__scan {
    top: 13%;
    right: -30vw;
    width: 92vw;
    height: 55%;
    opacity: .82;
  }

  .doctors-intro__scan img {
    width: 74%;
    height: 74%;
    opacity: .16;
  }

  .doctors-intro__scan span {
    display: none;
  }

  .doctor-slider__ambient {
    background-size: 42px 42px, 42px 42px, auto;
    opacity: .62;
  }

  .doctor-slide__field svg {
    left: -8%;
    top: 7%;
    width: 126%;
    height: 86%;
    opacity: .33;
  }

  .doctor-slide__field span {
    left: 20px;
    bottom: 94px;
    max-width: 180px;
    font-size: 6px;
    opacity: .68;
  }

  .doctor-slide__xray--panoramic {
    top: 7%;
    right: -35%;
    width: 104%;
    height: 38%;
    opacity: .105;
  }

  .doctor-slide__xray--cephalometric {
    top: 1%;
    right: -30%;
    width: 82%;
    height: 51%;
    opacity: .115;
  }

  .doctor-slide--dark .doctor-slide__field {
    background-size: 42px 42px, 42px 42px, auto;
  }
}

@media (max-width: 390px) {
  .hero h1 { font-size: 17vw; }
  .hero-copy br { display: none; }
  .doctor-slide h3 { font-size: 15vw; }
  .doctor-slider__rail { gap: 5px; }
  .doctor-slider__rail button { min-width: 34px; min-height: 34px; }
  .doctor-slider__controls button { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-cta,
  .service-card,
  .service-card img {
    transition: none !important;
  }
}

/* Pass 20 readability: support copy must remain legible on real phones. */
.clinical-map small {
  font-size: 12px;
}

.doctor-slide__copy > p {
  font-size: 12px;
}

.doctor-slide__description {
  font-size: 15px;
  line-height: 1.5;
}

.doctor-slide dd {
  font-size: 11px;
}

.doctor-slide__verify {
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .doctor-slide__copy > p {
    font-size: 11.5px;
    line-height: 1.35;
  }

  .doctor-slide__description {
    font-size: 14.5px;
    line-height: 1.42;
  }

  .doctor-slide dd {
    font-size: 11px;
    line-height: 1.3;
  }

  .doctor-slide__verify {
    font-size: 9px;
    line-height: 1.35;
  }

  .doctor-slide__field span {
    font-size: 8px;
  }
}

@media (max-width: 900px) and (max-height: 760px) {
  .doctor-slide__copy > p {
    font-size: 10.5px;
  }

  .doctor-slide__description {
    font-size: 13px;
    line-height: 1.34;
  }

  .doctor-slide dd {
    font-size: 10px;
  }

  .doctor-slide__verify {
    font-size: 8px;
  }
}

/* Doctor change: reveal without overriding the GSAP parallax transform. */
.doctor-slide--enter .doctor-slide__portrait {
  animation: doctorPortraitReveal .92s var(--ease) both;
}

@keyframes doctorPortraitReveal {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 12%);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

@media (max-width: 900px) {
  .site-header.is-doctor-chapter,
  .site-header.is-doctor-chapter:focus-within {
    transform: translate3d(0, calc(-100% - 20px), 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .doctor-slide__xray--panoramic {
    z-index: 6;
    top: auto;
    right: -7%;
    bottom: 70px;
    width: 57%;
    height: 38%;
    opacity: .15;
    mask-image: radial-gradient(ellipse at 58% 50%, #000 22%, rgba(0, 0, 0, .78) 52%, transparent 78%);
  }

  .doctor-slide__xray--cephalometric {
    z-index: 6;
    top: auto;
    right: -6%;
    bottom: 62px;
    width: 55%;
    height: 42%;
    opacity: .2;
    mask-image: radial-gradient(ellipse at 60% 48%, #000 24%, rgba(0, 0, 0, .76) 56%, transparent 82%);
  }

  .doctor-slide__field::before,
  .doctor-slide__field::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field {
    background:
      linear-gradient(90deg, transparent 0 49.7%, rgba(21, 23, 25, .055) 49.8% 50%, transparent 50.1%),
      linear-gradient(transparent 0 49.7%, rgba(21, 23, 25, .05) 49.8% 50%, transparent 50.1%);
    background-size: 112px 112px;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field::before {
    inset: 36% -24% 4% 32%;
    background:
      repeating-linear-gradient(145deg, transparent 0 34px, rgba(21, 23, 25, .07) 35px 36px, transparent 37px 74px),
      repeating-linear-gradient(35deg, transparent 0 70px, rgba(21, 23, 25, .035) 71px 72px, transparent 73px 118px);
    mask-image: radial-gradient(ellipse at 62% 54%, #000 0 38%, rgba(0, 0, 0, .58) 62%, transparent 84%);
    transform: rotate(-4deg);
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field::after {
    right: -16%;
    bottom: 10%;
    width: 74%;
    aspect-ratio: 1;
    border: 1px solid rgba(21, 23, 25, .09);
    border-radius: 50%;
    box-shadow:
      0 0 0 48px rgba(21, 23, 25, .025),
      0 0 0 104px rgba(21, 23, 25, .018);
  }

  .doctor-slide--dark .doctor-slide__field {
    background:
      linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
      repeating-linear-gradient(154deg, transparent 0 42px, rgba(255, 255, 255, .035) 43px 44px, transparent 45px 88px),
      radial-gradient(circle at 78% 62%, rgba(255, 255, 255, .065), transparent 34%);
    background-size: 46px 46px, 46px 46px, auto, auto;
  }

  .doctor-slide--dark .doctor-slide__field::before {
    inset: 42% -18% 3% 26%;
    background:
      repeating-linear-gradient(132deg, transparent 0 18px, rgba(255, 255, 255, .075) 19px 20px, transparent 21px 58px);
    mask-image: linear-gradient(115deg, transparent 0%, #000 34%, rgba(0, 0, 0, .84) 72%, transparent 100%);
    transform: rotate(3deg);
  }

  .doctor-slide--dark .doctor-slide__field::after {
    right: 12%;
    bottom: 14%;
    width: 1px;
    height: 36%;
    background: linear-gradient(transparent, rgba(255, 255, 255, .2), transparent);
    box-shadow: 34px 0 rgba(255, 255, 255, .06), -78px 0 rgba(255, 255, 255, .045);
  }
}

@media (max-width: 900px) {
  .doctor-slider:not(.is-dark-slide) .doctor-slider__ambient {
    opacity: .64;
    background:
      linear-gradient(rgba(21, 23, 25, .044) 1px, transparent 1px),
      linear-gradient(90deg, rgba(21, 23, 25, .044) 1px, transparent 1px),
      repeating-linear-gradient(151deg, transparent 0 72px, rgba(21, 23, 25, .028) 73px 74px, transparent 75px 132px),
      radial-gradient(circle at 73% 24%, rgba(255, 255, 255, .9), transparent 32%);
    background-size: 42px 42px, 42px 42px, auto, auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field {
    background: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field svg {
    opacity: .3;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field::before {
    top: 2%;
    right: -18%;
    bottom: auto;
    left: -6%;
    height: 48%;
    background:
      linear-gradient(90deg, transparent 0 49.65%, rgba(21, 23, 25, .052) 49.75% 50%, transparent 50.1%),
      linear-gradient(transparent 0 49.65%, rgba(21, 23, 25, .048) 49.75% 50%, transparent 50.1%),
      repeating-linear-gradient(145deg, transparent 0 38px, rgba(21, 23, 25, .058) 39px 40px, transparent 41px 82px),
      repeating-linear-gradient(35deg, transparent 0 82px, rgba(21, 23, 25, .03) 83px 84px, transparent 85px 134px);
    background-size: 84px 84px, 84px 84px, auto, auto;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, .5), #000 34%, #000 74%, transparent 100%);
    transform: rotate(-3deg);
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__field::after {
    content: none;
    display: none;
  }

  .doctor-slide:not(.doctor-slide--dark)::after {
    content: none;
    display: none;
  }

  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__xray--panoramic {
    display: none;
  }
}

/* Existing technical backgrounds — normalized so the grid is visibly present. */
.transition-arc::before {
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(180deg, #d5dada 0%, var(--premium-fog) 24%, var(--premium-fog) 100%);
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto;
}

.manifesto {
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
}

.services::before {
  display: none !important;
}

.services {
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-paper) !important;
  background-size: 96px 96px, 96px 96px, 384px 384px, 384px 384px, auto !important;
}

.doctors-intro {
  background:
    radial-gradient(ellipse at 77% 56%, transparent 0 25%, rgba(21, 23, 25, .075) 25.15% 25.35%, transparent 25.55% 35%, rgba(21, 23, 25, .055) 35.15% 35.35%, transparent 35.55%),
    linear-gradient(rgba(21, 23, 25, .082) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .082) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .042) 1px, transparent 1px),
    linear-gradient(116deg, #edf0ef 0%, #e5e9e8 58%, #d7dcdb 100%) !important;
  background-size: auto, 68px 68px, 68px 68px, 272px 272px, 272px 272px, auto !important;
}

.doctors-intro::before {
  background:
    repeating-radial-gradient(ellipse at 77% 58%, transparent 0 52px, rgba(21, 23, 25, .044) 53px 54px, transparent 55px 86px),
    repeating-linear-gradient(164deg, transparent 0 80px, rgba(21, 23, 25, .038) 81px 82px, transparent 83px 142px);
}

.doctor-slider__ambient {
  opacity: .84;
  background:
    linear-gradient(rgba(21, 23, 25, .068) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .068) 1px, transparent 1px),
    repeating-linear-gradient(165deg, transparent 0 96px, rgba(21, 23, 25, .038) 97px 98px, transparent 99px 158px);
  background-size: 64px 64px, 64px 64px, auto;
}

.doctor-slide--dark .doctor-slide__field {
  background:
    linear-gradient(rgba(255, 255, 255, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .065) 1px, transparent 1px),
    repeating-linear-gradient(154deg, transparent 0 42px, rgba(255, 255, 255, .043) 43px 44px, transparent 45px 88px),
    radial-gradient(circle at 78% 62%, rgba(255, 255, 255, .07), transparent 34%);
  background-size: 64px 64px, 64px 64px, auto, auto;
}

@media (max-width: 900px) {
  .transition-arc::before {
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto;
  }

  .manifesto {
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
  }

  .services::before {
    background-size: 68px 68px, 68px 68px, 272px 272px, 272px 272px !important;
  }

  .services {
    background-size: 68px 68px, 68px 68px, 272px 272px, 272px 272px, auto !important;
  }

  .doctor-slider:not(.is-dark-slide) .doctor-slider__ambient {
    opacity: .8;
    background:
      linear-gradient(rgba(21, 23, 25, .07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(21, 23, 25, .07) 1px, transparent 1px),
      repeating-linear-gradient(151deg, transparent 0 72px, rgba(21, 23, 25, .04) 73px 74px, transparent 75px 132px),
      radial-gradient(circle at 73% 24%, rgba(255, 255, 255, .9), transparent 32%);
    background-size: 42px 42px, 42px 42px, auto, auto;
  }

  .doctors-intro {
    background-size: auto, 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
  }

  .doctor-slide--dark .doctor-slide__field {
    background-size: 46px 46px, 46px 46px, auto, auto;
  }
}

/* Method and services are one continuous diagnostic field. */
.manifesto,
.services {
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
}

.manifesto::before,
.manifesto::after {
  display: none !important;
}

/* Five graphite materials, with layered pointer depth on precise pointers. */
.service-card,
.service-card--implant,
.service-card--ortho,
.service-card--micro,
.service-card--esthetic,
.service-card--diagnostic {
  --reveal-y: 0px;
  --hover-lift: 0px;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --card-x: 0px;
  --card-y: 0px;
  --copy-x: 0px;
  --copy-y: 0px;
  --word-x: 0px;
  --word-y: 0px;
  --marker-x: 0px;
  --marker-y: 0px;
  --marker-rotate: 0deg;
  --mx: 68%;
  --my: 24%;
  --service-tone: 88, 94, 98;
  --service-tone-alpha: .36;
  --service-field-alpha: .42;
  --service-field-tail: .14;
  --service-shadow-alpha: .72;
  --service-image-opacity: .92;
  --service-image-brightness: .92;
  transform:
    translate3d(0, calc(var(--reveal-y) + var(--hover-lift)), 0)
    perspective(1100px)
    rotateX(var(--tilt-x))
    rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transform-origin: center;
  transition:
    transform .46s cubic-bezier(.22, .8, .22, 1),
    box-shadow .46s cubic-bezier(.22, .8, .22, 1);
  will-change: transform;
}

.service-card--implant {
  --service-tone: 72, 80, 84;
  --service-tone-alpha: .34;
  --service-field-alpha: .42;
  --service-field-tail: .16;
  --service-shadow-alpha: .72;
  --service-image-opacity: .94;
  --service-image-brightness: .9;
  background-color: #242a2d !important;
}

.service-card--implant.service-card--cinematic img {
  object-position: 84% center !important;
  transform: translate3d(var(--card-x), var(--card-y), 34px) scale(1.005);
}

.service-card--ortho {
  --service-tone: 168, 173, 176;
  --service-tone-alpha: .5;
  --service-field-alpha: .68;
  --service-field-tail: .3;
  --service-shadow-alpha: .48;
  --service-image-opacity: .86;
  --service-image-brightness: 1.08;
  background-color: #62696c !important;
}

.service-card--micro {
  --service-tone: 38, 43, 46;
  --service-tone-alpha: .26;
  --service-field-alpha: .2;
  --service-field-tail: .08;
  --service-shadow-alpha: .9;
  --service-image-opacity: .91;
  --service-image-brightness: .78;
  background-color: #0e1113 !important;
}

.service-card--esthetic {
  --service-tone: 118, 119, 118;
  --service-tone-alpha: .44;
  --service-field-alpha: .58;
  --service-field-tail: .24;
  --service-shadow-alpha: .56;
  --service-image-opacity: .88;
  --service-image-brightness: 1;
  background-color: #4c5051 !important;
}

.service-card--diagnostic {
  --service-tone: 86, 98, 103;
  --service-tone-alpha: .42;
  --service-field-alpha: .52;
  --service-field-tail: .2;
  --service-shadow-alpha: .64;
  --service-image-opacity: .89;
  --service-image-brightness: .9;
  background-color: #2b3438 !important;
}

.service-card--cinematic::after {
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(var(--service-tone), var(--service-tone-alpha)) 0%, transparent 31%),
    linear-gradient(118deg, rgba(var(--service-tone), var(--service-field-alpha)) 0%, rgba(var(--service-tone), var(--service-field-tail)) 58%, transparent 88%),
    linear-gradient(90deg, rgba(7, 9, 10, var(--service-shadow-alpha)) 0%, rgba(7, 9, 10, .38) 42%, rgba(7, 9, 10, .05) 78%),
    linear-gradient(0deg, rgba(5, 6, 7, .94) 0%, rgba(5, 6, 7, .34) 34%, transparent 58%);
  transition: background .2s linear, opacity .42s ease;
}

.service-card--cinematic img {
  opacity: var(--service-image-opacity) !important;
  filter: grayscale(1) contrast(1.06) brightness(var(--service-image-brightness)) !important;
  transform: translate3d(var(--card-x), var(--card-y), 34px) scale(1.035);
  transition: transform .48s cubic-bezier(.22, .8, .22, 1), filter .48s ease, opacity .48s ease;
  will-change: transform;
}

.service-card--cinematic:hover,
.service-card--cinematic.is-pointer-active {
  --hover-lift: -8px;
  transform:
    translate3d(0, calc(var(--reveal-y) + var(--hover-lift)), 0)
    perspective(1100px)
    rotateX(var(--tilt-x))
    rotateY(var(--tilt-y));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .3),
    0 34px 86px rgba(21, 23, 25, .28);
}

.service-card--cinematic:hover img,
.service-card--cinematic.is-pointer-active img {
  transform: translate3d(var(--card-x), var(--card-y), 34px) scale(1.09);
}

.service-card__name,
.service-card small,
.service-card__number {
  transform: translate3d(var(--copy-x), var(--copy-y), 28px);
  transition: transform .48s cubic-bezier(.22, .8, .22, 1);
  will-change: transform;
}

.service-card::before {
  transform: translate3d(var(--word-x), var(--word-y), 12px);
  transition: transform .56s cubic-bezier(.22, .8, .22, 1), opacity .38s ease;
  will-change: transform;
}

.service-card:hover::before,
.service-card.is-pointer-active::before {
  opacity: .105;
}

.service-card b {
  transform: translate3d(var(--marker-x), var(--marker-y), 36px) rotate(var(--marker-rotate));
  transition: transform .48s cubic-bezier(.22, .8, .22, 1), background .3s ease, color .3s ease;
  will-change: transform;
}

.service-card:hover b,
.service-card.is-pointer-active b {
  color: #17191b;
  background: rgba(246, 248, 247, .92);
}

@media (max-width: 900px) {
  .manifesto,
  .services {
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
  }
}

@media (max-width: 900px) {
  .service-card--implant.service-card--cinematic img {
    object-position: 88% center !important;
    transform: translate3d(var(--card-x), var(--card-y), 34px) scale(1.01);
  }
}

.service-card--implant.service-card--cinematic:hover img,
.service-card--implant.service-card--cinematic.is-pointer-active img {
  transform: translate3d(var(--card-x), var(--card-y), 34px) scale(1.055);
}

@media (hover: none), (pointer: coarse) {
  .service-card,
  .service-card--cinematic:hover,
  .service-card--cinematic.is-pointer-active {
    --hover-lift: 0px;
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    transform: translate3d(0, var(--reveal-y), 0);
  }

  .service-card--cinematic img,
  .service-card--cinematic:hover img,
  .service-card--cinematic.is-pointer-active img {
    transform: scale(1.025) !important;
  }
}

/* Pass 21: object-led clinical route and real desktop scroll inertia. */
html.has-desktop-inertia {
  scroll-behavior: auto;
}

.scroll-drift-layer {
  transform: translate3d(0, var(--section-drift, 0px), 0);
  will-change: auto;
}

.scroll-drift-layer.is-motion-active {
  will-change: transform;
}

.journey-panel--scan,
.journey-panel--plan,
.journey-panel--team {
  color: #f4f6f5 !important;
  isolation: isolate;
}

.journey-panel--scan {
  background: linear-gradient(135deg, #363b3d 0%, #202426 58%, #111315 100%) !important;
}

.journey-panel--plan {
  background: linear-gradient(135deg, #25292b 0%, #141719 62%, #090b0c 100%) !important;
}

.journey-panel--team {
  background: linear-gradient(135deg, #303334 0%, #202324 58%, #121415 100%) !important;
}

.journey-panel--scan > img,
.journey-panel--plan > img,
.journey-panel--team > img {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .88 !important;
  filter: grayscale(.08) contrast(1.04) brightness(.92) !important;
  mask-image: none !important;
  mix-blend-mode: screen !important;
  transform: translate3d(var(--image-shift, 0), var(--image-y, 0), 0) rotate(var(--image-rotate, 0deg)) scale(1.07) !important;
}

.journey-panel--scan::before,
.journey-panel--plan::before,
.journey-panel--team::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 38%, rgba(206, 211, 210, .08), transparent 38%),
    linear-gradient(90deg, rgba(10, 12, 13, .97) 0%, rgba(14, 16, 17, .86) 34%, rgba(14, 16, 17, .24) 58%, transparent 82%),
    linear-gradient(0deg, rgba(8, 10, 11, .58), transparent 46%);
}

.journey-panel--scan::after,
.journey-panel--plan::after,
.journey-panel--team::after {
  content: none !important;
}

@media (max-width: 900px) {
  .scroll-drift-layer {
    transform: none !important;
    will-change: auto;
  }

  .journey-panel--scan > img,
  .journey-panel--plan > img,
  .journey-panel--team > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 68% center !important;
    opacity: .8 !important;
    transform: scale(1.08) !important;
  }

  .journey-panel--scan::before,
  .journey-panel--plan::before,
  .journey-panel--team::before {
    background:
      linear-gradient(180deg, rgba(10, 12, 13, .9) 0%, rgba(10, 12, 13, .3) 43%, rgba(10, 12, 13, .9) 100%),
      linear-gradient(90deg, rgba(10, 12, 13, .78), transparent 88%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-drift-layer {
    transform: none !important;
    will-change: auto;
  }
}

@media (min-width: 901px) {
  .journey-panel > img,
  .journey-panel::after,
  .journey-title-line > span,
  .journey-panel--plan .treatment-route-art,
  .journey-panel--plan > .journey-probe-foreground {
    will-change: auto !important;
  }

  .journey-panel--plan > .journey-probe-foreground {
    display: block !important;
    inset: auto -8vw -8% auto !important;
    width: 48vw !important;
    height: 42% !important;
    object-fit: cover !important;
    object-position: 78% center !important;
    opacity: .26 !important;
    filter: grayscale(1) contrast(1.24) blur(1.1px) !important;
    mix-blend-mode: screen !important;
    mask-image: radial-gradient(ellipse at 68% 50%, #000 0 34%, rgba(0, 0, 0, .72) 52%, transparent 78%) !important;
    transform: translate3d(var(--image-shift, 0px), var(--image-y, 0px), 0) rotate(calc(-7deg + var(--image-rotate, 0deg))) scale(1.04) !important;
  }

  .journey-panel--plan .treatment-route-art {
    transform: translate3d(var(--route-shift, 0px), var(--route-y, 0px), 0);
  }
}

/* M13 corrective mobile pass: retain the original cinematic treatment. */
@media (max-width: 900px) {
  .journey-panel--plan .treatment-route-art {
    top: 8% !important;
    right: -24% !important;
    bottom: auto !important;
    width: 124% !important;
    height: 42% !important;
  }

  .journey-panel--team > img {
    object-position: 43% 50% !important;
  }

  .journey-panel--team .journey-panel__copy {
    padding-bottom: 32px !important;
  }

  .doctors-intro__head::before { content: none !important; }

  .doctors-intro__team img {
    filter: grayscale(.12) contrast(1.04) brightness(.82) !important;
  }
}

/* Pass 22: one dark spatial canvas with reference-style inner parallax. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey {
    padding: 0 !important;
    background: #050607 !important;
    overflow: visible !important;
  }

  .journey-sticky {
    position: sticky !important;
    top: 0 !important;
    height: 100svh;
    border-radius: 0 !important;
    background: #050607;
    transform: none !important;
    will-change: auto !important;
  }

  .journey-track {
    gap: 0 !important;
    padding-right: 0 !important;
    will-change: auto !important;
  }

  .journey-panel,
  .journey-panel:nth-child(odd),
  .journey-panel--intro,
  .journey-panel--scan,
  .journey-panel--plan,
  .journey-panel--team,
  .journey-panel--control {
    height: 100svh;
    overflow: visible;
    padding: 12vh 5vw 6vh !important;
    border-radius: 0 !important;
    color: #f4f5f3 !important;
    background: transparent !important;
    box-shadow: none !important;
    isolation: auto;
  }

  .journey-panel--intro { flex-basis: 168vw !important; }
  .journey-panel--scan { flex-basis: 82vw !important; }
  .journey-panel--plan { flex-basis: 86vw !important; }
  .journey-panel--team { flex-basis: 82vw !important; }
  .journey-panel--control { flex-basis: 96vw !important; }

  .journey-panel::before,
  .journey-panel::after {
    content: none !important;
  }

  .journey-panel__copy {
    position: relative;
    z-index: 4;
    max-width: 43vw !important;
    transform: translate3d(var(--copy-shift, 0px), 0, 0);
  }

  .journey-panel--intro .journey-panel__copy {
    max-width: 76vw !important;
  }

  .journey-panel h2,
  .journey-panel h3 {
    font-size: clamp(82px, 8.2vw, 150px) !important;
    line-height: .78 !important;
  }

  .journey-panel--scan > img,
  .journey-panel--team > img,
  .journey-panel--control > img {
    position: absolute !important;
    z-index: 1 !important;
    inset: auto !important;
    right: 2vw !important;
    top: 7vh !important;
    width: 50vw !important;
    height: 80vh !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: .92 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    mask-image: none !important;
    transform: translate3d(var(--image-shift, 0px), 0, 0) !important;
  }

  .journey-panel--scan > img { right: -3vw !important; }
  .journey-panel--team > img { right: -1vw !important; width: 47vw !important; }
  .journey-panel--control > img { right: 3vw !important; width: 46vw !important; }

  .journey-panel--plan .treatment-route-art {
    right: 1vw !important;
    bottom: 13vh !important;
    width: 49vw !important;
    height: 54vh !important;
    overflow: visible !important;
    perspective: none !important;
    mask-image: none !important;
    transform: translate3d(var(--image-shift, 0px), 0, 0) !important;
  }

  .journey-panel--plan .treatment-route-art::before {
    content: none !important;
  }

  .journey-panel--plan .treatment-route-art__plane {
    inset: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
  }

  .journey-panel--plan .route-shadow {
    display: none !important;
  }

  .journey-panel--plan .treatment-route-art__plane > i {
    box-shadow: 0 0 0 5px rgba(231, 238, 235, .06) !important;
  }

  .journey-panel--plan > .journey-probe-foreground {
    display: none !important;
  }

  .journey-panel > small {
    right: 5vw !important;
    bottom: 6vh !important;
  }

  .journey-panel > img,
  .journey-panel__copy,
  .journey-panel--plan .treatment-route-art,
  .journey-panel--plan > .journey-probe-foreground {
    will-change: auto !important;
  }

  .journey-title-line > span {
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
  }
}

/* M13 owner mountain: the first route frame itself rises behind the service cards. */
.services {
  overflow: visible !important;
  isolation: auto !important;
  z-index: auto;
}

.services .container {
  position: relative;
  z-index: 3 !important;
}

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey-sticky {
    overflow: visible !important;
  }
}

@media (min-width: 901px) {
  .services-other {
    position: relative;
    z-index: 4;
    max-width: 520px !important;
    padding-right: 0;
    background: none;
  }
}

@media (max-width: 900px) {
  .services { overflow: hidden !important; }
}

/* M12 legibility pass: enlarge secondary copy without flattening the display hierarchy. */
.eyebrow,
.hero-kicker {
  font-size: 16px !important;
  line-height: 1.35;
}

.hero-foot {
  font-size: 15px !important;
}

.desktop-nav {
  font-size: 15px !important;
}

.service-card__number {
  font-size: 15px !important;
}

.service-card small,
.services-other {
  font-size: 18px !important;
  line-height: 1.48;
}

.journey-panel__copy > p {
  font-size: 16px !important;
}

.journey-panel__copy > span,
.journey-hint {
  font-size: clamp(18px, 1.4vw, 23px) !important;
  line-height: 1.45 !important;
}

.journey-panel > strong,
.journey-panel > small {
  font-size: 14px !important;
  line-height: 1.4;
}

.doctor-slide__copy > p {
  font-size: 16px !important;
}

.doctor-slide__description {
  font-size: clamp(18px, 1.42vw, 23px) !important;
  line-height: 1.42 !important;
}

.doctor-slide dd,
.doctor-slide__verify {
  font-size: 14px !important;
  line-height: 1.4;
}

.doctors-intro__head > p:not(.eyebrow),
.results-head > span,
.evidence-head > p,
.appointment-copy > p {
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.48 !important;
}

.doctors-intro__head > span,
.result-case__copy > p,
.result-case__copy > span,
.results-rail span,
.appointment-primary small,
.footer-meta {
  font-size: 14px !important;
}

.evidence-grid article p,
.evidence-finance > p,
.appointment-actions > p,
.footer-contact p,
.footer-contact address,
.footer-nav {
  font-size: 16px !important;
  line-height: 1.48 !important;
}

@media (max-width: 900px) {
  .eyebrow,
  .hero-kicker {
    font-size: 13px !important;
  }

  .hero-foot {
    font-size: 11px !important;
  }

  .service-card small,
  .services-other,
  .journey-panel__copy > span,
  .journey-hint,
  .doctor-slide__description,
  .doctors-intro__head > p:not(.eyebrow),
  .results-head > span,
  .evidence-head > p,
  .appointment-copy > p {
    font-size: 17px !important;
  }

  .journey-panel > strong,
  .journey-panel > small,
  .doctor-slide dd,
  .doctor-slide__verify,
  .doctors-intro__head > span,
  .result-case__copy > p,
  .result-case__copy > span,
  .appointment-primary small,
  .footer-meta {
    font-size: 13px !important;
  }
}

/* Pass 23: close the remaining Stage B regressions without heavier effects. */
.transition-arc::before,
.transition-arc::after {
  border-top: 0 !important;
}

.transition-arc::before {
  box-shadow:
    0 -18px 38px rgba(7, 9, 10, .22),
    inset 0 20px 34px rgba(255, 255, 255, .075) !important;
}

.transition-arc::after {
  opacity: .58;
  background: radial-gradient(82% 32px at 50% 0, rgba(236, 240, 239, .2), transparent 72%) !important;
  box-shadow: none !important;
}

.doctor-slider {
  margin-top: -1px;
}

.doctor-slider::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: clamp(72px, 8vw, 116px);
  pointer-events: none;
  background:
    linear-gradient(rgba(21, 23, 25, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(231, 235, 234, .96), rgba(231, 235, 234, .38) 48%, transparent 100%);
  background-size: 68px 68px, 68px 68px, auto;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .76) 52%, transparent 100%);
  transition: opacity .35s ease;
}

.doctor-slider.is-dark-slide::after {
  opacity: 0;
}

@media (max-width: 900px) {
  .journey-panel--scan {
    background: linear-gradient(145deg, #202527 0%, #111517 58%, #090b0c 100%) !important;
  }

  .journey-panel--scan > img {
    opacity: .62 !important;
    filter: grayscale(1) contrast(1.1) brightness(.68) !important;
    mix-blend-mode: normal !important;
    object-position: 70% center !important;
  }

  .journey-panel--scan::before {
    background:
      linear-gradient(180deg, rgba(7, 9, 10, .76) 0%, rgba(8, 10, 11, .18) 40%, rgba(7, 9, 10, .9) 100%),
      linear-gradient(90deg, rgba(7, 9, 10, .9) 0%, rgba(8, 10, 11, .42) 58%, transparent 100%) !important;
  }

  .doctor-slider::after {
    height: 72px;
  }
}

/* Pass 24: planned foreground optics, active only near the viewport. */
.foreground-optic {
  will-change: auto !important;
}

.foreground-optic.is-motion-active {
  will-change: transform !important;
}

.appointment-layout {
  position: relative;
  z-index: 2;
}

.appointment .foreground-optic--mirror-macro {
  z-index: 1;
  right: -12vw;
  top: -7%;
  width: min(46vw, 760px);
  opacity: .22;
  filter: blur(4.5px) grayscale(1) contrast(1.28);
  mix-blend-mode: screen;
  transform: translate3d(var(--foreground-x, 0px), var(--foreground-y, 0px), 0) rotate(calc(-13deg + var(--foreground-rotate, 0deg)));
}

.site-footer .foreground-optic--loupes {
  z-index: 0;
  right: -12vw;
  top: -10%;
  width: min(46vw, 760px);
  opacity: .13;
  filter: blur(4px) grayscale(1) contrast(1.25);
  mix-blend-mode: screen;
  transform: translate3d(var(--foreground-x, 0px), var(--foreground-y, 0px), 0) rotate(calc(7deg + var(--foreground-rotate, 0deg)));
}

.site-footer > .container,
.site-footer > a {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .appointment .foreground-optic--mirror-macro {
    right: -48vw;
    top: 3%;
    width: 118vw;
    opacity: .12;
  }

  .site-footer .foreground-optic--loupes {
    right: -64vw;
    top: 4%;
    width: 138vw;
    opacity: .08;
  }
}

@media (prefers-reduced-motion: reduce) {
  .foreground-optic {
    transform: none !important;
    will-change: auto !important;
  }
}

/* Pass 25: finish the service-card decisions from Stage E. */
.service-card--cinematic::after {
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
}

.service-card::before {
  opacity: .078;
}

.service-card:hover::before,
.service-card.is-pointer-active::before {
  opacity: .126;
}

.service-card__number {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 34px;
  height: auto;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 1px solid rgba(244, 246, 245, .5);
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  opacity: .74;
}

@media (max-width: 900px) {
  .service-card__number {
    min-width: 30px;
    padding-bottom: 6px;
    font-size: 11px;
  }
}

/* Pass 26: Stage G removes the rejected three-point card completely. */
.manifesto-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.manifesto-statement {
  width: 100%;
  max-width: 1320px;
}

.manifesto-statement h2 {
  max-width: 1280px;
}

/* Pass 27: all five real doctors from the owner's supplied materials. */
.doctor-slide--elbrus h3::before { content: "ГЕЗУЕВ"; }
.doctor-slide--ali h3::before { content: "ГАБАТАЕВ"; }
.doctor-slide--ibragim h3::before { content: "ВЕРИГОВ"; }
.doctor-slide--mikail h3::before { content: "ШЕПТУКАЕВ"; }

.doctor-slide__portrait--profile {
  right: 0 !important;
  bottom: 0;
  width: 61%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(.08) contrast(1.03);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .72) 17%, #000 34%, #000 100%);
}

@media (max-width: 900px) {
  .doctor-slide__portrait--profile {
    right: -8% !important;
    bottom: 0;
    width: 108% !important;
    height: 60% !important;
    object-fit: cover !important;
    object-position: center top !important;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .78) 16%, #000 34%, #000 100%);
  }

  .doctor-slider__rail {
    top: 21%;
    bottom: 31%;
  }
}

/* Pass 28: candid five-doctor team chapter. */
.doctors-intro {
  color: #f3f5f4 !important;
  background: #07090a !important;
  isolation: isolate;
}

.doctors-intro::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 7, 8, .96) 0%, rgba(6, 8, 9, .8) 32%, rgba(6, 8, 9, .2) 62%, transparent 82%),
    linear-gradient(0deg, rgba(5, 7, 8, .76) 0%, transparent 42%, rgba(5, 7, 8, .2) 100%);
}

.doctors-intro::after {
  z-index: 3;
  color: rgba(255, 255, 255, .07);
}

.doctors-intro__team {
  position: absolute;
  z-index: 1;
  inset: -3% 0;
  overflow: hidden;
  pointer-events: none;
  transform-origin: center;
}

.doctors-intro__team img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(.08) contrast(1.05) brightness(.78);
}

.doctors-intro__head {
  z-index: 4;
}

.doctors-intro__head::before {
  color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, .13);
}

.doctors-intro__head > span {
  border-top-color: rgba(255, 255, 255, .28);
}

@media (max-width: 900px) {
  .doctors-intro::before {
    background:
      linear-gradient(180deg, rgba(5, 7, 8, .94) 0%, rgba(5, 7, 8, .58) 42%, rgba(5, 7, 8, .92) 100%),
      linear-gradient(90deg, rgba(5, 7, 8, .9) 0%, transparent 92%);
  }

  .doctors-intro__team {
    inset: -2% -34% -2% -22%;
  }

  .doctors-intro__team img {
    object-position: 64% center;
    filter: grayscale(.12) contrast(1.04) brightness(.7);
  }
}

/* Pass 29: verified clinical cases, using untouched clinical pixels from owner materials. */
.results {
  position: relative;
  overflow: hidden;
  color: #f2f4f3;
  background:
    radial-gradient(circle at 82% 8%, rgba(116, 128, 129, .17), transparent 28%),
    linear-gradient(145deg, #15191a 0%, #080a0b 72%);
}

.results::before {
  content: "РЕЗУЛЬТАТ";
  position: absolute;
  top: 7%;
  right: -1.5%;
  color: transparent;
  font: 400 clamp(110px, 18vw, 320px)/.8 var(--font-display);
  letter-spacing: -.04em;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .055);
  pointer-events: none;
}

.results-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .42fr);
  gap: 6vw;
  align-items: end;
  margin-bottom: 64px;
}

.results-head h2 {
  max-width: 1120px;
  margin-top: 18px;
  font-size: clamp(72px, 8.2vw, 138px);
  line-height: .86;
  letter-spacing: -.03em;
}

.results-head > p {
  max-width: 420px;
  color: rgba(242, 244, 243, .68);
  line-height: 1.62;
}

.results-stage {
  position: relative;
  z-index: 2;
}

.result-case {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
  min-height: 680px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 28px;
  background: rgba(255, 255, 255, .035);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .35);
}

.result-case[hidden] {
  display: none;
}

.result-case.is-active {
  animation: result-case-in .62s cubic-bezier(.2, .76, .24, 1) both;
}

@keyframes result-case-in {
  from { opacity: .25; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

.result-case__media {
  position: relative;
  min-width: 0;
  min-height: 680px;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #050607;
}

.result-case__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.result-case__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.result-case__badge {
  position: absolute;
  left: 22px;
  z-index: 2;
  min-width: 88px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: rgba(8, 10, 11, .7);
  color: #fff;
  font-size: 13px;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.result-case__badge--before { top: 22px; }
.result-case__badge--after { top: calc(50% + 12px); }

.result-case__copy {
  display: flex;
  flex-direction: column;
  padding: clamp(34px, 4vw, 64px);
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, .09), transparent 27%),
    rgba(22, 26, 27, .93);
}

.result-case__copy > p {
  margin: 0 0 26px;
  color: rgba(242, 244, 243, .54);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.result-case__copy h3 {
  margin: 0;
  max-width: 600px;
  font-size: clamp(48px, 4.5vw, 78px);
  line-height: .92;
  letter-spacing: -.02em;
}

.result-case__copy dl {
  margin: auto 0 58px;
}

.result-case__copy dl > div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 20px;
  padding: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.result-case__copy dt {
  color: rgba(242, 244, 243, .46);
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.result-case__copy dd {
  margin: 0;
  color: rgba(242, 244, 243, .82);
  line-height: 1.42;
}

.result-case__copy small {
  display: block;
  margin-top: -36px;
  color: rgba(242, 244, 243, .48);
  line-height: 1.45;
}

.results-controls {
  position: absolute;
  z-index: 4;
  right: clamp(34px, 4vw, 64px);
  bottom: 22px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.results-controls button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .04);
  cursor: pointer;
}

.results-controls span {
  min-width: 64px;
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  letter-spacing: .12em;
  text-align: center;
}

.results-rail {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 10px;
}

.results-rail button {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: center;
  min-height: 74px;
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  color: rgba(255, 255, 255, .52);
  background: rgba(255, 255, 255, .025);
  text-align: left;
  cursor: pointer;
}

.results-rail button.is-active {
  color: #111415;
  background: #edf0ef;
}

.results-rail b {
  font-size: 12px;
  letter-spacing: .12em;
}

.results-rail span {
  font-size: 14px;
}

@media (max-width: 900px) {
  .results-head {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 42px;
  }

  .results-head h2 {
    font-size: clamp(58px, 16vw, 92px);
  }

  .result-case {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-height: 0;
    border-radius: 20px;
  }

  .result-case__media {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  .result-case__copy {
    min-width: 0;
    min-height: 570px;
    padding: 30px 22px 92px;
  }

  .result-case__copy h3 {
    font-size: clamp(40px, 10vw, 58px);
  }

  .result-case__copy dl {
    margin: 46px 0 32px;
  }

  .result-case__copy dl > div {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
  }

  .result-case__copy small {
    margin-top: 0;
  }

  .results-controls {
    right: 22px;
    bottom: 24px;
  }

  .results-rail {
    grid-template-columns: 1fr 1fr;
  }

  .results-rail button {
    grid-template-columns: auto;
    gap: 5px;
    min-height: 70px;
  }

  .result-case__badge {
    left: 12px;
    min-width: 66px;
    padding: 7px 11px;
  }

  .result-case__badge--before { top: 12px; }
  .result-case__badge--after { top: calc(50% + 6px); }
}

@media (prefers-reduced-motion: reduce) {
  .result-case.is-active { animation: none; }
}

/* Pass 32: source photography without the grey spotlight treatment. */
.service-card--cinematic img,
.service-card--cinematic:hover img,
.service-card--cinematic.is-pointer-active img {
  opacity: 1 !important;
  filter: none !important;
}

.service-card--diagnostic.service-card--cinematic img,
.service-card--diagnostic.service-card--cinematic:hover img,
.service-card--diagnostic.service-card--cinematic.is-pointer-active img {
  filter: grayscale(1) contrast(1.08) brightness(.9) !important;
}

.service-card--cinematic::after {
  --spot-alpha: 0;
  background:
    radial-gradient(circle 180px at var(--mx) var(--my), rgba(246, 248, 247, var(--spot-alpha)) 0%, rgba(230, 234, 232, calc(var(--spot-alpha) * .42)) 38%, transparent 72%),
    linear-gradient(90deg, rgba(7, 9, 10, .7) 0%, rgba(7, 9, 10, .22) 48%, transparent 78%),
    linear-gradient(0deg, rgba(5, 6, 7, .9) 0%, rgba(5, 6, 7, .22) 38%, transparent 64%) !important;
  opacity: 1 !important;
  transition: background .12s linear !important;
}

.service-card--ortho.service-card--cinematic::after {
  background:
    radial-gradient(circle 180px at var(--mx) var(--my), rgba(246, 248, 247, var(--spot-alpha)) 0%, rgba(230, 234, 232, calc(var(--spot-alpha) * .42)) 38%, transparent 72%),
    linear-gradient(90deg, rgba(8, 10, 11, .38) 0%, transparent 62%),
    linear-gradient(0deg, rgba(7, 8, 9, .76) 0%, transparent 50%) !important;
}

.service-card--cinematic:hover::after,
.service-card--cinematic.is-pointer-active::after {
  --spot-alpha: .16;
}

/* Pass 31: full-field horizontal imagery, legible route map, factual clinical results. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey-panel--scan,
  .journey-panel--plan,
  .journey-panel--team,
  .journey-panel--control {
    flex-basis: 96vw !important;
  }

  .journey-panel--scan > img,
  .journey-panel--team > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: .86 !important;
    filter: grayscale(.08) contrast(1.08) brightness(.76) !important;
  }

  .journey-panel--scan > img {
    object-position: 58% center !important;
  }

  .journey-panel--team > img {
    object-position: 54% center !important;
  }

  .journey-panel--control > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 62% center !important;
    opacity: .9 !important;
    filter: grayscale(.06) contrast(1.08) brightness(.7) !important;
  }

  .journey-panel--control .journey-panel__copy {
    z-index: 4 !important;
    max-width: 42vw !important;
    text-shadow: 0 3px 24px rgba(0, 0, 0, .78);
  }

  .journey-panel--control .journey-panel__copy::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -24vh;
    bottom: -32vh;
    left: -5vw;
    width: 58vw;
    background: linear-gradient(90deg, rgba(4, 5, 6, .97) 0%, rgba(4, 5, 6, .78) 54%, transparent 100%);
    pointer-events: none;
  }

  .journey-panel--scan .journey-panel__copy,
  .journey-panel--team .journey-panel__copy {
    max-width: 39vw !important;
    text-shadow: 0 3px 24px rgba(0, 0, 0, .7);
  }

  .journey-panel--scan .journey-panel__copy::before,
  .journey-panel--team .journey-panel__copy::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -24vh;
    bottom: -30vh;
    left: -5vw;
    width: 55vw;
    background: linear-gradient(90deg, rgba(5, 7, 8, .96) 0%, rgba(5, 7, 8, .78) 52%, transparent 100%);
    pointer-events: none;
  }

  .journey-panel--plan .treatment-route-art {
    right: -2vw !important;
    bottom: 6vh !important;
    width: 68vw !important;
    height: 70vh !important;
  }

  .journey-panel--plan .route-grid {
    stroke: rgba(221, 229, 227, .22) !important;
    stroke-width: 1.35 !important;
  }

  .journey-panel--plan .route-line {
    stroke: rgba(238, 242, 240, .92) !important;
    stroke-width: 4 !important;
    stroke-dasharray: 14 12 !important;
  }

  .journey-panel--plan .route-nodes circle {
    fill: #101416 !important;
    stroke: rgba(242, 245, 243, .96) !important;
    stroke-width: 4 !important;
  }
}

.route-stage {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: baseline;
  min-width: 138px;
  color: rgba(239, 243, 241, .88);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px #050607;
}

.route-stage b {
  color: #fff;
  font: 38px/.8 Bebas, sans-serif;
  letter-spacing: 0;
}

.route-stage--diagnosis { left: 5%; bottom: 9%; }
.route-stage--plan { left: 28%; bottom: 33%; }
.route-stage--treatment { left: 55%; top: 25%; }
.route-stage--control { right: 0; top: 4%; }

.results {
  padding-block: clamp(96px, 10vw, 150px) !important;
  background: #07090a !important;
}

.results::before { content: none !important; }

.results-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 30px !important;
  align-items: end !important;
  margin-bottom: 42px !important;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.results-head .eyebrow { margin: 0 0 8px; }

.results-head h2 {
  margin: 0 !important;
  color: #f2f4f3;
  font: 400 clamp(64px, 7.4vw, 126px)/.74 Bebas, sans-serif !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase;
}

.results-head > span {
  max-width: 280px;
  padding-bottom: 7px;
  color: rgba(242, 244, 243, .54);
  font-size: 12px;
  line-height: 1.45;
}

.result-case {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(270px, .5fr) !important;
  min-height: clamp(560px, 68vh, 760px) !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0d1011 !important;
  box-shadow: none !important;
}

.result-case[hidden] { display: none !important; }

.result-case__media {
  min-height: clamp(560px, 68vh, 760px) !important;
  background: #050607;
}

.result-case__media::after {
  background: linear-gradient(90deg, transparent 72%, rgba(7, 9, 10, .42));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}

.result-case__media img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center !important;
}

.result-case--full-pair .result-case__media img {
  object-fit: contain !important;
}

.result-case__copy {
  justify-content: flex-end;
  padding: clamp(32px, 3.4vw, 58px) !important;
  background: #15191a !important;
}

.result-case__copy > p {
  margin: 0 0 18px !important;
  color: rgba(242, 244, 243, .55) !important;
  font-size: 11px !important;
}

.result-case__copy h3 {
  margin: 0 !important;
  color: #f4f5f3;
  font: 400 clamp(56px, 5vw, 88px)/.78 Bebas, sans-serif !important;
  letter-spacing: -.01em !important;
  text-transform: uppercase;
}

.result-case__copy > span {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .15);
  color: rgba(242, 244, 243, .72);
  font-size: 14px;
}

.results-controls {
  right: clamp(32px, 3.4vw, 58px) !important;
  bottom: auto !important;
  top: 28px;
}

.results-rail {
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 0 !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.results-rail button {
  min-height: 66px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.results-rail button:first-child { border-left: 1px solid rgba(255, 255, 255, .12) !important; }
.results-rail button.is-active { color: #0b0d0e !important; background: #edf0ef !important; }

.results-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 22px;
}

.results-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 76px;
  padding: 0 24px;
  border: 1px solid rgba(255, 255, 255, .16);
  color: #eef0ef;
  background: rgba(255, 255, 255, .025);
  text-decoration: none;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}

.results-actions a:hover,
.results-actions a:focus-visible {
  color: #090b0c;
  border-color: #eef0ef;
  background: #eef0ef;
}

.results-actions span {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.results-actions b {
  font-size: 22px;
  font-weight: 400;
}

@media (max-width: 900px) {
  .route-stage { display: none; }

  .results-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
  }

  .results-head h2 {
    font-size: clamp(64px, 20vw, 94px) !important;
  }

  .results-head > span { max-width: 300px; }

  .result-case {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  .result-case__media {
    min-height: 0 !important;
    aspect-ratio: 1.08 / 1 !important;
  }

  .result-case--full-pair .result-case__media {
    aspect-ratio: 1080 / 843 !important;
  }

  .result-case__copy {
    min-height: 270px !important;
    padding: 28px 22px 34px !important;
  }

  .result-case__copy h3 {
    max-width: 330px;
    font-size: clamp(56px, 17vw, 78px) !important;
  }

  .results-controls {
    top: auto;
    right: 20px !important;
    bottom: 22px !important;
  }

  .results-rail { grid-template-columns: 1fr 1fr !important; }

  .results-actions {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 16px;
  }

  .results-actions a {
    min-height: 62px;
    padding-inline: 18px;
  }
}

/* M12 route intro: text enters the next panel, then passes behind the rocky foreground. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey-panel--intro {
    isolation: isolate;
    z-index: 2;
    background: #030405 !important;
  }

  .journey-intro-rock {
    position: absolute !important;
    inset: -230px auto auto -17vw !important;
    width: 115vw !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left top !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image:
      linear-gradient(90deg, #000 0%, #000 86%, transparent 100%),
      linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(90deg, #000 0%, #000 86%, transparent 100%),
      linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    mask-composite: intersect;
  }

  .journey-intro-rock--base {
    z-index: 1 !important;
    opacity: 1 !important;
  }

  .journey-panel--intro .journey-panel__copy {
    z-index: 2 !important;
    width: 78vw !important;
    max-width: none !important;
    margin-left: clamp(460px, 36vw, 690px);
    transform: translate3d(calc(var(--copy-shift, 0px) + var(--intro-copy-drift, 0px) + var(--intro-copy-lock, 0px)), 0, 0);
    filter: blur(var(--intro-copy-blur, 0px));
    opacity: var(--intro-copy-opacity, 1);
  }

  .journey-panel--intro h2 {
    max-width: none !important;
    white-space: nowrap;
    font-size: clamp(84px, 8.7vw, 166px) !important;
    text-shadow: 0 5px 30px rgba(0, 0, 0, .36);
  }

  .journey-panel--intro .journey-hint--desktop {
    max-width: 500px;
  }

  .journey-intro-rock--foreground {
    z-index: 3 !important;
    opacity: 1 !important;
    clip-path: none;
    pointer-events: none;
  }

  .journey-panel:not(.journey-panel--intro) .journey-panel__copy {
    width: calc(100% + 4vw) !important;
    max-width: none !important;
    padding-right: 4vw;
  }

  .journey-panel:not(.journey-panel--intro) h3 {
    max-width: none !important;
    white-space: nowrap;
    transform: scaleX(1.09);
    transform-origin: left center;
  }
}

@media (min-width: 901px) and (min-height: 980px) and (prefers-reduced-motion: no-preference) {
  .journey-intro-rock {
    inset: -80px auto auto -17vw !important;
  }
}

@media (max-width: 900px) {
  .journey-panel--intro { background: #030405 !important; }
  .journey-intro-rock--base { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 37% center !important; opacity: .68 !important; filter: grayscale(1) contrast(1.08) brightness(.68) !important; }
  .journey-intro-rock--foreground { display: none !important; }
}

/* M13 plan panel: a dimensional graphite route whose line is drawn by scroll progress. */
.journey-panel--plan {
  --route-progress: 0;
  --route-node-1: 0;
  --route-node-2: 0;
  --route-node-3: 0;
  --route-node-4: 0;
  --route-node-5: 0;
}

.journey-panel--plan .treatment-route-art {
  isolation: isolate;
  perspective: 1400px !important;
  transform-style: preserve-3d;
}

.journey-panel--plan .treatment-route-art::before {
  content: "" !important;
  position: absolute;
  z-index: -1;
  inset: 17% 4% 2% 12%;
  display: block !important;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(222, 229, 226, .18), rgba(113, 126, 125, .06) 42%, transparent 72%);
  filter: blur(34px);
  transform: translate3d(0, 9%, -80px);
}

.journey-panel--plan .treatment-route-art__plane {
  inset: 5% 1% 1% 5% !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 233, 230, .22) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 67% 31%, rgba(236, 241, 238, .13), transparent 24%),
    linear-gradient(145deg, rgba(75, 85, 85, .78), rgba(24, 29, 30, .96) 58%, rgba(9, 12, 13, .98)) !important;
  box-shadow:
    0 52px 85px rgba(0, 0, 0, .58),
    0 9px 0 -2px rgba(7, 9, 10, .9),
    inset 0 1px rgba(255, 255, 255, .13),
    inset 0 -45px 70px rgba(0, 0, 0, .3) !important;
  transform: rotateX(52deg) rotateZ(-7deg) scale(1.04) !important;
  transform-origin: 52% 88%;
  transform-style: preserve-3d;
  filter: none !important;
}

.journey-panel--plan .treatment-route-art__plane::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, .045) 38%, transparent 58%),
    radial-gradient(circle at 18% 82%, rgba(202, 213, 210, .09), transparent 30%);
}

.journey-panel--plan .treatment-route-art svg {
  position: relative;
  z-index: 1;
}

.journey-panel--plan .route-grid {
  stroke: rgba(221, 229, 227, .16) !important;
  stroke-width: 1.2 !important;
  vector-effect: non-scaling-stroke;
}

.journey-panel--plan .route-axis {
  fill: none;
  stroke: rgba(238, 242, 240, .3);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.journey-panel--plan .route-shadow,
.journey-panel--plan .route-line {
  stroke-dasharray: 1 !important;
  stroke-dashoffset: calc(1 - var(--route-progress)) !important;
  vector-effect: non-scaling-stroke;
}

.journey-panel--plan .route-shadow {
  display: block !important;
  stroke: rgba(225, 234, 231, .2) !important;
  stroke-width: 20 !important;
  filter: blur(11px);
}

.journey-panel--plan .route-line {
  stroke: url(#route-metal) !important;
  stroke-width: 4 !important;
  stroke-linecap: round;
  filter: drop-shadow(0 0 7px rgba(231, 238, 235, .34));
}

.journey-panel--plan .route-nodes circle {
  fill: #0b0e0f !important;
  stroke: rgba(244, 247, 245, .98) !important;
  stroke-width: 4 !important;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 8px rgba(235, 241, 238, .3));
}

.journey-panel--plan .route-nodes circle:nth-child(1) { opacity: var(--route-node-1); transform: scale(calc(.38 + var(--route-node-1) * .62)); }
.journey-panel--plan .route-nodes circle:nth-child(2) { opacity: var(--route-node-2); transform: scale(calc(.38 + var(--route-node-2) * .62)); }
.journey-panel--plan .route-nodes circle:nth-child(3) { opacity: var(--route-node-3); transform: scale(calc(.38 + var(--route-node-3) * .62)); }
.journey-panel--plan .route-nodes circle:nth-child(4) { opacity: var(--route-node-4); transform: scale(calc(.38 + var(--route-node-4) * .62)); }
.journey-panel--plan .route-nodes circle:nth-child(5) { opacity: var(--route-node-5); transform: scale(calc(.38 + var(--route-node-5) * .62)); }

.journey-panel--plan .route-stage {
  opacity: clamp(.12, calc(var(--route-progress) * 1.35), 1);
}

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey-panel--plan .treatment-route-art {
    right: -1vw !important;
    bottom: 1vh !important;
    width: 66vw !important;
    height: 76vh !important;
    overflow: visible !important;
    transform: translate3d(var(--image-shift, 0px), 0, 0) !important;
  }
}

@media (max-width: 900px) {
  .journey-panel--plan {
    min-height: 92svh !important;
  }

  .journey-panel--plan .treatment-route-art {
    right: -31% !important;
    bottom: 18% !important;
    width: 132% !important;
    height: 58% !important;
    opacity: .96 !important;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 15%, #000 88%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, #000 15%, #000 88%, transparent 100%) !important;
  }

  .journey-panel--plan .treatment-route-art__plane {
    inset: 5% -8% 0 2% !important;
    border-radius: 15px !important;
    transform: rotateX(57deg) rotateZ(-9deg) scale(1.08) !important;
  }

  .journey-panel--plan .route-stage {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .journey-panel--plan {
    --route-progress: 1;
    --route-node-1: 1;
    --route-node-2: 1;
    --route-node-3: 1;
    --route-node-4: 1;
    --route-node-5: 1;
  }
}

/* M12 copy rebuild: clear patient language and verified clinic information. */
.hero-content {
  width: min(92vw, 1250px) !important;
}

.hero h1 {
  max-width: 1220px;
  font-size: clamp(76px, 8.8vw, 152px) !important;
  line-height: .8 !important;
}

.hero-copy {
  max-width: 610px !important;
  font-size: clamp(17px, 1.18vw, 21px) !important;
  line-height: 1.38 !important;
  text-transform: none !important;
}

.hero-cta {
  max-width: min(100%, 420px);
  text-align: left;
}

.hero-scene__doctor {
  top: 6% !important;
  height: 96% !important;
  object-position: center bottom !important;
}

.manifesto-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr) !important;
  align-items: end;
}

.manifesto-statement h2 {
  max-width: 980px !important;
}

.manifesto-aside {
  padding: clamp(26px, 3vw, 44px);
  border-top: 1px solid rgba(21, 23, 25, .62);
  border-bottom: 1px solid rgba(21, 23, 25, .2);
  background: rgba(238, 240, 239, .42);
  backdrop-filter: blur(14px);
}

.manifesto-aside > p {
  margin: 0;
  font-size: clamp(17px, 1.35vw, 23px);
  line-height: 1.5;
}

.manifesto-aside dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 38px 0 0;
}

.manifesto-aside dl > div {
  padding-top: 18px;
  border-top: 1px solid rgba(21, 23, 25, .18);
}

.manifesto-aside dt {
  font-family: var(--font-display);
  font-size: clamp(48px, 5vw, 82px);
  line-height: .9;
}

.manifesto-aside dd {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.service-card,
.service-card--implant,
.service-card--ortho,
.service-card--micro,
.service-card--esthetic,
.service-card--diagnostic,
.service-card--hygiene {
  grid-column: span 4 !important;
  min-height: 430px !important;
}

.service-card--hygiene {
  background-color: #171a1c !important;
  color: #f4f6f5;
  border-radius: 26px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 22px 58px rgba(21, 23, 25, .16);
}

.service-card--hygiene img { object-position: 72% center; }

.service-card--hygiene::after {
  background:
    radial-gradient(circle at 74% 20%, rgba(104, 104, 104, .3), transparent 46%),
    linear-gradient(90deg, rgba(8, 8, 8, .97) 0%, rgba(28, 28, 28, .82) 44%, rgba(7, 7, 7, .18) 82%),
    linear-gradient(0deg, rgba(7, 7, 7, .92), transparent 55%);
}

.service-card__name {
  max-width: calc(100% - 48px) !important;
  font-size: clamp(36px, 3.3vw, 58px) !important;
  line-height: .92;
}

.service-card small {
  max-width: calc(100% - 72px) !important;
}

.services-other {
  max-width: 760px;
  margin: 30px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(21, 23, 25, .72);
}

.services-other a {
  color: var(--premium-ink);
  font-weight: 700;
  text-underline-offset: 4px;
}

.evidence-finance {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(430px, 1.15fr) minmax(280px, .7fr);
  gap: clamp(28px, 4vw, 72px);
  align-items: end;
  margin-top: clamp(28px, 4vw, 64px);
  padding: clamp(28px, 4vw, 58px);
  border-radius: 24px;
  color: #f4f6f5;
  background: #171a1c;
}

.evidence-finance h3 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: clamp(64px, 7vw, 116px);
  font-weight: 400;
  line-height: .85;
}

.evidence-finance ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.evidence-finance li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(244, 246, 245, .2);
  font-size: 17px;
}

.evidence-finance > p {
  margin: 0;
  color: rgba(244, 246, 245, .68);
  font-size: 14px;
  line-height: 1.55;
}

.appointment-primary span {
  max-width: 82%;
  font-size: clamp(54px, 6vw, 108px) !important;
  line-height: .86;
}

.footer-contact p {
  margin: 10px 0 0;
  color: rgba(244, 246, 245, .6);
  font-size: 12px;
  line-height: 1.5;
  font-style: normal;
}

@media (min-width: 901px) and (max-aspect-ratio: 5 / 3),
       (min-width: 901px) and (min-aspect-ratio: 2 / 1) {
  .hero-hand { display: none !important; }
}

@media (max-width: 1100px) {
  .service-card,
  .service-card--implant,
  .service-card--ortho,
  .service-card--micro,
  .service-card--esthetic,
  .service-card--diagnostic,
  .service-card--hygiene {
    grid-column: span 6 !important;
  }

  .evidence-finance {
    grid-template-columns: 1fr 1fr;
  }

  .evidence-finance > p { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .hero h1 {
    max-width: 100% !important;
    font-size: 11.2vw !important;
    line-height: .84 !important;
  }

  .hero-kicker {
    max-width: 330px;
    line-height: 1.35;
  }

  .hero-copy {
    max-width: min(86vw, 420px) !important;
    font-size: 15px !important;
  }

  .hero-cta {
    width: 100%;
    max-width: 390px;
    font-size: 12px;
  }

  .hero-scene__doctor {
    top: 8% !important;
    height: 94% !important;
    object-position: 70% bottom !important;
  }

  .manifesto-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 42px !important;
  }

  .manifesto-aside { padding: 24px 0; }

  .manifesto-aside dl { margin-top: 28px; }

  .service-card,
  .service-card--implant,
  .service-card--ortho,
  .service-card--micro,
  .service-card--esthetic,
  .service-card--diagnostic,
  .service-card--hygiene {
    grid-column: 1 / -1 !important;
    min-height: 390px !important;
  }

  .service-card__name {
    font-size: clamp(38px, 12vw, 58px) !important;
  }

  .evidence-finance {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 28px 22px;
  }

  .evidence-finance > p { grid-column: auto; }

  .appointment-primary span {
    max-width: 88%;
    font-size: clamp(48px, 15vw, 70px) !important;
  }
}

/* M12 visual correction: ordinary browser chrome must not hide the Hero object. */
@media (min-width: 901px) {
  .hero-scene__doctor {
    inset: 0 0 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
  }

  .hero-hand {
    display: block !important;
  }
}

/* Editorial service mosaic: keep the original asymmetric rhythm with six real services. */
@media (min-width: 1101px) {
  .service-card:nth-child(1) {
    grid-column: span 7 !important;
    min-height: 520px !important;
  }

  .service-card:nth-child(2) {
    grid-column: span 5 !important;
    min-height: 520px !important;
  }

  .service-card:nth-child(3) {
    grid-column: span 4 !important;
    min-height: 430px !important;
  }

  .service-card:nth-child(4) {
    grid-column: span 8 !important;
    min-height: 430px !important;
  }

  .service-card:nth-child(5) {
    grid-column: span 7 !important;
    min-height: 500px !important;
  }

  .service-card:nth-child(6) {
    grid-column: span 5 !important;
    min-height: 500px !important;
  }

  .service-card:nth-child(1) .service-card__name,
  .service-card:nth-child(4) .service-card__name,
  .service-card:nth-child(5) .service-card__name {
    max-width: 70% !important;
  }
}

/* The manifesto is a single statement with proof, not two distant islands. */
.manifesto {
  min-height: 82svh !important;
  padding-block: clamp(92px, 9vw, 142px) !important;
}

.manifesto-grid {
  align-items: center !important;
  gap: clamp(34px, 4.5vw, 78px) !important;
}

.manifesto-aside {
  align-self: center;
}

@media (min-width: 901px) {
  .manifesto-statement h2 {
    font-size: clamp(72px, 6.2vw, 110px) !important;
    line-height: .88 !important;
  }
}

/* M12 journey depth: keep each photographic frame whole; only typography drifts. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .journey-panel:not(.journey-panel--intro) .journey-panel__copy {
    transform: translate3d(var(--copy-shift, 0px), 0, 0) !important;
  }

  .journey-panel:not(.journey-panel--intro) .journey-panel__copy > p {
    transform: translate3d(var(--kicker-shift, 0px), 0, 0);
    will-change: transform;
  }

  .journey-panel:not(.journey-panel--intro) h3 {
    transform: translate3d(var(--title-shift, 0px), 0, 0) scaleX(1.09) !important;
    transform-origin: left center;
    will-change: transform;
  }

  .journey-panel:not(.journey-panel--intro) .journey-panel__copy > span {
    display: block;
    transform: translate3d(var(--body-shift, 0px), 0, 0);
    will-change: transform;
  }

  .journey-panel:not(.journey-panel--intro) > small {
    transform: translate3d(var(--caption-shift, 0px), 0, 0);
    will-change: transform;
  }

  .journey-panel--team > small {
    right: 5vw !important;
    width: auto;
    max-width: 320px !important;
    text-align: right;
    white-space: normal;
  }
}

/* M13: implantation USP stays explicit, with clinical proof and a clear route to consultation. */
.complex-care {
  position: relative;
  overflow: hidden;
  padding: clamp(104px, 10vw, 168px) 0;
  color: #f3f5f4;
  background:
    radial-gradient(circle at 84% 22%, rgba(192, 205, 201, .16), transparent 25%),
    linear-gradient(132deg, #101415 0%, #070909 68%);
}

.complex-care::before {
  content: "ИМПЛАНТАЦИЯ";
  position: absolute;
  top: 2%;
  right: -2.2%;
  color: transparent;
  font: 400 clamp(110px, 15.8vw, 264px)/.78 Bebas, sans-serif;
  letter-spacing: -.055em;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .075);
  pointer-events: none;
}

.complex-care__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.07fr) minmax(420px, .76fr);
  gap: clamp(44px, 8vw, 150px);
  align-items: end;
}

.complex-care__lead .eyebrow { color: rgba(243, 245, 244, .62); }

.complex-care__lead h2 {
  max-width: 900px;
  margin: 22px 0 28px;
  font: 400 clamp(78px, 8.3vw, 144px)/.78 Bebas, sans-serif;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.complex-care__lead > p:last-of-type {
  max-width: 630px;
  color: rgba(243, 245, 244, .72);
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1.52;
}

.complex-care__cta {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 38px;
  padding: 17px 20px 16px;
  border: 1px solid rgba(243, 245, 244, .7);
  color: #f3f5f4;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease, background-color .2s ease;
}

.complex-care__cta:hover,
.complex-care__cta:focus-visible {
  color: #101415;
  background: #f3f5f4;
}

.complex-care__cta b { font-size: 20px; line-height: .7; }

.complex-care__proof {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(243, 245, 244, .26);
}

.complex-care__proof article {
  display: grid;
  grid-template-columns: minmax(150px, .68fr) 1fr;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(243, 245, 244, .19);
}

.complex-care__proof b {
  font: 400 clamp(28px, 2.7vw, 44px)/.9 Bebas, sans-serif;
  letter-spacing: -.015em;
  text-transform: uppercase;
}

.complex-care__proof article span,
.complex-care__proof > p {
  color: rgba(243, 245, 244, .64);
  font-size: 15px;
  line-height: 1.5;
}

.complex-care__proof > p {
  margin: 24px 0 0;
  max-width: 430px;
}

@media (max-width: 900px) {
  .complex-care {
    padding: 88px 0 102px;
  }

  .complex-care::before {
    top: 17px;
    right: -8px;
    font-size: 27vw;
    -webkit-text-stroke-color: rgba(255, 255, 255, .055);
  }

  .complex-care__layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .complex-care__lead h2 {
    margin: 18px 0 23px;
    font-size: clamp(64px, 18.4vw, 92px);
  }

  .complex-care__lead > p:last-of-type { font-size: 17px; }

  .complex-care__cta {
    width: 100%;
    justify-content: space-between;
    margin-top: 28px;
  }

  .complex-care__proof article {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 19px 0;
  }
}

/* M13 mobile quality pass: preserve the desktop character without mobile collisions. */
@media (max-width: 900px) {
  .mobile-menu nav a:focus-visible {
    outline: 2px solid rgba(17, 20, 22, .62);
    outline-offset: 3px;
  }

  .journey-panel:not(.journey-panel--intro) .journey-panel__copy {
    transform: translate3d(0, -24px, 0) !important;
  }

  .journey-panel:not(.journey-panel--intro) > small {
    z-index: 6;
    width: min(220px, calc(100% - 44px));
  }

  .result-case--full-pair .result-case__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: contain !important;
  }
}

@media (max-width: 900px) and (max-height: 720px) {
  .hero-scene__doctor {
    top: -2% !important;
  }

  .hero-content {
    bottom: 76px !important;
  }
}

@media (min-width: 901px) {
  .hero-copy { max-width: min(27vw, 420px) !important; }

  .hero-foot > span:first-child {
    padding: 8px 11px;
    background: rgba(6, 8, 9, .48);
    border-left: 1px solid rgba(255, 255, 255, .34);
  }
}

/* M13: mobile doctors opener — keep the cinematic grade, not a centre blackout. */
@media (max-width: 900px) {
  .doctors-intro__head::before {
    content: none !important;
  }

  .doctors-intro::before {
    background:
      linear-gradient(90deg,
        rgba(5, 7, 8, .76) 0%,
        rgba(5, 7, 8, .28) 27%,
        rgba(5, 7, 8, .04) 49%,
        rgba(5, 7, 8, .20) 72%,
        rgba(5, 7, 8, .72) 100%),
      linear-gradient(180deg,
        rgba(5, 7, 8, .58) 0%,
        rgba(5, 7, 8, .08) 32%,
        rgba(5, 7, 8, .10) 66%,
        rgba(5, 7, 8, .72) 100%) !important;
  }

  .doctors-intro__team img {
    object-position: 58% center !important;
    filter: grayscale(.12) contrast(1.04) brightness(.88) !important;
  }
}

/* M14 mobile route entry: a clinical field, deliberately independent from the desktop mountain. */
@media (max-width: 900px) {
  .journey-panel--intro {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: clamp(620px, 86svh, 760px) !important;
    height: 86svh !important;
    padding: 76px 28px 42px !important;
    background:
      radial-gradient(72% 56% at 74% 58%, rgba(154, 174, 172, .13), transparent 70%),
      radial-gradient(58% 48% at 7% 6%, rgba(255, 255, 255, .055), transparent 66%),
      linear-gradient(145deg, #1e2425 0%, #111617 47%, #070909 100%) !important;
  }

  .journey-panel--intro .journey-intro-rock {
    display: none !important;
  }

  .journey-panel--intro::before,
  .journey-panel--intro::after {
    content: "" !important;
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .journey-panel--intro::before {
    z-index: 0;
    opacity: .54;
    background:
      linear-gradient(rgba(215, 228, 225, .13) 1px, transparent 1px),
      linear-gradient(90deg, rgba(215, 228, 225, .13) 1px, transparent 1px);
    background-size: 36px 36px;
    background-position: 50% 100%;
    transform: perspective(610px) rotateX(63deg) scale(1.48) translateY(16%);
    transform-origin: 50% 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, .42) 35%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, .42) 35%, #000 100%);
    animation: mobile-route-near-grid 19s cubic-bezier(.42, 0, .58, 1) infinite alternate;
  }

  .journey-panel--intro::after {
    z-index: 0;
    inset: -16% -30% 20%;
    opacity: .26;
    background:
      linear-gradient(rgba(202, 215, 212, .15) 1px, transparent 1px),
      linear-gradient(90deg, rgba(202, 215, 212, .15) 1px, transparent 1px);
    background-size: 22px 22px;
    background-position: 50% 100%;
    transform: perspective(890px) rotateX(69deg) scale(1.28) translateY(8%);
    transform-origin: 50% 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .18) 42%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .18) 42%, #000 100%);
    animation: mobile-route-far-grid 29s cubic-bezier(.42, 0, .58, 1) infinite alternate;
  }

  .journey-panel--intro .journey-panel__copy {
    position: relative;
    z-index: 2 !important;
    max-width: min(340px, calc(100% - 12px)) !important;
    transform: none !important;
  }

  .journey-panel--intro .eyebrow {
    margin-bottom: 24px;
    color: rgba(235, 241, 239, .72) !important;
  }

  .journey-panel--intro h2 {
    max-width: 100% !important;
    font-size: clamp(48px, 13vw, 62px) !important;
    line-height: .83 !important;
    text-wrap: balance;
    text-shadow: 0 12px 34px rgba(0, 0, 0, .42);
  }

  .journey-panel--intro .journey-hint--mobile {
    max-width: 278px;
    margin-top: 18px;
    color: rgba(231, 237, 235, .78) !important;
  }

  @keyframes mobile-route-near-grid {
    from { transform: perspective(610px) rotateX(63deg) scale(1.48) translate3d(-.9%, 16%, 0); }
    to { transform: perspective(610px) rotateX(63deg) scale(1.48) translate3d(.9%, 14.8%, 0); }
  }

  @keyframes mobile-route-far-grid {
    from { transform: perspective(890px) rotateX(69deg) scale(1.28) translate3d(.45%, 8%, 0); }
    to { transform: perspective(890px) rotateX(69deg) scale(1.28) translate3d(-.45%, 7.2%, 0); }
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .journey-panel--intro::before,
  .journey-panel--intro::after {
    animation: none !important;
  }
}

/* M32: final mobile corrective pass — must follow all prior journey and card rules. */
@media (max-width: 900px) {
  .manifesto-aside {
    padding: 28px 24px !important;
    border: 1px solid rgba(18, 22, 23, .78) !important;
    border-radius: 26px !important;
    color: #f1f3f2 !important;
    background:
      radial-gradient(78% 70% at 100% 0%, rgba(225, 232, 228, .12), transparent 64%),
      repeating-linear-gradient(132deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 15px),
      linear-gradient(145deg, #242a2b 0%, #101314 74%) !important;
    box-shadow: 0 18px 42px rgba(20, 25, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  }

  .manifesto-aside > p,
  .manifesto-aside dt { color: #f1f3f2 !important; }
  .manifesto-aside dd { color: rgba(241, 243, 242, .64) !important; }

  .journey-panel--team .journey-panel__copy > p {
    transform: translateY(-10px) !important;
  }

  .journey-panel--team .journey-panel__copy > h3 {
    transform: translateY(-12px) scaleX(1.04) !important;
    transform-origin: left top;
  }

  .journey-panel--team .journey-panel__copy > span {
    position: absolute !important;
    z-index: 4 !important;
    right: 28px !important;
    bottom: 96px !important;
    left: 34px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .journey-panel--team > small {
    position: absolute !important;
    z-index: 4 !important;
    right: 28px !important;
    bottom: 26px !important;
    left: 34px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
    transform: none !important;
  }

  .evidence-grid article,
  .evidence-finance {
    will-change: transform, opacity;
    transform-origin: 50% 76%;
  }

  .complex-care {
    background:
      linear-gradient(90deg, rgba(2, 3, 3, .86) 0%, rgba(2, 3, 3, .56) 55%, rgba(2, 3, 3, .3) 100%),
      linear-gradient(180deg, rgba(2, 3, 3, .24), rgba(2, 3, 3, .7)),
      url("../assets/images/complex-care-graphite-mobile.png") 61% center / cover no-repeat,
      #050606 !important;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .evidence-grid article,
  .evidence-finance { will-change: auto; }
}

/* M29: deliberate action feedback and an abstract graphite field for complex cases. */
.results-actions a {
  transition: transform .34s var(--ease), border-color .34s ease, box-shadow .34s ease !important;
}

.results-actions a:hover,
.results-actions a:focus-visible {
  color: #eef0ef !important;
  background: rgba(255, 255, 255, .025) !important;
  border-color: rgba(255, 255, 255, .34) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
  transform: scale(1.025) !important;
}

.complex-care {
  background:
    linear-gradient(90deg, rgba(3, 4, 4, .94) 0%, rgba(3, 4, 4, .78) 53%, rgba(3, 4, 4, .5) 100%),
    url("../assets/images/complex-care-graphite-abstract.png") center / cover no-repeat,
    #050606 !important;
}

.complex-care__cta::before {
  display: none !important;
}

.complex-care__cta:hover,
.complex-care__cta:focus-visible {
  color: #f3f5f4 !important;
  background: rgba(243, 245, 244, .055) !important;
  border-color: rgba(243, 245, 244, .94) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .06) !important;
  transform: translateY(-2px) scale(1.012) !important;
}

.complex-care__cta:hover b,
.complex-care__cta:focus-visible b {
  transform: rotate(45deg) !important;
}

@media (max-width: 900px) {
  .complex-care {
    background-position: 60% center, center, center !important;
  }
}

/* M30: keep the primary consultation card intact; motion belongs to the card, not a sliding overlay. */
.appointment-primary::before {
  display: none !important;
}

.appointment-primary:hover,
.appointment-primary:focus-visible {
  color: #121415 !important;
  background: #f2f4f2 !important;
  border-color: transparent !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .26), 0 0 0 1px rgba(255, 255, 255, .22) inset !important;
  transform: translateY(-4px) scale(1.008) !important;
}

.appointment-primary:hover b,
.appointment-primary:focus-visible b {
  transform: translate(3px, -3px) !important;
}

/* M31: corrected mobile hierarchy for the method card, team panel and proof cards. */
@media (max-width: 900px) {
  .manifesto-aside {
    padding: 28px 24px !important;
    border: 1px solid rgba(18, 22, 23, .78) !important;
    border-radius: 26px !important;
    color: #f1f3f2 !important;
    background:
      radial-gradient(78% 70% at 100% 0%, rgba(225, 232, 228, .12), transparent 64%),
      repeating-linear-gradient(132deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 15px),
      linear-gradient(145deg, #242a2b 0%, #101314 74%) !important;
    box-shadow: 0 18px 42px rgba(20, 25, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  }

  .manifesto-aside > p,
  .manifesto-aside dt { color: #f1f3f2 !important; }

  .manifesto-aside dd { color: rgba(241, 243, 242, .64) !important; }

  .journey-panel--team .journey-panel__copy > p {
    transform: translateY(-10px) !important;
  }

  .journey-panel--team .journey-panel__copy > h3 {
    transform: translateY(-12px) scaleX(1.04) !important;
    transform-origin: left top;
  }

  .journey-panel--team .journey-panel__copy > span {
    position: absolute !important;
    z-index: 4 !important;
    right: 28px !important;
    bottom: 96px !important;
    left: 34px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .journey-panel--team > small {
    position: absolute !important;
    z-index: 4 !important;
    right: 28px !important;
    bottom: 26px !important;
    left: 34px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
    transform: none !important;
  }

  .evidence-grid article,
  .evidence-finance {
    will-change: transform, opacity;
    transform-origin: 50% 76%;
  }

  .complex-care {
    background:
      linear-gradient(90deg, rgba(2, 3, 3, .86) 0%, rgba(2, 3, 3, .56) 55%, rgba(2, 3, 3, .3) 100%),
      linear-gradient(180deg, rgba(2, 3, 3, .24), rgba(2, 3, 3, .7)),
      url("../assets/images/complex-care-graphite-mobile.png") 61% center / cover no-repeat,
      #050606 !important;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .evidence-grid article,
  .evidence-finance { will-change: auto; }
}

/* M27: clinical proof leads the desktop composition; copy supports it. */
@media (min-width: 901px) {
  .result-case {
    grid-template-columns: minmax(0, 1.5fr) minmax(360px, 1fr) !important;
  }

  .result-case__media {
    width: 100% !important;
    max-width: none !important;
    min-height: 520px !important;
    height: min(58vh, 620px) !important;
  }

  .result-case__copy {
    padding: clamp(34px, 3.4vw, 58px) clamp(34px, 3.6vw, 68px) !important;
  }
}

/* M25: result controls have their own fixed visual zone, independent of copy length. */
.result-case__copy h3 {
  font-size: clamp(39px, 3.5vw, 62px) !important;
  line-height: .82 !important;
}

.results-controls {
  top: 26px !important;
  right: clamp(26px, 3.4vw, 58px) !important;
  bottom: auto !important;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(7, 9, 10, .34);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.results-controls button {
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .35s var(--ease);
}

.results-controls button:hover,
.results-controls button:focus-visible {
  color: #111415;
  border-color: #f2f4f2;
  background: #f2f4f2;
  transform: scale(1.07);
}

@media (max-width: 900px) {
  .result-case__copy {
    min-height: 300px !important;
    padding: 78px 22px 34px !important;
  }

  .result-case__copy > p {
    margin-bottom: 14px !important;
    padding-right: 142px;
  }

  .result-case__copy h3,
  .result-case--full-pair .result-case__copy h3 {
    max-width: 100% !important;
    font-size: clamp(37px, 9.25vw, 47px) !important;
    line-height: .86 !important;
  }

  .result-case--full-pair .result-case__copy > span {
    max-width: 100% !important;
    padding-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 1.36 !important;
  }

  .results-controls {
    top: calc((100vw - 32px) * .78 + 18px) !important;
    right: 18px !important;
    bottom: auto !important;
    gap: 6px;
  }

  .results-controls button { width: 38px; height: 38px; }
  .results-controls span { min-width: 54px; font-size: 10px; }
}

/* M26: the method card and the arch now use one continuous clinical field. */
.transition-arc {
  position: relative !important;
  z-index: 6 !important;
  height: clamp(128px, 11vw, 196px) !important;
  min-height: 128px !important;
  margin: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0 !important;
}

.transition-arc::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  left: -10% !important;
  top: -72px !important;
  width: 120% !important;
  height: calc(100% + 72px) !important;
  border-top: 1px solid rgba(242, 245, 243, .78) !important;
  border-radius: 50% 50% 0 0 / 86px 86px 0 0 !important;
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
  background-position: 8vw 72px, 8vw 72px, 8vw 72px, 8vw 72px, 0 0 !important;
  box-shadow: 0 -12px 32px rgba(235, 240, 238, .18), inset 0 1px rgba(255, 255, 255, .18) !important;
}

.transition-arc::after,
.transition-arc__dark,
.transition-arc__light { display: none !important; }

.manifesto {
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0 !important;
}

.manifesto-grid {
  align-items: center !important;
}

.manifesto-promise {
  max-width: 420px;
  margin: 0 0 clamp(54px, 8vw, 126px);
  padding: 12px 0 12px 18px;
  border-left: 1px solid rgba(20, 25, 26, .42);
  color: rgba(20, 25, 26, .78);
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 1.35;
}

.manifesto-aside {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(30px, 3vw, 48px) !important;
  border: 1px solid rgba(243, 246, 244, .24) !important;
  border-radius: 30px !important;
  color: #f0f3f1;
  background:
    radial-gradient(80% 62% at 108% -8%, rgba(202, 218, 214, .22), transparent 64%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, .16) 0 1px, transparent 1.8px),
    repeating-linear-gradient(132deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 14px),
    linear-gradient(145deg, rgba(34, 40, 41, .98), rgba(12, 15, 16, .98)) !important;
  box-shadow: 0 28px 70px rgba(21, 26, 27, .22), inset 0 1px rgba(255, 255, 255, .12) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.manifesto-aside::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -20%;
  bottom: -36%;
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid rgba(235, 243, 240, .18);
  border-radius: 50%;
  box-shadow: inset 0 0 0 28px rgba(235, 243, 240, .035), inset 0 0 0 56px rgba(235, 243, 240, .025);
}

.manifesto-aside > p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.42;
}

.manifesto-aside dl {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 20px;
  margin: clamp(36px, 4vw, 62px) 0 0;
}

.manifesto-aside dl > div {
  padding-top: 16px;
  border-top: 1px solid rgba(240, 244, 242, .22);
}

.manifesto-aside dt { color: #f3f5f3; font-size: clamp(50px, 4.2vw, 76px); }
.manifesto-aside dd { color: rgba(240, 244, 242, .62); }

@media (max-width: 900px) {
  .transition-arc {
    height: 96px !important;
    min-height: 96px !important;
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
  }

  .transition-arc::before {
    top: -45px !important;
    height: calc(100% + 45px) !important;
    border-radius: 50% 50% 0 0 / 54px 54px 0 0 !important;
    background-size: 46px 46px, 46px 46px, 184px 184px, 184px 184px, auto !important;
    background-position: 0 45px, 0 45px, 0 45px, 0 45px, 0 0 !important;
  }

  .manifesto-promise {
    margin-bottom: 42px;
    font-size: 15px;
  }

}

/* M22: clinical-result privacy field — particulate, monochrome, and intentionally restrained. */
.result-case__media {
  isolation: isolate;
}

.result-case__privacy-field {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .9;
  mix-blend-mode: screen;
}

.result-case__media::after {
  z-index: 1;
  background: linear-gradient(90deg, rgba(5, 7, 8, .18), rgba(5, 7, 8, .04) 48%, rgba(5, 7, 8, .26)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), inset 0 0 74px rgba(0, 0, 0, .22) !important;
}

.result-case__badge {
  z-index: 3;
}

@media (min-width: 901px) {
  .result-case {
    grid-template-columns: minmax(340px, .84fr) minmax(540px, 1.16fr) !important;
  }

  .result-case__media {
    width: min(100%, 700px);
    min-height: 430px !important;
    height: min(430px, 54vh);
    align-self: center;
  }
}

/* M23: concise action language for the care and contact sections. */
.complex-care__cta {
  min-height: 62px;
  padding: 10px 12px 10px 20px;
  border-radius: 18px;
  justify-content: space-between;
  gap: 16px;
}

.complex-care__cta b {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.complex-care__cta b svg,
.appointment-secondary svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.appointment-secondary a {
  overflow: hidden;
  border-radius: 20px;
}

.appointment-whatsapp,
.appointment-call {
  position: relative;
}

.appointment-whatsapp b,
.appointment-call i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 50%;
}

.appointment-call i { font-style: normal; }

.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #08090a;
}

.site-footer::before,
.site-footer::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.site-footer::before {
  inset: 0;
  opacity: .32;
  background:
    radial-gradient(circle at 84% 22%, rgba(255, 255, 255, .16) 0 1px, transparent 1.8px),
    radial-gradient(circle at 66% 54%, rgba(255, 255, 255, .11) 0 1px, transparent 1.7px),
    radial-gradient(ellipse 44% 38% at 85% 35%, rgba(155, 163, 161, .12), transparent 72%),
    linear-gradient(125deg, transparent 38%, rgba(255, 255, 255, .045) 38.15% 38.35%, transparent 38.5%);
  background-size: 31px 31px, 47px 47px, auto, auto;
  animation: footer-field-drift 24s ease-in-out infinite alternate;
}

.site-footer::after {
  right: -16vw;
  top: 14%;
  width: min(520px, 72vw);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 50%;
  box-shadow: inset 0 0 0 42px rgba(255, 255, 255, .012), inset 0 0 0 84px rgba(255, 255, 255, .01);
  animation: footer-orbit 28s linear infinite;
}

@keyframes footer-field-drift {
  from { background-position: 0 0, 0 0, center, center; }
  to { background-position: 12px -18px, -15px 9px, center, center; }
}

@keyframes footer-orbit {
  to { transform: rotate(1turn); }
}

@media (max-width: 900px) {
  .complex-care__cta {
    min-height: 64px;
    padding-left: 18px;
    border-radius: 18px;
  }

  .complex-care__cta span {
    max-width: 260px;
    line-height: 1.18;
  }

  .appointment-secondary {
    gap: 12px;
  }

  .appointment-secondary a {
    min-height: 112px;
    padding: 18px 20px;
  }

  .appointment-whatsapp {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .appointment-whatsapp span {
    font: clamp(30px, 9.2vw, 40px)/.85 Bebas, sans-serif;
    letter-spacing: -.02em;
    text-transform: uppercase;
  }

  .appointment-whatsapp b {
    align-self: center;
  }

  .appointment-call {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    min-height: 128px !important;
  }

  .appointment-call span {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .62;
  }

  .appointment-call b {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: stretch;
    padding-right: 48px;
    font: clamp(31px, 9vw, 43px)/.88 Bebas, sans-serif;
    letter-spacing: -.015em;
    white-space: nowrap;
  }

  .appointment-call i {
    position: absolute;
    top: 16px;
    right: 18px;
  }

  .site-footer::before { opacity: .24; }
  .site-footer::after { right: -52vw; top: 32%; width: 122vw; }

  .menu-button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 50%;
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
  }

  .menu-button span {
    width: 17px;
    height: 1px;
    margin: 0;
    background: currentColor;
    transition: transform .32s cubic-bezier(.22, 1, .36, 1), width .25s ease;
  }

  .menu-button span + span { margin-top: -7px; }
  .menu-button[aria-expanded="true"] { background: rgba(255, 255, 255, .10); border-color: rgba(255, 255, 255, .52); }
  .menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }

  .mobile-menu {
    z-index: 76;
    display: grid;
    align-content: space-between;
    gap: 34px;
    padding: 94px 18px max(22px, env(safe-area-inset-bottom));
    color: #f4f6f5;
    background:
      radial-gradient(70% 42% at 86% 12%, rgba(183, 194, 191, .12), transparent 72%),
      #0c0e0f;
    opacity: 0;
    transform: translate3d(0, -16px, 0);
    transition: opacity .3s ease, transform .42s cubic-bezier(.22, 1, .36, 1);
  }

  .mobile-menu.is-open { opacity: 1; transform: none; }
  .mobile-menu nav { margin: 0; }
  .mobile-menu nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 4px;
    border-bottom-color: rgba(255, 255, 255, .13);
    font: clamp(37px, 11vw, 49px)/.82 Bebas, sans-serif;
    transform: translate3d(0, 14px, 0);
    opacity: 0;
    transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .32s ease;
  }

  .mobile-menu nav a::after { content: "↗"; font: 19px/1 Geist, sans-serif; opacity: .56; }
  .mobile-menu.is-open nav a { transform: none; opacity: 1; }
  .mobile-menu.is-open nav a:nth-child(2) { transition-delay: .04s; }
  .mobile-menu.is-open nav a:nth-child(3) { transition-delay: .08s; }
  .mobile-menu.is-open nav a:nth-child(4) { transition-delay: .12s; }
  .mobile-menu.is-open nav a:nth-child(5) { transition-delay: .16s; }
  .mobile-menu > .button {
    min-height: 62px;
    border-radius: 18px;
    color: #111415;
    background: #f3f5f4;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer::before,
  .site-footer::after { animation: none; }
}

/* M24: results stay discreet until a visitor explicitly chooses to view a case. */
.result-case__media > img {
  position: relative;
  z-index: 0;
  transition: opacity .72s cubic-bezier(.22, 1, .36, 1), filter .72s cubic-bezier(.22, 1, .36, 1), transform .72s cubic-bezier(.22, 1, .36, 1);
}

.result-case__media.is-censored > img {
  opacity: .04;
  filter: grayscale(1) blur(28px) brightness(.14) contrast(.7);
  transform: scale(1.08);
}

.result-case__media.is-censored::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 58% at 52% 48%, rgba(62, 67, 68, .52), transparent 68%),
    radial-gradient(circle at 17% 23%, rgba(255, 255, 255, .07) 0 1px, transparent 1.8px),
    repeating-linear-gradient(118deg, rgba(255, 255, 255, .032) 0 1px, transparent 1px 11px),
    linear-gradient(135deg, #070809 0%, #171a1c 48%, #08090a 100%);
  -webkit-backdrop-filter: blur(24px) saturate(.15) contrast(.8);
  backdrop-filter: blur(24px) saturate(.15) contrast(.8);
  box-shadow: inset 0 0 0 1px rgba(242, 245, 243, .12), inset 0 0 110px rgba(0, 0, 0, .82);
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), visibility .7s;
}

.result-case__media.is-censored .result-case__privacy-field {
  z-index: 4;
  opacity: 1;
  mix-blend-mode: screen;
}

.result-case__media.is-censored .result-case__badge {
  z-index: 6;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .35s ease, transform .45s var(--ease);
}

.result-case__reveal {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-height: 54px;
  padding: 8px 8px 8px 20px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  color: #f5f7f5;
  background: rgba(7, 9, 10, .46);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .10);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: color .34s ease, background-color .34s ease, border-color .34s ease, opacity .45s ease, transform .45s var(--ease);
}

.result-case__reveal span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.result-case__reveal b {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #111415;
  background: #f3f5f3;
  font: 20px/1 Geist, sans-serif;
  transition: transform .4s var(--ease), background-color .34s ease, color .34s ease;
}

.result-case__reveal:hover,
.result-case__reveal:focus-visible {
  color: #101213;
  border-color: #f3f5f3;
  background: #f3f5f3;
}

.result-case__reveal:hover b,
.result-case__reveal:focus-visible b {
  color: #f3f5f3;
  background: #101213;
  transform: rotate(45deg);
}

.result-case__media.is-revealed::before { opacity: 0; visibility: hidden; }
.result-case__media.is-revealed > img { opacity: 1; filter: none; transform: none; }
.result-case__media.is-revealed .result-case__privacy-field { z-index: 2; opacity: .12; }
.result-case__media.is-revealed .result-case__badge { opacity: 1; transform: none; }
.result-case__media.is-revealed .result-case__reveal { opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.9); }

/* A single visual language for every conversion action. */
.complex-care__cta,
.appointment-primary,
.appointment-secondary a {
  isolation: isolate;
  transition: color .38s ease, background-color .38s ease, border-color .38s ease, box-shadow .38s ease, transform .38s var(--ease);
}

.complex-care__cta::before,
.appointment-primary::before,
.appointment-secondary a::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #f2f4f2;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .48s cubic-bezier(.22, 1, .36, 1);
}

.complex-care__cta:hover,
.complex-care__cta:focus-visible,
.appointment-primary:hover,
.appointment-primary:focus-visible,
.appointment-secondary a:hover,
.appointment-secondary a:focus-visible {
  color: #121415;
  border-color: rgba(242, 244, 242, .9);
  background-color: #f2f4f2;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
  transform: translateY(-3px);
}

.complex-care__cta:hover::before,
.complex-care__cta:focus-visible::before,
.appointment-primary:hover::before,
.appointment-primary:focus-visible::before,
.appointment-secondary a:hover::before,
.appointment-secondary a:focus-visible::before { transform: scaleX(1); transform-origin: left; }

.complex-care__cta:hover b,
.complex-care__cta:focus-visible b { transform: rotate(45deg); }

.appointment-whatsapp b,
.appointment-call i {
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: color .35s ease, transform .4s var(--ease), filter .35s ease;
}

.appointment-whatsapp:hover b,
.appointment-whatsapp:focus-visible b,
.appointment-call:hover i,
.appointment-call:focus-visible i {
  color: #101213;
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .58));
  transform: rotate(-8deg) scale(1.12);
}

.appointment-secondary svg { width: 28px; height: 28px; stroke-width: 1.65; }

/* The evidence cards regain their subtle diagnostic material. */
.evidence-grid article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(142deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .02)),
    linear-gradient(110deg, rgba(29, 35, 36, .035), transparent 58%);
}

.evidence-grid article::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .5;
  background:
    radial-gradient(circle at 16% 16%, rgba(24, 30, 31, .18) 0 1px, transparent 1.7px),
    repeating-linear-gradient(130deg, rgba(26, 32, 33, .10) 0 1px, transparent 1px 13px),
    linear-gradient(90deg, transparent 49.75%, rgba(24, 30, 31, .06) 50%, transparent 50.25%);
  background-size: 28px 28px, auto, 88px 100%;
}

/* A more deliberate preloader: larger brand, quiet optical pulse, no hero rewrite. */
.preloader { gap: 26px; background: #090a0b; }
.preloader::before {
  inset: -25%;
  background:
    radial-gradient(circle at 50% 46%, rgba(222, 229, 226, .13) 0 1px, transparent 2px),
    radial-gradient(ellipse at 50% 50%, rgba(182, 191, 188, .16), transparent 42%);
  background-size: 22px 22px, auto;
  filter: none;
  animation-duration: 2.4s;
}
.preloader__brand { gap: 18px; font-size: clamp(42px, 5vw, 64px); letter-spacing: -.085em; }
.preloader__brand img { width: clamp(64px, 7vw, 86px); height: clamp(64px, 7vw, 86px); }
.preloader__line { width: min(62vw, 330px); height: 2px; }
.preloader__line i { animation-duration: 1.65s; }
.preloader small { font-size: 10px; letter-spacing: .24em; }

@media (max-width: 900px) {
  .result-case__reveal { min-height: 50px; gap: 14px; padding-left: 17px; }
  .result-case__reveal span { font-size: 10px; }
  .result-case__reveal b { width: 34px; height: 34px; }

  .appointment-secondary a { min-height: 108px; }
  .appointment-whatsapp b,
  .appointment-call i { width: 34px; height: 34px; }
  .appointment-secondary svg { width: 30px; height: 30px; }
  .appointment-call b { padding-right: 44px; }

  .preloader { gap: 19px; }
  .preloader__brand { gap: 13px; font-size: 42px; }
  .preloader__brand img { width: 58px; height: 58px; }
  .preloader__line { width: 220px; }
  .preloader small { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .result-case__media > img,
  .result-case__media::before,
  .result-case__reveal,
  .complex-care__cta,
  .appointment-primary,
  .appointment-secondary a { transition: none; }
}


/* M15 mobile refinements: neutral route field, autonomous vertical plan and tactile controls. */
@media (max-width: 900px) {
  .journey-panel--intro {
    background:
      radial-gradient(72% 56% at 74% 58%, rgba(190, 190, 190, .09), transparent 70%),
      radial-gradient(58% 48% at 7% 6%, rgba(255, 255, 255, .045), transparent 66%),
      linear-gradient(145deg, #1c1d1e 0%, #101112 47%, #070707 100%) !important;
  }

  .journey-panel--intro::before {
    background:
      linear-gradient(rgba(232, 232, 232, .12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(232, 232, 232, .12) 1px, transparent 1px);
  }

  .journey-panel--intro::after {
    background:
      linear-gradient(rgba(214, 214, 214, .14) 1px, transparent 1px),
      linear-gradient(90deg, rgba(214, 214, 214, .14) 1px, transparent 1px);
  }

  .journey-panel--plan {
    min-height: 94svh !important;
    padding: 64px 28px 34px !important;
  }

  .journey-panel--plan .journey-panel__copy {
    z-index: 5 !important;
    max-width: 59% !important;
    transform: none !important;
  }

  .journey-panel--plan h3 {
    font-size: clamp(43px, 10.8vw, 52px) !important;
    line-height: .84 !important;
  }

  .journey-panel--plan .treatment-route-art {
    z-index: 3 !important;
    top: 12% !important;
    right: 11px !important;
    bottom: auto !important;
    width: 45% !important;
    height: 68% !important;
    opacity: 1 !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 11%, #000 91%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, #000 11%, #000 91%, transparent 100%) !important;
  }

  .journey-panel--plan .treatment-route-art__plane {
    inset: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .journey-panel--plan .treatment-route-art__plane::before { display: none; }

  .journey-panel--plan .treatment-route-art svg {
    position: absolute !important;
    top: 50%;
    left: 50%;
    width: 282% !important;
    height: 54% !important;
    max-width: none !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
    transform-origin: center !important;
  }

  .journey-panel--plan .route-grid {
    stroke: rgba(224, 224, 224, .17) !important;
    stroke-width: 1.2 !important;
  }

  .journey-panel--plan .route-axis { stroke: rgba(238, 238, 238, .22) !important; }

  .journey-panel--plan .route-shadow,
  .journey-panel--plan .route-line {
    stroke-dasharray: 1 !important;
    stroke-dashoffset: 1 !important;
  }

  .journey-panel--plan .route-shadow { opacity: 0; }
  .journey-panel--plan .route-nodes circle { opacity: 0 !important; transform: scale(.28) !important; }

  .journey-panel--plan.is-mobile-route-played .route-shadow {
    animation: mobile-route-shadow 1.75s cubic-bezier(.22, .72, .24, 1) forwards;
  }

  .journey-panel--plan.is-mobile-route-played .route-line {
    animation: mobile-route-draw 1.75s cubic-bezier(.22, .72, .24, 1) forwards;
  }

  .journey-panel--plan.is-mobile-route-played .route-nodes circle {
    animation: mobile-route-node .42s cubic-bezier(.2, .8, .2, 1) forwards;
  }

  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(1) { animation-delay: .18s; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(2) { animation-delay: .48s; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(3) { animation-delay: .78s; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(4) { animation-delay: 1.08s; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(5) { animation-delay: 1.38s; }

  .journey-control-image--mobile { display: block !important; }
  .journey-control-image--desktop { display: none !important; }

  .journey-panel--control > .journey-control-image--mobile {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 72% center !important;
    opacity: .94 !important;
    filter: grayscale(1) contrast(1.12) brightness(.82) !important;
    transform: none !important;
  }

  .doctor-slider__rail {
    left: 16px !important;
    right: auto !important;
    top: 21% !important;
    bottom: auto !important;
    width: 42px !important;
    height: auto !important;
    flex-direction: column !important;
    gap: 7px !important;
    padding: 0 !important;
  }

  .doctor-slider__rail button {
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 50% !important;
    background: rgba(244, 246, 245, .14) !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
  }

  .doctor-slider__rail button.is-active {
    background: rgba(244, 246, 245, .78) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .2);
  }

  .results-actions { gap: 10px !important; margin-top: 20px !important; }

  .results-actions a {
    min-height: 68px !important;
    padding-inline: 20px !important;
    border: 1px solid rgba(235, 239, 238, .2) !important;
    border-radius: 18px !important;
    background: linear-gradient(112deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .022)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 10px 28px rgba(0, 0, 0, .16);
  }

  .results-actions a:active { transform: scale(.985); }

  .results-actions__icon {
    display: grid !important;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(240, 243, 242, .42);
    border-radius: 50%;
  }

  .results-actions__icon svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .footer-brand img { filter: brightness(0) invert(1) !important; }
}

@media (min-width: 901px) {
  .journey-control-image--mobile { display: none !important; }
}

@keyframes mobile-route-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}

@keyframes mobile-route-shadow {
  0% { opacity: 0; stroke-dashoffset: 1; }
  12% { opacity: .65; }
  100% { opacity: .65; stroke-dashoffset: 0; }
}

@keyframes mobile-route-node {
  from { opacity: 0; transform: scale(.28); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .journey-panel--plan .route-shadow,
  .journey-panel--plan .route-line { stroke-dashoffset: 0 !important; }
  .journey-panel--plan .route-shadow { opacity: .65; }
  .journey-panel--plan .route-nodes circle { opacity: 1 !important; transform: scale(1) !important; }
}

/* M16: mobile route is a dimensional diagnostic instrument, not a flat grid. */
@media (max-width: 900px) {
  .journey-panel--intro::before {
    opacity: .78 !important;
    background:
      linear-gradient(rgba(234, 236, 235, .23) 1px, transparent 1px),
      linear-gradient(90deg, rgba(234, 236, 235, .23) 1px, transparent 1px) !important;
    background-size: 38px 38px !important;
  }

  .journey-panel--intro::after {
    opacity: .46 !important;
    background:
      linear-gradient(rgba(196, 202, 201, .20) 1px, transparent 1px),
      linear-gradient(90deg, rgba(196, 202, 201, .20) 1px, transparent 1px) !important;
    background-size: 24px 24px !important;
  }

  .journey-panel--scan > img {
    opacity: .8 !important;
    filter: grayscale(1) contrast(1.08) brightness(.84) !important;
  }

  .journey-panel--scan::before {
    background:
      linear-gradient(180deg, rgba(7, 9, 10, .63) 0%, rgba(8, 10, 11, .11) 42%, rgba(7, 9, 10, .82) 100%),
      linear-gradient(90deg, rgba(7, 9, 10, .84) 0%, rgba(8, 10, 11, .30) 59%, transparent 100%) !important;
  }

  .journey-panel--plan {
    min-height: 96svh !important;
    padding: 60px 28px 34px !important;
    background:
      radial-gradient(75% 55% at 86% 36%, rgba(133, 147, 147, .13), transparent 68%),
      linear-gradient(145deg, #171a1b 0%, #080a0b 100%) !important;
  }

  .journey-panel--plan .journey-panel__copy {
    max-width: 54% !important;
    z-index: 6 !important;
  }

  .journey-panel--plan h3 {
    font-size: clamp(42px, 10.35vw, 50px) !important;
    letter-spacing: -.025em;
  }

  .journey-panel--plan .treatment-route-art {
    z-index: 3 !important;
    top: 9% !important;
    right: -2px !important;
    bottom: auto !important;
    width: 53% !important;
    height: 75% !important;
    overflow: visible !important;
    opacity: 1 !important;
    perspective: 1100px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .journey-panel--plan .treatment-route-art__plane {
    inset: 0 0 0 3% !important;
    overflow: hidden !important;
    border: 1px solid rgba(238, 242, 240, .23) !important;
    border-right: 0 !important;
    border-radius: 22px 0 0 22px !important;
    background:
      radial-gradient(75% 55% at 74% 12%, rgba(241, 245, 243, .16), transparent 58%),
      linear-gradient(128deg, rgba(108, 121, 121, .34), rgba(12, 16, 18, .18) 48%, rgba(2, 3, 4, .72)),
      repeating-linear-gradient(136deg, rgba(231, 238, 235, .055) 0 1px, transparent 1px 12px),
      #0b0e10 !important;
    box-shadow: -24px 28px 52px rgba(0, 0, 0, .46), inset 1px 1px rgba(255, 255, 255, .15), inset -18px 0 36px rgba(0, 0, 0, .32) !important;
    transform: rotateY(-10deg) rotateX(4deg) translateZ(0) !important;
    transform-origin: right center !important;
    transform-style: preserve-3d !important;
  }

  .journey-panel--plan .treatment-route-art__plane::before {
    display: block !important;
    inset: 0 !important;
    background:
      linear-gradient(114deg, rgba(255, 255, 255, .18), transparent 26%, transparent 69%, rgba(255, 255, 255, .06)),
      radial-gradient(52% 32% at 36% 88%, rgba(176, 196, 193, .13), transparent 72%) !important;
    opacity: 1 !important;
  }

  .journey-panel--plan .treatment-route-art svg {
    top: 50% !important;
    left: 50% !important;
    width: 310% !important;
    height: 62% !important;
    transform: translate(-50%, -50%) rotate(90deg) translateZ(14px) !important;
  }

  .journey-panel--plan .route-grid { stroke: rgba(224, 233, 230, .24) !important; }
  .journey-panel--plan .route-axis { stroke: rgba(242, 245, 244, .34) !important; }
  .journey-panel--plan .route-line { stroke: url(#route-metal) !important; stroke-width: 5px !important; }
  .journey-panel--plan .route-shadow { stroke: rgba(242, 248, 246, .82) !important; stroke-width: 13px !important; filter: blur(7px); }
  .journey-panel--plan .route-nodes circle { fill: #080b0c !important; stroke: #edf3f1 !important; stroke-width: 4px !important; }

  .journey-panel--control > .journey-control-image--mobile {
    object-fit: contain !important;
    object-position: right top !important;
    background: #020303 !important;
    opacity: .98 !important;
    filter: grayscale(1) contrast(1.12) brightness(.88) !important;
  }

  .service-card--implant.service-card--cinematic img {
    filter: grayscale(1) saturate(0) contrast(1.13) brightness(.86) !important;
  }

  .service-card::before {
    z-index: 0 !important;
    opacity: .105 !important;
    pointer-events: none;
  }

  .service-card--diagnostic::before { opacity: .135 !important; }
  .service-card--micro::before { content: "MICRO" !important; opacity: .115 !important; }
  .service-card--hygiene::before { content: "CLEAN" !important; opacity: .115 !important; }
}

/* M17: replayable route motion, protected portraits and a restrained mobile glass card. */
@media (max-width: 900px) {
  .journey-panel--plan .journey-panel__copy {
    max-width: 84% !important;
  }

  .journey-panel--plan .route-line,
  .journey-panel--plan .route-shadow {
    stroke-dashoffset: 1 !important;
    animation: none !important;
  }

  .journey-panel--plan .route-shadow { opacity: 0 !important; }
  .journey-panel--plan .route-nodes circle { opacity: 0 !important; transform: scale(.28) !important; animation: none !important; }

  .journey-panel--plan.is-mobile-route-played .route-line {
    animation: mobile-route-draw-soft 2.8s cubic-bezier(.24, .72, .18, 1) forwards !important;
  }

  .journey-panel--plan.is-mobile-route-played .route-shadow {
    animation: mobile-route-shadow-soft 2.8s cubic-bezier(.24, .72, .18, 1) forwards !important;
  }

  .journey-panel--plan.is-mobile-route-played .route-nodes circle {
    animation: mobile-route-node-soft .48s cubic-bezier(.2, .82, .22, 1) forwards !important;
  }

  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(1) { animation-delay: .26s !important; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(2) { animation-delay: .79s !important; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(3) { animation-delay: 1.35s !important; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(4) { animation-delay: 1.92s !important; }
  .journey-panel--plan.is-mobile-route-played .route-nodes circle:nth-child(5) { animation-delay: 2.43s !important; }

  .journey-panel--plan .route-stage {
    display: flex !important;
    z-index: 5 !important;
    min-width: 0 !important;
    gap: 5px !important;
    align-items: baseline;
    color: rgba(246, 249, 247, .92) !important;
    font-size: 7px !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    text-shadow: 0 2px 9px #020303;
    transform: translateZ(24px);
    opacity: 0 !important;
  }

  .journey-panel--plan .route-stage b { font-size: 23px !important; }
  .journey-panel--plan .route-stage--diagnosis { left: 8% !important; top: 7% !important; bottom: auto !important; }
  .journey-panel--plan .route-stage--plan { left: 45% !important; top: 28% !important; bottom: auto !important; }
  .journey-panel--plan .route-stage--treatment { left: 7% !important; top: 52% !important; }
  .journey-panel--plan .route-stage--control { left: 43% !important; right: auto !important; top: 75% !important; }

  .journey-panel--plan.is-mobile-route-played .route-stage {
    animation: mobile-route-stage-soft .44s ease-out forwards;
  }
  .journey-panel--plan.is-mobile-route-played .route-stage--diagnosis { animation-delay: .3s; }
  .journey-panel--plan.is-mobile-route-played .route-stage--plan { animation-delay: .86s; }
  .journey-panel--plan.is-mobile-route-played .route-stage--treatment { animation-delay: 1.43s; }
  .journey-panel--plan.is-mobile-route-played .route-stage--control { animation-delay: 2s; }

  .doctors-intro__team img {
    object-position: 40% center !important;
  }

  .doctor-slider__rail {
    top: 12% !important;
  }

  .doctor-slide__copy > p {
    position: relative;
    z-index: 7;
    color: #fff !important;
    opacity: 1 !important;
    mix-blend-mode: difference;
  }

  .manifesto-aside {
    padding: 24px 20px !important;
    border: 1px solid rgba(255, 255, 255, .66) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(128deg, rgba(255, 255, 255, .56), rgba(229, 235, 234, .30)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 16px 36px rgba(29, 35, 36, .12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.05);
    backdrop-filter: blur(18px) saturate(1.05);
  }
}

@keyframes mobile-route-draw-soft {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}

@keyframes mobile-route-shadow-soft {
  0% { opacity: 0; stroke-dashoffset: 1; }
  12% { opacity: .5; }
  100% { opacity: .5; stroke-dashoffset: 0; }
}

@keyframes mobile-route-node-soft {
  from { opacity: 0; transform: scale(.28); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes mobile-route-stage-soft {
  from { opacity: 0; transform: translate3d(0, 6px, 24px); }
  to { opacity: 1; transform: translate3d(0, 0, 24px); }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .journey-panel--plan .route-line,
  .journey-panel--plan .route-shadow { stroke-dashoffset: 0 !important; }
  .journey-panel--plan .route-shadow { opacity: .5 !important; }
  .journey-panel--plan .route-nodes circle,
  .journey-panel--plan .route-stage { opacity: 1 !important; transform: scale(1) !important; }
}

/* M18: mobile spacing pass and a diagnostic bridge into the journey. */
@media (max-width: 900px) {
  .journey-panel--intro {
    background:
      linear-gradient(180deg, rgba(10, 12, 13, .08) 0%, rgba(8, 10, 11, .20) 50%, rgba(6, 8, 9, .70) 100%),
      url('../assets/images/art-directed/pass30/journey-grid-xray-transition-v1.png') center bottom / cover no-repeat !important;
  }

  .journey-panel--intro::before { opacity: .62 !important; }
  .journey-panel--intro::after { opacity: .32 !important; }

  .service-card--implant.service-card--cinematic img {
    filter: grayscale(1) saturate(0) contrast(1.13) brightness(.86) !important;
  }

  .service-card--micro .service-card__name {
    bottom: 146px !important;
  }

  .service-card--micro small {
    bottom: 30px !important;
  }

  .journey-panel--plan h3 {
    font-size: clamp(52px, 13.2vw, 64px) !important;
    line-height: .84 !important;
  }

  .journey-panel--team .journey-panel__copy > span {
    max-width: 92% !important;
    margin-top: 18px !important;
  }

  .journey-panel--team > small {
    top: 74% !important;
    right: 28px !important;
    bottom: auto !important;
    left: 28px !important;
    max-width: 270px !important;
    padding-top: 14px;
    border-top: 1px solid rgba(244, 247, 245, .26);
  }

  .doctors-intro__team img {
    object-position: 58% center !important;
  }

  .doctor-slide__copy > p {
    color: #fff !important;
    background: #fff !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    mix-blend-mode: difference !important;
    filter: none !important;
  }

  .result-case--full-pair .result-case__copy h3 {
    font-size: clamp(53px, 13.2vw, 62px) !important;
    line-height: .87 !important;
  }

  .result-case--full-pair .result-case__copy > span {
    max-width: calc(100% - 18px) !important;
    margin-top: 18px !important;
    padding-bottom: 62px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 901px) {
  .service-card--implant.service-card--cinematic img {
    filter: grayscale(1) saturate(0) contrast(1.13) brightness(.86) !important;
  }
}

/* M19: material relief for the method card and a reliable diagnostic background asset. */
@media (max-width: 900px) {
  .journey-panel--intro {
    background-image:
      linear-gradient(180deg, rgba(10, 12, 13, .08) 0%, rgba(8, 10, 11, .20) 50%, rgba(6, 8, 9, .70) 100%),
      url('../assets/images/art-directed/pass30/journey-grid-xray-transition-v1.png') !important;
    background-position: center, center bottom !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
  }

  .manifesto-aside {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    outline: 1px solid rgba(20, 27, 28, .07);
    outline-offset: -2px;
  }

  .manifesto-aside::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -28% -16%;
    pointer-events: none;
    opacity: .32;
    background:
      radial-gradient(ellipse 52% 36% at 14% 12%, transparent 59%, rgba(35, 45, 45, .16) 60% 60.7%, transparent 61.4%),
      radial-gradient(ellipse 46% 34% at 90% 88%, transparent 58%, rgba(255, 255, 255, .72) 59% 59.8%, transparent 60.6%),
      repeating-linear-gradient(138deg, rgba(28, 37, 38, .055) 0 1px, transparent 1px 12px);
    transform: rotate(-7deg);
  }

  .manifesto-aside > p,
  .manifesto-aside dl { position: relative; z-index: 1; }
}

/* M20: the doctor credential blends against the assembled portrait, not its copy container. */
.doctor-slide__blend-label { display: none; }

@media (max-width: 900px) {
  .doctor-slide__blend-label {
    position: absolute;
    z-index: 6;
    top: 45.5%;
    left: 20px;
    right: 20px;
    display: block;
    margin: 0;
    color: #fff;
    font-size: 11.5px;
    line-height: 1.35;
    letter-spacing: .14em;
    text-transform: uppercase;
    mix-blend-mode: difference;
    pointer-events: none;
  }

  .doctor-slide__blend-label ~ .doctor-slide__copy > p {
    visibility: hidden;
  }

  .doctor-slide__copy > p {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    mix-blend-mode: normal !important;
  }
}

/* M28: final desktop ratio override — clinical proof leads, copy supports. */
@media (min-width: 901px) {
  .result-case {
    grid-template-columns: minmax(0, 1.5fr) minmax(360px, 1fr) !important;
  }

  .result-case__media {
    width: 100% !important;
    max-width: none !important;
    min-height: 520px !important;
    height: min(58vh, 620px) !important;
  }

  .result-case__copy {
    padding: clamp(34px, 3.4vw, 58px) clamp(34px, 3.6vw, 68px) !important;
  }
}

/* M21: a black diagnostic field, not a perspective floor, for the mobile journey entry. */
@media (max-width: 900px) {
  .journey-panel--intro {
    background:
      radial-gradient(78% 56% at 72% 54%, rgba(255, 255, 255, .026), transparent 72%),
      linear-gradient(180deg, #020202 0%, #070707 100%) !important;
  }

  .journey-panel--intro::before {
    inset: 0 !important;
    opacity: .18 !important;
    background:
      radial-gradient(circle at 0 0, rgba(232, 232, 232, .48) 0 1.15px, transparent 1.8px),
      linear-gradient(rgba(228, 228, 228, .18) 1px, transparent 1px),
      linear-gradient(90deg, rgba(228, 228, 228, .18) 1px, transparent 1px) !important;
    background-size: 52px 52px, 52px 52px, 52px 52px !important;
    transform: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    animation: mobile-intro-grid-near 22s cubic-bezier(.42, 0, .58, 1) infinite alternate !important;
  }

  .journey-panel--intro::after {
    inset: 8% -18% 0 !important;
    opacity: .085 !important;
    background:
      radial-gradient(circle at 0 0, rgba(235, 235, 235, .36) 0 .85px, transparent 1.45px),
      linear-gradient(rgba(225, 225, 225, .14) 1px, transparent 1px),
      linear-gradient(90deg, rgba(225, 225, 225, .14) 1px, transparent 1px) !important;
    background-size: 28px 28px, 28px 28px, 28px 28px !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 22%, #000) !important;
    mask-image: linear-gradient(180deg, transparent, #000 22%, #000) !important;
    animation: mobile-intro-grid-far 34s cubic-bezier(.42, 0, .58, 1) infinite alternate !important;
  }

  @keyframes mobile-intro-grid-near {
    from { background-position: 0 0, 0 0, 0 0; opacity: .14; }
    to { background-position: 10px 7px, 10px 7px, 10px 7px; opacity: .21; }
  }

  @keyframes mobile-intro-grid-far {
    from { background-position: 0 0, 0 0, 0 0; opacity: .055; }
    to { background-position: -7px 5px, -7px 5px, -7px 5px; opacity: .095; }
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .journey-panel--intro::before,
  .journey-panel--intro::after {
    animation: none !important;
  }
}

/* M33: final mobile corrective pass after every earlier journey declaration. */
@media (max-width: 900px) {
  .manifesto-aside {
    padding: 28px 24px !important;
    border: 1px solid rgba(18, 22, 23, .78) !important;
    border-radius: 26px !important;
    color: #f1f3f2 !important;
    background: radial-gradient(78% 70% at 100% 0%, rgba(225, 232, 228, .12), transparent 64%), repeating-linear-gradient(132deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 15px), linear-gradient(145deg, #242a2b 0%, #101314 74%) !important;
    box-shadow: 0 18px 42px rgba(20, 25, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  }
  .manifesto-aside > p, .manifesto-aside dt { color: #f1f3f2 !important; }
  .manifesto-aside dd { color: rgba(241, 243, 242, .64) !important; }
  .journey-panel--team .journey-panel__copy > p { transform: translateY(-10px) !important; }
  .journey-panel--team .journey-panel__copy > h3 { transform: translateY(-12px) scaleX(1.04) !important; transform-origin: left top; }
  .journey-panel--team .journey-panel__copy > span { position: absolute !important; z-index: 4 !important; right: 28px !important; bottom: 96px !important; left: 34px !important; margin: 0 !important; transform: none !important; }
  .journey-panel--team > small { position: absolute !important; z-index: 4 !important; right: 28px !important; bottom: 26px !important; left: 34px !important; width: auto !important; max-width: none !important; margin: 0 !important; text-align: left !important; transform: none !important; }
  .evidence-grid article, .evidence-finance { will-change: transform, opacity; transform-origin: 50% 76%; }
  .complex-care { background: linear-gradient(90deg, rgba(2, 3, 3, .86) 0%, rgba(2, 3, 3, .56) 55%, rgba(2, 3, 3, .3) 100%), linear-gradient(180deg, rgba(2, 3, 3, .24), rgba(2, 3, 3, .7)), url("../assets/images/complex-care-graphite-mobile.png") 61% center / cover no-repeat, #050606 !important; }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) { .evidence-grid article, .evidence-finance { will-change: auto; } }

@media (max-width: 900px) {
  .evidence-reveal {
    opacity: 0;
    transform: translate3d(0, 42px, 0) scale(.965) rotate(.38deg);
    transition: opacity .58s ease, transform .82s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--evidence-delay, 0ms);
  }
  .evidence-reveal.is-evidence-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .evidence-reveal { opacity: 1; transform: none; transition: none; }
}

/* M34: restrained desktop text focus, restricted to explicitly approved content. */
::selection {
  color: #f4f6f5;
  background: #333a3a;
}

::-moz-selection {
  color: #f4f6f5;
  background: #333a3a;
}

.manifesto-aside {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #16191a !important;
  border: 1px solid rgba(23, 27, 28, .22) !important;
  border-radius: 24px !important;
  background: rgba(244, 247, 246, .9) !important;
  box-shadow: 0 18px 44px rgba(25, 31, 32, .12), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  backdrop-filter: blur(12px);
}

.manifesto-aside::before,
.manifesto-aside::after {
  display: none !important;
  content: none !important;
}

.manifesto-aside > p {
  margin-left: 0;
  padding-left: 18px;
  border-left: 2px solid rgba(23, 27, 28, .74);
  color: #202526 !important;
}

.manifesto-aside dt { color: #171a1b !important; }
.manifesto-aside dd { color: rgba(23, 26, 27, .7) !important; }

.footer-brand img { filter: brightness(0) invert(1) !important; }

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  [data-text-focus] {
    opacity: .035;
    filter: blur(18px);
    transition: opacity .62s var(--ease), filter .9s var(--ease);
    transition-delay: var(--text-focus-delay, 0ms);
    will-change: opacity, filter;
  }

  [data-text-focus].is-text-focus-visible {
    opacity: 1;
    filter: blur(0);
  }

  .hero-hand {
    left: clamp(430px, 30.8vw, 650px) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .92) 84%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .92) 84%, transparent 100%);
  }
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  [data-text-focus] {
    opacity: 1;
    filter: none;
    transition: none;
  }
}

/* M35: mobile controls and the clinical footer field. */
@media (max-width: 900px) {
  .menu-button {
    position: relative;
    width: 46px !important;
    height: 46px !important;
    border-color: rgba(255, 255, 255, .42) !important;
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 16px rgba(0, 0, 0, .16);
  }

  .menu-button span {
    position: absolute;
    left: 50%;
    width: 18px !important;
    height: 1px !important;
    margin: 0 !important;
    border-radius: 999px;
    transform: translateX(-50%);
    transform-origin: center;
    transition: transform .38s cubic-bezier(.22, 1, .36, 1), opacity .22s ease, width .28s ease;
  }

  .menu-button span:nth-child(1) { top: 15px; width: 12px !important; }
  .menu-button span:nth-child(2) { top: 22px; width: 20px !important; }
  .menu-button span:nth-child(3) { top: 29px; width: 12px !important; }

  .menu-button[aria-expanded="true"] {
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(255, 255, 255, .72) !important;
    transform: rotate(90deg);
  }

  .menu-button[aria-expanded="true"] span:nth-child(1) { width: 20px !important; transform: translateX(-50%) translateY(7px) rotate(45deg); }
  .menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; transform: translateX(-50%) scaleX(.35); }
  .menu-button[aria-expanded="true"] span:nth-child(3) { width: 20px !important; transform: translateX(-50%) translateY(-7px) rotate(-45deg); }

  .journey-panel--team .journey-panel__copy > h3 {
    font-size: clamp(56px, 14.8vw, 68px) !important;
    line-height: .82 !important;
    transform: translateY(-10px) !important;
  }

  .journey-panel--team .journey-panel__copy > span {
    right: 24px !important;
    bottom: 86px !important;
    left: 28px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .journey-panel--team > small {
    right: 24px !important;
    bottom: 20px !important;
    left: 28px !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
  }

  .site-footer::before {
    opacity: .46 !important;
    background-size: 24px 24px, 36px 36px, auto, auto !important;
    animation-duration: 14s !important;
  }

  .site-footer::after {
    right: -36vw !important;
    top: 22% !important;
    width: 116vw !important;
    border-color: rgba(255, 255, 255, .2) !important;
    box-shadow: inset 0 0 0 34px rgba(255, 255, 255, .028), inset 0 0 0 68px rgba(255, 255, 255, .02), 0 0 64px rgba(220, 235, 232, .05) !important;
    animation-duration: 16s !important;
  }
}

@media (min-width: 901px) {
  .service-card--micro .service-card__name {
    bottom: 156px !important;
  }

  .service-card--micro small {
    bottom: 26px !important;
  }
}

/* M36: complete foreground hand, aligned to the Hero's lower edge. */
@media (min-width: 901px) {
  .hero-hand {
    left: clamp(400px, 29.2vw, 610px) !important;
    top: auto !important;
    bottom: 0 !important;
    width: clamp(350px, 24.5vw, 440px) !important;
    height: auto !important;
    opacity: 1 !important;
    transform: rotate(-2deg) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    filter: saturate(.84) contrast(1.03) drop-shadow(0 30px 28px rgba(0, 0, 0, .26)) !important;
  }
}

/* M37: make the quote read like a deliberate selection and reserve one calm text column on the mobile team panel. */
.manifesto-aside {
  background: linear-gradient(142deg, #f4f6f4 0%, #e7ece9 100%) !important;
  border-color: rgba(25, 32, 33, .26) !important;
  box-shadow: 0 18px 42px rgba(24, 31, 32, .11), inset 0 1px rgba(255, 255, 255, .94) !important;
}

.manifesto-aside::before,
.manifesto-aside::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(34, 43, 43, .16);
  border-radius: 50%;
}

.manifesto-aside::before {
  width: 72%;
  aspect-ratio: 1;
  right: -31%;
  bottom: -48%;
  box-shadow: inset 0 0 0 24px rgba(34, 43, 43, .035), inset 0 0 0 48px rgba(34, 43, 43, .025);
}

.manifesto-aside::after {
  width: 42%;
  aspect-ratio: 1;
  left: -22%;
  top: -25%;
  box-shadow: inset 0 0 0 20px rgba(34, 43, 43, .032);
}

.manifesto-aside > p {
  padding-left: 20px;
  border-left: 2px solid rgba(24, 31, 32, .72);
  line-height: 1.5;
}

.manifesto-aside > p > span {
  padding: .1em .26em .13em;
  color: #1d2425;
  background: rgba(197, 211, 212, .66);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (min-width: 901px) {
  .hero-hand {
    left: clamp(420px, 30.5vw, 590px) !important;
    width: clamp(300px, 19vw, 380px) !important;
    bottom: -3px !important;
  }
}

@media (max-width: 900px) {
  .journey-panel--team .journey-panel__copy {
    align-self: flex-start !important;
    width: min(74%, 330px) !important;
    margin-top: 178px !important;
    padding: 0 !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > p {
    margin: 0 0 28px !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > h3 {
    margin: 0 !important;
    font-size: clamp(54px, 13.4vw, 64px) !important;
    line-height: .84 !important;
    transform: none !important;
  }

  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    margin: 24px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .journey-panel--team > small {
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
    width: auto !important;
    max-width: 270px !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
  }
}

/* M39: final mobile team composition takes precedence over historical pass rules. */
@media (max-width: 900px) {
  .journey-panel--team .journey-panel__copy {
    margin-top: 158px !important;
    width: min(76%, 330px) !important;
  }
  .journey-panel--team .journey-panel__copy > span {
    position: absolute !important;
    top: 470px !important;
    right: 24px !important;
    bottom: auto !important;
    left: 28px !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }
  .journey-panel--team > small {
    position: absolute !important;
    top: 574px !important;
    right: 24px !important;
    bottom: auto !important;
    left: 28px !important;
    width: auto !important;
    max-width: 300px !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
  }
}

@media (min-width: 901px) {
  .result-case--full-pair .result-case__media { background: #050607 !important; }
  .result-case--full-pair .result-case__media > img { object-fit: contain !important; object-position: center !important; }
}

/* M41: final composed mobile rhythm and safe doctor portrait framing. */
@media (max-width: 900px) {
  .journey-panel--team .journey-panel__copy { width: min(79%, 350px) !important; margin-top: 174px !important; padding: 0 !important; transform: none !important; }
  .journey-panel--team .journey-panel__copy > p { margin: 0 0 24px !important; transform: none !important; }
  .journey-panel--team .journey-panel__copy > h3 { margin: 0 !important; font-size: clamp(52px, 13vw, 63px) !important; line-height: .84 !important; transform: none !important; }
  .journey-panel--team .journey-panel__copy > span { position: relative !important; inset: auto !important; display: block !important; width: auto !important; margin: 24px 0 0 !important; font-size: 16px !important; line-height: 1.4 !important; }
  .journey-panel--team > small { position: absolute !important; z-index: 4 !important; top: auto !important; right: 24px !important; bottom: 28px !important; left: 28px !important; width: auto !important; max-width: 340px !important; margin: 0 !important; font-size: 13px !important; line-height: 1.34 !important; text-align: left !important; transform: none !important; }
  .doctors-intro__head > p:not(.eyebrow) { font-size: 17px !important; line-height: 1.44 !important; }
  .result-case--full-pair .result-case__copy > span { font-size: 17px !important; line-height: 1.45 !important; }
  .doctor-slide__portrait, .doctor-slide__portrait--cutout, .doctor-slide__portrait--profile, .doctor-slide__portrait--wide { top: 0 !important; right: 0 !important; bottom: auto !important; left: auto !important; width: 100% !important; max-width: none !important; height: 56% !important; max-height: none !important; object-fit: contain !important; object-position: right top !important; transform: none !important; -webkit-mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 0 74%, rgba(0, 0, 0, .58) 92%, transparent 100%) !important; }
  .doctor-slide--ali .doctor-slide__portrait { height: 60% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { height: 59% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { height: 58% !important; }
}

@media (min-width: 901px) {
  .doctor-slide__portrait, .doctor-slide__portrait--cutout, .doctor-slide__portrait--profile, .doctor-slide__portrait--wide { top: auto !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: auto !important; max-width: none !important; height: 96% !important; max-height: none !important; object-fit: contain !important; object-position: right bottom !important; transform: none !important; -webkit-mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 0 88%, rgba(0, 0, 0, .94) 95%, transparent 100%) !important; }
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__portrait { right: -1.5% !important; }
  .doctor-slide--ali .doctor-slide__portrait { right: -2.5% !important; height: 98% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { right: 0 !important; height: 92% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { right: -1% !important; height: 95% !important; }
}

/* Telegram-like clinic quote, not an iPhone text-selection imitation. */
.manifesto-aside { color: #eef1ef !important; border: 1px solid rgba(157, 171, 169, .48) !important; border-radius: 22px !important; background: linear-gradient(145deg, #2b3031 0%, #171b1c 100%) !important; box-shadow: 0 18px 42px rgba(20, 24, 24, .17), inset 0 1px 0 rgba(255, 255, 255, .09) !important; backdrop-filter: none !important; }
.manifesto-aside::before, .manifesto-aside::after { display: none !important; content: none !important; }
.manifesto-aside > p { position: relative; margin: 0 !important; padding: 2px 34px 2px 20px !important; border-left: 3px solid #b6c1bf !important; color: #f2f4f2 !important; font-size: clamp(18px, 1.55vw, 26px) !important; line-height: 1.48 !important; }
.manifesto-aside > p::after { content: "”"; position: absolute; top: -14px; right: 4px; color: rgba(209, 220, 217, .64); font-family: Georgia, serif; font-size: 64px; line-height: 1; }
.manifesto-aside > p > span { padding: 0 !important; color: inherit !important; background: none !important; }
.manifesto-aside dt { color: #f4f6f4 !important; }
.manifesto-aside dd { color: rgba(235, 240, 238, .66) !important; }
.manifesto-aside dl > div { border-top-color: rgba(220, 230, 227, .22) !important; }
@media (max-width: 900px) { .manifesto-aside { padding: 28px 24px !important; border-radius: 24px !important; } .manifesto-aside > p { padding: 1px 25px 1px 16px !important; font-size: 17px !important; line-height: 1.48 !important; } .manifesto-aside > p::after { top: -8px; right: 0; font-size: 50px; } }

/* M42: every doctor keeps a deliberate, face-safe camera rather than inheriting one crop. */
@media (max-width: 900px) {
  .doctor-slide__blend-label { display: none !important; }
  .doctor-slide__blend-label ~ .doctor-slide__copy > p {
    display: block !important;
    position: relative !important;
    z-index: 8 !important;
    visibility: visible !important;
    margin: 0 0 11px !important;
    color: #15191a !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    mix-blend-mode: normal !important;
  }
  .doctor-slide--dark .doctor-slide__copy > p { color: #f4f5f4 !important; }
  .doctor-slide--elbrus .doctor-slide__copy > p { color: #15191a !important; }

  .doctor-slide__portrait {
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    width: 116% !important;
    height: 65% !important;
    transform: translateX(-50%) !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .doctor-slide:first-child .doctor-slide__portrait { width: 114% !important; height: 67% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { width: 116% !important; height: 67% !important; }
  .doctor-slide--ali .doctor-slide__portrait { width: 122% !important; height: 68% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { width: 118% !important; height: 74% !important; }
}

@media (min-width: 901px) {
  .doctor-slide__portrait {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 46% !important;
    width: 56% !important;
    height: 100% !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .doctor-slide--elbrus .doctor-slide__portrait { left: 45% !important; width: 57% !important; height: 100% !important; }
  .doctor-slide--ali .doctor-slide__portrait { left: 42% !important; width: 62% !important; height: 100% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { left: 44% !important; width: 59% !important; height: 100% !important; }
}

/* M42: one continuous clinical grid rises out of the hero in a visible, calm arch. */
.transition-arc {
  height: clamp(150px, 13vw, 220px) !important;
  min-height: 150px !important;
  background: #151719 !important;
}
.transition-arc::before {
  inset: 28px -16% -1px !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: ellipse(82% 100% at 50% 100%) !important;
  background:
    linear-gradient(rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .105) 1px, transparent 1px),
    linear-gradient(rgba(21, 23, 25, .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 23, 25, .058) 1px, transparent 1px),
    var(--premium-fog) !important;
  background-size: 72px 72px, 72px 72px, 288px 288px, 288px 288px, auto !important;
  background-position: 0 0 !important;
  box-shadow: 0 -1px 0 rgba(245, 248, 247, .72), 0 -18px 32px rgba(223, 229, 228, .12) !important;
}
.transition-arc::after { display: none !important; }
@media (max-width: 900px) {
  .transition-arc { height: 138px !important; min-height: 138px !important; }
  .transition-arc::before { inset: 24px -38% -1px !important; clip-path: ellipse(96% 100% at 50% 100%) !important; }
}

/* M43: doctor portraits are staged as complete, action-led silhouettes. */
@media (max-width: 900px) {
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: auto !important;
    height: 76% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translateX(-50%) !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  .doctor-slide:first-child .doctor-slide__portrait { top: 8px !important; height: 77% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { top: 8px !important; height: 76% !important; }
  .doctor-slide--ali .doctor-slide__portrait { top: 4px !important; height: 80% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { top: 4px !important; height: 80% !important; }
}

@media (min-width: 901px) {
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    left: 43% !important;
    width: auto !important;
    height: calc(100% - 12px) !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  .doctor-slide--elbrus .doctor-slide__portrait { top: 8px !important; left: 43% !important; height: calc(100% - 10px) !important; }
  .doctor-slide--ali .doctor-slide__portrait { top: 5px !important; left: 40% !important; height: calc(100% - 6px) !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { top: 5px !important; left: 41% !important; height: calc(100% - 7px) !important; }
}

/* The hero remains a composed scene when a desktop browser is narrowed. */
@media (min-width: 601px) and (max-width: 900px) {
  .hero-scene__background,
  .hero-scene__doctor {
    top: 0 !important;
    left: -9% !important;
    width: 118% !important;
    height: 100% !important;
    object-position: 67% top !important;
  }
}

/* Keep before/after records at their native, whole-frame scale on wide screens. */
@media (min-width: 901px) {
  .result-case--full-pair .result-case__media {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }
  .result-case--full-pair .result-case__media > img {
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 760px) !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* M44: approved corrective pass — one authoritative layer for the reported regressions. */
.preloader { display: none !important; }
body.is-ready { overflow-x: clip; }

/* The hand belongs only to a genuinely wide desktop composition. */
@media (max-width: 1179px) {
  .hero-hand { display: none !important; }
}

@media (min-width: 1500px) {
  .hero-hand {
    display: block !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: clamp(480px, 31vw, 600px) !important;
    width: clamp(320px, 18vw, 350px) !important;
    height: auto !important;
    opacity: 1 !important;
    transform: rotate(-1.4deg) !important;
    transform-origin: 50% 100% !important;
    object-fit: contain !important;
    filter: saturate(.82) contrast(1.02) drop-shadow(0 30px 30px rgba(0, 0, 0, .25)) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 74%, rgba(0, 0, 0, .96) 82%, rgba(0, 0, 0, .7) 91%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 74%, rgba(0, 0, 0, .96) 82%, rgba(0, 0, 0, .7) 91%, transparent 100%) !important;
  }
}

/* Calm clinical quote card: a compact field, not a dark floating phone. */
.manifesto-aside {
  isolation: isolate !important;
  align-self: center !important;
  min-height: clamp(520px, 40vw, 610px) !important;
  aspect-ratio: auto !important;
  padding: clamp(34px, 3.6vw, 62px) !important;
  color: #1c2324 !important;
  border: 1px solid rgba(37, 49, 49, .2) !important;
  border-radius: clamp(22px, 2vw, 32px) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(132, 147, 145, .25) 0 8%, transparent 9%),
    radial-gradient(circle at 84% 16%, rgba(132, 147, 145, .1) 0 22%, transparent 43%),
    linear-gradient(145deg, rgba(249, 251, 250, .98), rgba(221, 227, 225, .96)) !important;
  box-shadow: 0 26px 70px rgba(31, 40, 40, .13), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  overflow: hidden !important;
}

.manifesto-aside::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: inherit !important;
  background-image: radial-gradient(circle, rgba(40, 51, 51, .16) 1px, transparent 1.25px) !important;
  background-size: 22px 22px !important;
  opacity: .22 !important;
}

.manifesto-aside::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  right: -18% !important;
  bottom: -24% !important;
  width: 68% !important;
  aspect-ratio: 1 !important;
  border: 1px solid rgba(50, 63, 63, .12) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 28px rgba(53, 66, 66, .025), inset 0 0 0 56px rgba(53, 66, 66, .018) !important;
}

.manifesto-aside > p {
  position: relative !important;
  margin: 0 !important;
  padding: 0 46px 0 22px !important;
  color: #1b2223 !important;
  border-left: 2px solid rgba(31, 42, 42, .72) !important;
  font-size: clamp(19px, 1.45vw, 27px) !important;
  line-height: 1.46 !important;
}
.manifesto-aside > p::after { color: rgba(42, 55, 55, .42) !important; }
.manifesto-aside > p > span { padding: 0 !important; color: inherit !important; background: none !important; }
.manifesto-aside dt { color: #171d1e !important; }
.manifesto-aside dd { color: rgba(28, 37, 38, .67) !important; }
.manifesto-aside dl > div { border-top-color: rgba(31, 43, 43, .2) !important; }

/* Desktop results: every record gets the same stage and scales proportionally. */
@media (min-width: 1101px) {
  .results-stage { border: 1px solid rgba(218, 225, 223, .14) !important; }
  .result-case {
    grid-template-columns: minmax(0, 1.42fr) minmax(430px, .92fr) !important;
    min-height: clamp(610px, 68vh, 720px) !important;
    background: #0b0e0f !important;
  }
  .result-case__media {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: clamp(610px, 68vh, 720px) !important;
    margin: 0 !important;
    padding: clamp(34px, 3.2vw, 62px) clamp(54px, 5vw, 96px) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 47%, rgba(109, 125, 122, .11), transparent 46%),
      radial-gradient(circle, rgba(190, 204, 201, .12) 1.2px, transparent 1.6px),
      #050708 !important;
    background-size: auto, 38px 38px, auto !important;
  }
  .result-case--full-pair .result-case__media > img {
    width: min(100%, 690px) !important;
    height: min(100%, 620px) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 1px solid rgba(235, 240, 238, .18) !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .4) !important;
  }
  .result-case__copy {
    min-height: inherit !important;
    padding: clamp(42px, 4vw, 76px) clamp(46px, 4.3vw, 82px) !important;
    background: linear-gradient(145deg, #171b1c, #121617) !important;
  }
  .result-case__copy > span { font-size: clamp(16px, 1.05vw, 19px) !important; line-height: 1.48 !important; }
}

/* One mobile rhythm for the team panel; descriptive lines can no longer collide. */
@media (max-width: 900px) {
  .journey-panel--team .journey-panel__copy {
    width: min(82%, 352px) !important;
    margin-top: clamp(132px, 23vh, 166px) !important;
    padding: 0 !important;
    transform: none !important;
  }
  .journey-panel--team .journey-panel__copy > p { margin: 0 0 22px !important; }
  .journey-panel--team .journey-panel__copy > h3 { margin: 0 !important; font-size: clamp(48px, 12.5vw, 61px) !important; line-height: .86 !important; }
  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    margin: 22px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .journey-panel--team > small {
    top: auto !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 28px !important;
    max-width: 330px !important;
    font-size: 11px !important;
    line-height: 1.34 !important;
  }

  .manifesto-aside {
    width: 100% !important;
    aspect-ratio: auto !important;
    min-height: 0 !important;
    padding: 30px 24px !important;
    border-radius: 22px !important;
  }

  /* Portraits occupy a protected upper stage; copy owns the lower stage. */
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 4px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: auto !important;
    height: 61% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translateX(-50%) !important;
    object-fit: contain !important;
    object-position: center top !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 82%, rgba(0,0,0,.88) 91%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 82%, rgba(0,0,0,.88) 91%, transparent 100%) !important;
  }
  .doctor-slide:first-child .doctor-slide__portrait { height: 62% !important; }
  .doctor-slide--elbrus .doctor-slide__portrait { height: 61% !important; }
  .doctor-slide--ali .doctor-slide__portrait { top: 8px !important; height: 58% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { height: 62% !important; }
  .doctor-slide--mikail .doctor-slide__portrait {
    top: 0 !important;
    width: auto !important;
    height: 62% !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  .doctor-slide__copy {
    z-index: 7 !important;
    background: none !important;
  }
  .doctor-slide--dark .doctor-slide__copy { --doctor-copy-bg: transparent; }
}

@media (min-width: 901px) {
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 8px !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 58% !important;
    height: calc(100% - 10px) !important;
    object-fit: contain !important;
    object-position: right top !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 90%, rgba(0,0,0,.9) 96%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 90%, rgba(0,0,0,.9) 96%, transparent 100%) !important;
  }
  .doctor-slide--ali .doctor-slide__portrait { width: 62% !important; }
  .doctor-slide--ibragim .doctor-slide__portrait { width: 59% !important; }
  .doctor-slide--mikail .doctor-slide__portrait {
    right: 7% !important;
    width: auto !important;
    height: calc(100% - 10px) !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}

/* Conversion actions stay graphite on hover; no white rectangular inversion. */
.complex-care__cta:hover,
.complex-care__cta:focus-visible,
.appointment-primary:hover,
.appointment-primary:focus-visible {
  color: #f4f6f5 !important;
  border-color: rgba(219, 228, 225, .48) !important;
  background: #111516 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .27), 0 0 0 1px rgba(218, 228, 225, .1) inset !important;
  transform: translateY(-3px) scale(1.008) !important;
}

.complex-care__cta:hover::before,
.complex-care__cta:focus-visible::before,
.appointment-primary:hover::before,
.appointment-primary:focus-visible::before,
.appointment-secondary a:hover::before,
.appointment-secondary a:focus-visible::before {
  transform: scaleX(0) !important;
}

.appointment-secondary a:hover,
.appointment-secondary a:focus-visible {
  color: #f3f5f4 !important;
  border-color: rgba(231, 237, 235, .38) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08) !important;
  transform: translateY(-3px) !important;
}

.appointment-whatsapp:hover b,
.appointment-whatsapp:focus-visible b,
.appointment-call:hover i,
.appointment-call:focus-visible i { color: #f3f5f4 !important; }

@media (hover: hover) and (pointer: fine) {
  .results-actions a:hover,
  .results-actions a:focus-visible {
    color: #eef1ef !important;
    background: rgba(255, 255, 255, .035) !important;
    border-color: rgba(255, 255, 255, .34) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
    transform: scale(1.012) !important;
  }
}

/* M45: finish the approved corrective pass from the annotated review. */

/* The manifesto is an editorial quote panel, with no decorative orb. */
.manifesto-aside {
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  min-height: clamp(500px, 38vw, 580px) !important;
  padding: clamp(38px, 4vw, 68px) !important;
  border: 1px solid rgba(31, 42, 42, .24) !important;
  border-radius: 8px !important;
  color: #182021 !important;
  background: linear-gradient(135deg, #f5f7f5 0%, #e2e8e5 100%) !important;
  box-shadow: 0 24px 62px rgba(25, 33, 33, .12), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.manifesto-aside::before {
  content: "КЛИНИЧЕСКИЙ ПРИНЦИП" !important;
  display: block !important;
  position: static !important;
  width: auto !important;
  aspect-ratio: auto !important;
  margin: 0 0 clamp(44px, 5vw, 82px) !important;
  color: rgba(24, 32, 33, .57) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
}

.manifesto-aside::after { display: none !important; content: none !important; }

.manifesto-aside > p {
  align-self: start !important;
  max-width: 19em !important;
  padding: 0 0 0 24px !important;
  border-left: 2px solid #253031 !important;
  color: #182021 !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  line-height: 1.43 !important;
}

.manifesto-aside > p::after {
  top: -20px !important;
  right: -10px !important;
  color: rgba(28, 38, 39, .34) !important;
}

.manifesto-aside dl {
  display: grid !important;
  grid-template-columns: .72fr 1.28fr !important;
  gap: clamp(22px, 3vw, 48px) !important;
  align-self: end !important;
  margin: clamp(48px, 5vw, 82px) 0 0 !important;
}

.manifesto-aside dl > div {
  padding-top: 18px !important;
  border-top: 1px solid rgba(31, 43, 43, .28) !important;
}

.manifesto-aside dt { color: #171d1e !important; }
.manifesto-aside dd { color: rgba(28, 37, 38, .67) !important; }

/* The team statement steps down with the doctors instead of floating above them. */
.journey-panel--team .journey-panel__copy > h3 > span { display: block; }

@media (min-width: 901px) {
  .journey-panel--team .journey-panel__copy {
    top: clamp(74px, 10vh, 108px) !important;
    max-width: 55vw !important;
  }
  .journey-panel--team .journey-panel__copy > p { margin-bottom: clamp(28px, 4vh, 46px) !important; }
  .journey-panel--team .journey-panel__copy > h3 { line-height: .8 !important; }
  .journey-panel--team .journey-panel__copy > h3 > span + span { margin-top: .08em !important; }
  .journey-panel--team .journey-panel__copy > span { margin-top: clamp(28px, 4vh, 46px) !important; }
}

@media (max-width: 900px) {
  .manifesto-aside {
    min-height: 0 !important;
    padding: 30px 24px !important;
    border-radius: 8px !important;
  }
  .manifesto-aside::before { margin-bottom: 34px !important; }
  .manifesto-aside dl { margin-top: 44px !important; }

  .journey-panel--team .journey-panel__copy {
    width: min(82%, 352px) !important;
    margin-top: clamp(188px, 28vh, 220px) !important;
  }
  .journey-panel--team .journey-panel__copy > p { margin-bottom: 20px !important; }
  .journey-panel--team .journey-panel__copy > h3 {
    font-size: clamp(48px, 12.5vw, 61px) !important;
    line-height: .84 !important;
  }
  .journey-panel--team .journey-panel__copy > h3 > span + span { margin-top: .1em !important; }
  .journey-panel--team .journey-panel__copy > span {
    position: relative !important;
    inset: auto !important;
    margin-top: 22px !important;
  }
}

/* Keep the transition into the profiles clean: no detached bridge label. */
.doctors-intro { overflow: hidden !important; }
.doctors-intro__head::before { content: none !important; display: none !important; }

.doctor-slider { position: relative; z-index: 2; }

/* Desktop doctor template: copy / portrait / controls each own a separate lane. */
@media (min-width: 901px) {
  .doctor-slide__copy {
    z-index: 6 !important;
    left: clamp(42px, 4.5vw, 86px) !important;
    top: clamp(70px, 10vh, 104px) !important;
    width: min(43vw, 700px) !important;
  }

  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide {
    top: 4px !important;
    right: 20% !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: 58vw !important;
    height: calc(100% - 6px) !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 88%, rgba(0,0,0,.94) 95%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 88%, rgba(0,0,0,.94) 95%, transparent 100%) !important;
  }

  .doctor-slide--himalay .doctor-slide__portrait {
    top: 58px !important;
    right: 22% !important;
    height: 112% !important;
    max-width: 60vw !important;
  }
  .doctor-slide--elbrus .doctor-slide__portrait { right: 18% !important; height: 101% !important; }
  .doctor-slide--ali .doctor-slide__portrait { right: 17% !important; height: 101% !important; max-width: 62vw !important; }
  .doctor-slide.doctor-slide--ibragim .doctor-slide__portrait {
    top: 184px !important;
    right: 16% !important;
    height: 124% !important;
    max-width: 62vw !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 76%, rgba(0,0,0,.9) 84%, transparent 93%) !important;
    mask-image: linear-gradient(180deg, #000 0 76%, rgba(0,0,0,.9) 84%, transparent 93%) !important;
  }
  .doctor-slide--mikail .doctor-slide__portrait {
    top: 10px !important;
    right: 22% !important;
    width: auto !important;
    height: 112% !important;
    max-width: 58vw !important;
  }

  .doctor-slider__rail {
    z-index: 10 !important;
    top: 9% !important;
    right: clamp(18px, 2vw, 34px) !important;
    bottom: 15% !important;
    left: auto !important;
    width: clamp(160px, 11vw, 178px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .doctor-slider.is-dark-slide .doctor-slider__rail {
    border-color: transparent !important;
    background: transparent !important;
  }
  .doctor-slider__rail::before { left: 6px !important; top: 24px !important; bottom: 24px !important; }
  .doctor-slider__controls { z-index: 11 !important; right: clamp(22px, 2.3vw, 40px) !important; }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .doctor-slide__copy { width: 46vw !important; }
  .doctor-slide__portrait,
  .doctor-slide__portrait--cutout,
  .doctor-slide__portrait--profile,
  .doctor-slide__portrait--wide { right: 17% !important; max-width: 61vw !important; }
  .doctor-slider__rail { width: 176px !important; padding-inline: 0 !important; }
  .doctor-slider__rail span { font-size: 9px !important; }
}

/* Individual mobile framing from the approved doctor references. */
@media (max-width: 900px) {
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__copy {
    isolation: isolate !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    padding: 64px 20px 78px !important;
    background: linear-gradient(180deg, rgba(228, 234, 232, 0) 0%, rgba(228, 234, 232, .88) 56px, rgba(228, 234, 232, .975) 92px, rgba(228, 234, 232, .99) 100%) !important;
  }
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__copy::before {
    content: none !important;
    display: none !important;
  }

  .doctor-slide--himalay .doctor-slide__portrait {
    top: 10px !important;
    left: 50% !important;
    width: auto !important;
    height: 74% !important;
    max-width: none !important;
    object-position: center top !important;
  }
  .doctor-slide--himalay .doctor-slide__copy > p {
    position: relative !important;
    z-index: 9 !important;
    color: #fff !important;
    mix-blend-mode: difference !important;
  }

  .doctor-slide--ali .doctor-slide__portrait {
    left: 44% !important;
    height: 61% !important;
  }
  .doctor-slide--ali .doctor-slide__copy {
    --doctor-copy-bg: transparent !important;
    background: none !important;
  }
  .doctor-slide--ali .doctor-slide__xray--cephalometric {
    z-index: 8 !important;
    right: -2% !important;
    bottom: 52px !important;
    width: 63% !important;
    height: 46% !important;
    opacity: .34 !important;
  }
  .doctor-slide--ali .doctor-slide__copy > * { position: relative; z-index: 9; }

  .doctor-slide.doctor-slide--ibragim .doctor-slide__portrait {
    top: 28px !important;
    left: 50% !important;
    width: auto !important;
    height: 84% !important;
    max-width: none !important;
    object-position: center top !important;
    transform: translateX(-50%) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 68%, rgba(0,0,0,.9) 76%, transparent 88%) !important;
    mask-image: linear-gradient(180deg, #000 0 68%, rgba(0,0,0,.9) 76%, transparent 88%) !important;
  }
  .doctor-slide--ibragim .doctor-slide__copy > p {
    color: #171b1c !important;
    mix-blend-mode: normal !important;
  }
}

/* M53: owner-selected finishing pass — keep the composition, correct only its visible failures. */
/* The hand is a wide-cinema detail only; it never leaves a cropped fragment at tablet widths. */
@media (max-width: 1359px), (max-height: 759px) {
  .hero-hand { display: none !important; }
}
@media (min-width: 1360px) and (min-height: 760px) {
  .hero-hand {
    display: block !important;
    left: clamp(510px, 33.5vw, 660px) !important;
    bottom: -18px !important;
    width: clamp(270px, 15vw, 308px) !important;
    transform: rotate(-1.4deg) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0 77%, rgba(0,0,0,.94) 87%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 77%, rgba(0,0,0,.94) 87%, transparent 100%) !important;
  }
}
@media (max-width: 380px) {
  .hero-scene__background,
  .hero-scene__doctor {
    width: 151% !important;
    left: -39% !important;
    object-position: 60% bottom !important;
  }
}

/* Restore the light clinical diagnostic card shown in the approved reference. */
.manifesto-aside {
  color: #151a1b !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: clamp(26px, 2.5vw, 42px) !important;
  background:
    repeating-linear-gradient(128deg, rgba(78,94,93,.045) 0 1px, transparent 1px 12px),
    linear-gradient(135deg, rgba(250,252,251,.94), rgba(226,233,231,.9)) !important;
  box-shadow: 0 24px 62px rgba(28,39,39,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
  backdrop-filter: blur(18px) saturate(116%) !important;
}
.manifesto-aside::before {
  display: block !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: radial-gradient(circle at 88% 12%, rgba(255,255,255,.88), transparent 28%) !important;
  opacity: 1 !important;
}
.manifesto-aside > p {
  padding: 0 !important;
  border: 0 !important;
  color: #161b1c !important;
  font-size: clamp(22px, 2vw, 33px) !important;
  line-height: 1.43 !important;
}
.manifesto-aside > p::after { display: none !important; }
.manifesto-aside dl { margin-top: clamp(42px, 5vw, 72px) !important; }
.manifesto-aside dl > div { border-top-color: rgba(22,31,31,.22) !important; }
.manifesto-aside dt { color: #111617 !important; }
.manifesto-aside dd { color: rgba(20,28,29,.78) !important; }

/* Footer orbital SVG field: exactly more legible, still behind its content. */
.site-footer::before { opacity: .48 !important; }
.site-footer::after {
  border-color: rgba(255,255,255,.15) !important;
  box-shadow: inset 0 0 0 42px rgba(255,255,255,.022), inset 0 0 0 84px rgba(255,255,255,.018) !important;
}

/* Doctor profile controls are contained liquid glass on every mobile width. */
.doctor-slider__controls,
.doctor-slider.is-dark-slide .doctor-slider__controls {
  border: 1px solid rgba(255,255,255,.6) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(221,231,228,.28)) !important;
  box-shadow: 0 14px 38px rgba(17,27,27,.19), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}
.doctor-slider.is-dark-slide .doctor-slider__controls {
  background: linear-gradient(135deg, rgba(245,250,248,.28), rgba(100,119,113,.19)) !important;
  border-color: rgba(255,255,255,.42) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
@media (max-width: 900px) {
  .doctor-slider__controls,
  .doctor-slider.is-dark-slide .doctor-slider__controls {
    right: auto !important;
    left: 50% !important;
    bottom: 12px !important;
    width: min(calc(100% - 32px), 276px) !important;
    min-width: 0 !important;
    justify-content: space-between !important;
    transform: translateX(-50%) !important;
  }
  .doctor-slider__controls span { flex: 1 1 auto !important; min-width: 0 !important; padding: 0 5px !important; }
  .doctor-slider__controls button,
  .doctor-slider.is-dark-slide .doctor-slider__controls button { flex: 0 0 42px !important; }

  /* Let the sleeve/gesture remain in the photograph before the paper field begins. */
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__copy {
    background: linear-gradient(180deg, rgba(228,234,232,0) 0 76px, rgba(228,234,232,.22) 106px, rgba(228,234,232,.92) 148px, rgba(228,234,232,.99) 176px 100%) !important;
  }
  .doctor-slide--himalay .doctor-slide__blend-label {
    top: 48.5% !important;
    right: 14px !important;
    left: 14px !important;
    width: fit-content !important;
    max-width: calc(100% - 28px) !important;
    padding: 4px 7px 4px 0 !important;
    color: #14191a !important;
    background: linear-gradient(90deg, rgba(237,242,240,.93), rgba(237,242,240,.56) 76%, transparent) !important;
    mix-blend-mode: normal !important;
  }
  .doctor-slide--elbrus .doctor-slide__copy > p,
  .doctor-slide--mikail .doctor-slide__copy > p {
    color: #14191a !important;
    mix-blend-mode: normal !important;
  }
  .doctor-slide--ibragim .doctor-slide__copy { padding-top: 78px !important; }
}

/* Results keep the full square records visible, but the stage no longer dominates the page. */
@media (min-width: 1101px) {
  .result-case { min-height: clamp(535px, 60vh, 630px) !important; }
  .result-case__media { min-height: clamp(535px, 60vh, 630px) !important; padding-block: clamp(26px, 2.5vw, 46px) !important; }
  .result-case--full-pair .result-case__media > img { height: min(100%, 548px) !important; }
  .result-case__copy { padding-block: clamp(36px, 3.4vw, 58px) !important; }
}

/* The three final contact actions share one staged entrance and stronger desktop hierarchy. */
@media (min-width: 901px) {
  .appointment-secondary a { min-height: 148px !important; padding: 24px !important; }
  .appointment-whatsapp > span,
  .appointment-call > span { font-size: clamp(24px, 2vw, 34px) !important; line-height: 1 !important; }
  .appointment-call > b { font-size: clamp(22px, 1.75vw, 31px) !important; line-height: 1.05 !important; }
}

/* M46: restrained brand preloader, timed to the approved reference without its bounce. */
.denta-preloader {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #f2f4f3;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.045), transparent 34%),
    #080a0b;
  opacity: 1;
  visibility: visible;
  clip-path: inset(0 0 0 0);
  transition: opacity .95s cubic-bezier(.22,.72,.24,1), visibility .95s, clip-path .95s cubic-bezier(.72,0,.2,1);
}
.denta-preloader::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -45% -10%;
  background: linear-gradient(180deg, transparent 20%, rgba(255,255,255,.055) 48%, rgba(255,255,255,.015) 58%, transparent 76%);
  transform: translateY(-48%);
  animation: denta-preloader-sweep 2.5s cubic-bezier(.25,.7,.2,1) both;
}
.denta-preloader__mark {
  position: absolute;
  z-index: 0;
  width: min(58vw, 720px);
  height: min(58vw, 720px);
  opacity: .035;
  filter: grayscale(1) brightness(2.4);
  transform: translateY(-2%) scale(.96);
  animation: denta-preloader-mark 2.5s cubic-bezier(.2,.7,.2,1) both;
}
.denta-preloader__content {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 18px;
}
.denta-preloader__word {
  display: flex;
  align-items: baseline;
  font: 300 clamp(42px, 6vw, 84px)/1 Arial, sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.denta-preloader__word span {
  display: inline-block;
  opacity: 0;
  transform: translateY(16px);
  animation: denta-preloader-letter 1.6s cubic-bezier(.2,.82,.3,1) calc(var(--i) * .07s) forwards;
}
.denta-preloader__space { width: .32em; }
.denta-preloader small {
  opacity: 0;
  color: rgba(242,244,243,.48);
  font-size: 9px;
  letter-spacing: .25em;
  text-transform: uppercase;
  animation: denta-preloader-caption .7s ease 1.05s forwards;
}
.denta-preloader.is-leaving {
  opacity: 0;
  visibility: hidden;
  clip-path: inset(0 0 100% 0);
  pointer-events: none;
}
@keyframes denta-preloader-letter {
  0% { opacity: 0; transform: translateY(16px); }
  28%, 72% { opacity: 1; transform: translateY(0); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes denta-preloader-caption { to { opacity: 1; } }
@keyframes denta-preloader-sweep { to { transform: translateY(48%); } }
@keyframes denta-preloader-mark { 0% { opacity: 0; transform: translateY(-4%) scale(.93); } 42%, 100% { opacity: .035; transform: translateY(-2%) scale(1); } }

/* M46: compact live map, integrated into the existing graphite footer. */
.footer-top {
  grid-template-columns: .7fr 1fr .55fr 1.25fr !important;
  align-items: start;
}
.footer-map {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: #111416;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 24px 54px rgba(0,0,0,.22);
}
.footer-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 36%, rgba(8,9,10,.18) 58%, rgba(8,9,10,.94) 100%);
}
.footer-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(1) contrast(.9) brightness(.72);
}
.footer-map > a {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 15px;
  left: 16px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  color: #f4f6f5;
  text-decoration: none;
}
.footer-map > a span { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; opacity: .68; }
.footer-map > a b { font-size: 12px; white-space: nowrap; }

@media (max-width: 900px) {
  .denta-preloader__mark { width: 120vw; height: 120vw; }
  .denta-preloader__word { font-size: clamp(36px, 11vw, 54px); }
  .denta-preloader__content { gap: 14px; }
  .denta-preloader small { max-width: 84vw; text-align: center; line-height: 1.6; }
  .footer-top { grid-template-columns: 1fr !important; }
  .footer-map { min-height: 260px; margin-top: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .denta-preloader::before,
  .denta-preloader__mark,
  .denta-preloader__word span,
  .denta-preloader small { animation: none !important; opacity: 1; transform: none; }
  .denta-preloader { transition-duration: .18s; }
}

/* M47: mobile reading is a first-class layout constraint, not a zoomed desktop. */
@media (max-width: 900px) {
  .hero-kicker,
  .eyebrow,
  .section-heading .eyebrow,
  .journey-panel > strong,
  .result-case__copy > p,
  .doctor-slide__copy > p,
  .footer-contact > span,
  .footer-meta,
  .denta-preloader small { font-size: clamp(11px, 3vw, 14px) !important; }

  .hero-copy,
  .manifesto-promise,
  .manifesto-aside > p,
  .section-heading > p,
  .service-card p,
  .journey-panel__copy > span,
  .journey-panel > small,
  .doctor-slide__description,
  .result-case__copy > span,
  .appointment-copy > p:not(.eyebrow),
  .appointment-actions > p,
  .footer-contact p,
  .footer-contact address,
  .footer-nav a,
  .footer-map > a span { font-size: clamp(15px, 4.1vw, 18px) !important; line-height: 1.45 !important; }

  .button,
  .hero-cta,
  .appointment-primary,
  .appointment-secondary a,
  .footer-map > a b,
  .doctor-slider__controls,
  .doctor-slide__verify { font-size: clamp(13px, 3.5vw, 16px) !important; }

  .doctor-slide--ibragim .doctor-slide__portrait {
    display: block !important;
    z-index: 5 !important;
    top: 0 !important;
    left: 50% !important;
    width: auto !important;
    height: 84% !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
  }
}

/* Sequential letter motion used by the final preloader layer below. */
@keyframes denta-preloader-wave {
  0% { transform: translateY(20px); opacity: 0; }
  20% { opacity: 1; }
  40%, 70% { transform: translateY(-8px); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}

/* M47: the manifesto is a compact clinical dossier, not a floating pale block. */
@media (min-width: 901px) {
  .manifesto-aside {
    min-height: 470px !important;
    padding: 42px 42px 36px !important;
    border: 1px solid rgba(218,228,225,.18) !important;
    border-radius: 16px !important;
    color: #f0f3f1 !important;
    background: linear-gradient(145deg, #252b2c 0%, #121617 100%) !important;
    box-shadow: 0 28px 70px rgba(23,31,31,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  .manifesto-aside::before {
    content: "ПРИНЦИП РАБОТЫ" !important;
    margin: 0 0 28px !important;
    color: rgba(231,239,235,.46) !important;
    font: 600 10px/1 Arial, sans-serif !important;
    letter-spacing: .2em !important;
  }
  .manifesto-aside > p {
    max-width: none !important;
    padding: 0 0 0 22px !important;
    border-left: 2px solid rgba(218,228,225,.62) !important;
    color: #f2f5f2 !important;
    font-size: clamp(20px, 1.35vw, 25px) !important;
    line-height: 1.42 !important;
  }
  .manifesto-aside > p::after { color: rgba(225,237,232,.28) !important; }
  .manifesto-aside dl { margin-top: 42px !important; }
  .manifesto-aside dt { color: #f5f7f5 !important; }
  .manifesto-aside dd { color: rgba(231,238,235,.62) !important; }
  .manifesto-aside dl > div { border-top-color: rgba(221,230,227,.2) !important; }
}

/* M47: Himalay occupies the intended centre-right camera lane on desktop. */
@media (min-width: 901px) {
  .doctor-slide.doctor-slide--himalay .doctor-slide__portrait {
    top: 58px !important;
    right: 20% !important;
    height: 120% !important;
    max-width: 62vw !important;
  }
}

/* M48: desktop doctors are one complete, centred chapter rather than five right-edge cutouts. */
@media (min-width: 901px) {
  .doctor-slider {
    height: 100svh !important;
    min-height: 0 !important;
    scroll-margin-top: 0 !important;
  }

  .doctor-slide.doctor-slide--himalay .doctor-slide__portrait {
    top: -28px !important;
    right: 20% !important;
    height: 144% !important;
    max-width: 68vw !important;
  }

  .doctor-slide.doctor-slide--ali .doctor-slide__portrait {
    top: -10px !important;
    right: 22% !important;
    height: 104% !important;
    max-width: 64vw !important;
  }

  .doctor-slide.doctor-slide--ibragim .doctor-slide__portrait {
    top: -10px !important;
    right: 16% !important;
    height: 149% !important;
    max-width: 70vw !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .doctor-slide.doctor-slide--mikail .doctor-slide__portrait {
    top: 10px !important;
    right: 26% !important;
    height: 106% !important;
    max-width: 60vw !important;
  }

  .doctor-slider__controls,
  .doctor-slider.is-dark-slide .doctor-slider__controls {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px !important;
    color: var(--premium-ink) !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.52), rgba(228,236,234,.24)) !important;
    box-shadow: 0 12px 32px rgba(15,24,24,.18), inset 0 1px 0 rgba(255,255,255,.72) !important;
    -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
    backdrop-filter: blur(20px) saturate(145%) !important;
  }
  .doctor-slider.is-dark-slide .doctor-slider__controls {
    color: #f7faf8 !important;
    border-color: rgba(255,255,255,.28) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(82,96,94,.16)) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
  .doctor-slider__controls span {
    padding: 0 10px;
    font: 700 10px/1 Arial, sans-serif !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    white-space: nowrap;
  }
  .doctor-slider__controls button,
  .doctor-slider.is-dark-slide .doctor-slider__controls button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    color: inherit !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;
  }
  .doctor-slider__controls button:hover { background: rgba(255,255,255,.36) !important; }
}

/* M50: clean Denta City preloader adapted from the supplied sequential-letter rhythm. */
.denta-preloader {
  background: #000 !important;
  clip-path: none !important;
  transition: opacity .9s ease, visibility .9s ease !important;
}
.denta-preloader::before { display: none !important; }
.denta-preloader__content {
  gap: clamp(10px, 1vw, 16px) !important;
}
.denta-preloader__mark {
  position: static !important;
  display: block !important;
  width: clamp(116px, 10vw, 176px) !important;
  height: auto !important;
  opacity: 0;
  filter: brightness(0) invert(1) !important;
  transform: translateY(8px) !important;
  animation: denta-preloader-logo .65s cubic-bezier(.2,.9,.4,1) forwards !important;
}
.denta-preloader__word {
  color: #fff !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(46px, 3.7vw, 70px) !important;
  font-weight: 100 !important;
  letter-spacing: -.035em !important;
}
.denta-preloader__word span {
  opacity: 0;
  transform: translateY(20px);
  animation-name: denta-preloader-wave !important;
  animation-duration: 1.6s !important;
  animation-timing-function: cubic-bezier(.2,.9,.4,1) !important;
  animation-fill-mode: forwards !important;
}
.denta-preloader.is-leaving {
  opacity: 0 !important;
  visibility: hidden !important;
  clip-path: none !important;
}
.denta-preloader small {
  color: rgba(255,255,255,.84) !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
  font-weight: 200 !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}
@keyframes denta-preloader-logo {
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 900px) {
  .denta-preloader__content { gap: 10px !important; }
  .denta-preloader__mark { width: 104px !important; }
  .denta-preloader__word { font-size: clamp(32px, 9.4vw, 40px) !important; }
  .denta-preloader small { font-size: clamp(10px, 2.75vw, 12px) !important; }
}

/* M52: selected aperture preloader — one authentic mark, then the brand name. */
.denta-preloader {
  background: #000 !important;
  transition: opacity .62s cubic-bezier(.22,.78,.18,1), visibility .62s !important;
}
.denta-preloader__content {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  gap: 11px !important;
}
.denta-preloader__aperture {
  position: absolute;
  width: clamp(174px, 16vw, 238px);
  aspect-ratio: 1;
  pointer-events: none;
}
.denta-preloader__aperture::before,
.denta-preloader__aperture span {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: rgba(255,255,255,.08);
  opacity: 0;
}
.denta-preloader__aperture::before { animation: denta-aperture 1.08s .05s cubic-bezier(.22,.78,.18,1) both; }
.denta-preloader__aperture span:first-child { inset: 16%; transform: rotate(116deg); border-color: rgba(255,255,255,.42); border-right-color: transparent; animation: denta-aperture-inner .96s .11s cubic-bezier(.22,.78,.18,1) both; }
.denta-preloader__aperture span:last-child { inset: 50%; width: 4px; height: 4px; margin: -2px; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 0 23px 7px rgba(255,255,255,.34); animation: denta-aperture-core .82s .08s cubic-bezier(.22,.78,.18,1) both; }
.denta-preloader__mark {
  position: relative !important;
  z-index: 1;
  width: clamp(88px, 7.5vw, 124px) !important;
  opacity: 0;
  filter: brightness(0) invert(1) !important;
  transform: scale(.88) !important;
  animation: denta-aperture-mark .72s .34s cubic-bezier(.22,.78,.18,1) forwards !important;
}
.denta-preloader__word {
  position: relative;
  z-index: 1;
  color: #fff !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(30px, 2.7vw, 48px) !important;
  font-weight: 300 !important;
  letter-spacing: -.045em !important;
  line-height: .95 !important;
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  transform: translateY(12px);
  animation: denta-aperture-type .62s .72s cubic-bezier(.22,.78,.18,1) forwards !important;
}
.denta-preloader__word span { animation: none !important; opacity: 1 !important; transform: none !important; }
.denta-preloader small {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.62) !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(9px, .76vw, 13px) !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  opacity: 0;
  transform: translateY(8px);
  animation: denta-aperture-caption .52s 1.02s cubic-bezier(.22,.78,.18,1) forwards !important;
}
.denta-preloader.is-leaving { opacity: 0 !important; visibility: hidden !important; }
@keyframes denta-aperture {
  0% { opacity: 0; transform: rotate(-70deg) scale(.68); }
  20% { opacity: 1; }
  78% { opacity: .62; }
  100% { opacity: 0; transform: rotate(110deg) scale(1.04); }
}
@keyframes denta-aperture-inner {
  0% { opacity: 0; transform: rotate(30deg) scale(.62); }
  24% { opacity: .58; }
  100% { opacity: 0; transform: rotate(218deg) scale(1.08); }
}
@keyframes denta-aperture-core {
  0% { opacity: 0; transform: scale(0); }
  28% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(10); }
}
@keyframes denta-aperture-mark { to { opacity: 1; transform: scale(1); } }
@keyframes denta-aperture-type { to { opacity: 1; clip-path: inset(0); transform: translateY(0); } }
@keyframes denta-aperture-caption { to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
  .denta-preloader__aperture { width: 168px; }
  .denta-preloader__mark { width: 92px !important; }
  .denta-preloader__word { font-size: clamp(28px, 9vw, 38px) !important; }
  .denta-preloader small { font-size: 9px !important; letter-spacing: .09em !important; }
}

/* M51: only the owner-annotated doctor framing and veil corrections. */
.doctor-slider,
.doctor-slider * {
  overflow-anchor: none;
}

@media (min-width: 901px) {
  .doctor-slide--himalay .doctor-slide__copy,
  .doctor-slide--elbrus .doctor-slide__copy {
    top: clamp(96px, 11.5vh, 118px) !important;
  }

  .doctor-slide.doctor-slide--himalay .doctor-slide__portrait {
    top: -36px !important;
    height: 148% !important;
  }

  .doctor-slide.doctor-slide--ali .doctor-slide__portrait {
    top: -8px !important;
    right: auto !important;
    left: 65% !important;
    height: 104% !important;
    transform: translateX(-50%) !important;
  }

  .doctor-slide.doctor-slide--ibragim .doctor-slide__portrait {
    top: 0 !important;
    right: auto !important;
    left: 62% !important;
    height: 110% !important;
    max-width: 64vw !important;
    transform: translateX(-50%) !important;
  }

  .doctor-slide.doctor-slide--mikail .doctor-slide__portrait {
    z-index: 7 !important;
    top: 12px !important;
    right: auto !important;
    left: 62% !important;
    height: 106% !important;
    transform: translateX(-50%) !important;
  }
  .doctor-slide--mikail .doctor-slide__copy {
    top: 90px !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__copy {
    background: linear-gradient(
      180deg,
      rgba(228,234,232,0) 0 48px,
      rgba(228,234,232,.2) 68px,
      rgba(228,234,232,.92) 104px,
      rgba(228,234,232,.99) 132px 100%
    ) !important;
  }

  .doctor-slide--himalay .doctor-slide__blend-label {
    position: absolute !important;
    z-index: 9 !important;
    top: 45.5% !important;
    right: 20px !important;
    left: 20px !important;
    display: block !important;
    color: #fff !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    mix-blend-mode: difference !important;
  }
  .doctor-slide--himalay .doctor-slide__copy > p {
    visibility: hidden !important;
  }

  .doctor-slide--elbrus .doctor-slide__copy > p {
    position: relative !important;
    z-index: 9 !important;
    color: #fff !important;
    mix-blend-mode: difference !important;
  }

  .doctor-slide--elbrus .doctor-slide__portrait {
    -webkit-mask-image: linear-gradient(180deg, #000 0 89%, rgba(0,0,0,.94) 96%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0 89%, rgba(0,0,0,.94) 96%, transparent 100%) !important;
  }

  .doctor-slide--ibragim .doctor-slide__portrait {
    -webkit-mask-image: linear-gradient(180deg, #000 0 74%, rgba(0,0,0,.92) 82%, transparent 91%) !important;
    mask-image: linear-gradient(180deg, #000 0 74%, rgba(0,0,0,.92) 82%, transparent 91%) !important;
  }
}

/* M49: the clinical stage and two-row rail occupy one desktop viewport; outbound links stay below it. */
@media (min-width: 1101px) {
  .results-stage { border: 1px solid rgba(218, 225, 223, .18) !important; }
  .result-case {
    min-height: calc(100svh - 148px) !important;
    grid-template-columns: minmax(0, 1.48fr) minmax(410px, .92fr) !important;
  }
  .result-case__media {
    min-height: calc(100svh - 148px) !important;
    padding: clamp(28px, 2.8vw, 52px) clamp(46px, 4.5vw, 82px) !important;
  }
  .result-case__media::after {
    inset: 18px !important;
    border: 1px solid rgba(231, 238, 236, .22) !important;
    background: none !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.26), 0 18px 46px rgba(0,0,0,.2) !important;
  }
  .result-case--full-pair .result-case__media > img {
    width: min(100%, 760px) !important;
    height: min(100%, 630px) !important;
  }
  .results-rail { min-height: 148px; }
  .results-actions { margin-top: 28px !important; }
}

@media (prefers-reduced-motion: no-preference) {
  .appointment-actions[data-contact-reveal] > .appointment-primary,
  .appointment-actions[data-contact-reveal] > .appointment-secondary > a,
  .appointment-actions[data-contact-reveal] > p {
    opacity: 0;
    transform: translateY(28px) scale(.975);
    transition: opacity .72s var(--ease), transform .82s var(--ease);
  }
  .appointment-actions[data-contact-reveal].is-contact-revealed > .appointment-primary { transition-delay: 0ms; }
  .appointment-actions[data-contact-reveal].is-contact-revealed > .appointment-secondary > a:first-child { transition-delay: 100ms; }
  .appointment-actions[data-contact-reveal].is-contact-revealed > .appointment-secondary > a:last-child { transition-delay: 180ms; }
  .appointment-actions[data-contact-reveal].is-contact-revealed > p { transition-delay: 250ms; }
  .appointment-actions[data-contact-reveal].is-contact-revealed > .appointment-primary,
  .appointment-actions[data-contact-reveal].is-contact-revealed > .appointment-secondary > a,
  .appointment-actions[data-contact-reveal].is-contact-revealed > p {
    opacity: 1;
    transform: none;
  }
}

.contact-hover-lens {
  --contact-lens-x: -100px;
  --contact-lens-y: -100px;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: #fff;
  mix-blend-mode: difference;
  transform: translate3d(var(--contact-lens-x), var(--contact-lens-y), 0) translate(-50%, -50%) scale(.3);
  transition: opacity .18s ease, transform .22s cubic-bezier(.22, 1, .36, 1);
  will-change: transform, opacity;
}

.contact-hover-lens.is-visible {
  opacity: 1;
  transform: translate3d(var(--contact-lens-x), var(--contact-lens-y), 0) translate(-50%, -50%) scale(1);
}

@media (max-width: 1100px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .contact-hover-lens { display: none !important; }
}

/* M54: final precedence layer for the selected preloader and owner visual corrections. */
html { overflow-anchor: none; }
/* M55: the complete hand is anchored inside the Hero, below the headline's reading area.
   The foreground remains the original continuous asset: no fade mask can sever the forearm. */
@media (min-width: 1180px) {
  .hero-hand {
    display: block !important;
    left: clamp(550px, 34vw, 690px) !important;
    top: 52% !important;
    bottom: auto !important;
    width: clamp(300px, 18vw, 370px) !important;
    transform: rotate(-1.4deg) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}
@media (max-width: 1499px) { .hero-hand { display: none !important; } }
@media (max-width: 380px) { .hero-scene__background, .hero-scene__doctor { width: 151% !important; left: -39% !important; object-position: 60% bottom !important; } }

.manifesto-aside { color:#151a1b !important; border:1px solid rgba(255,255,255,.8) !important; border-radius:clamp(26px,2.5vw,42px) !important; background:repeating-linear-gradient(128deg,rgba(78,94,93,.045) 0 1px,transparent 1px 12px),linear-gradient(135deg,rgba(250,252,251,.94),rgba(226,233,231,.9)) !important; box-shadow:0 24px 62px rgba(28,39,39,.14),inset 0 1px 0 rgba(255,255,255,.95) !important; backdrop-filter:blur(18px) saturate(116%) !important; }
.manifesto-aside::before { display:block !important; inset:0 !important; z-index:-1 !important; background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.88),transparent 28%) !important; opacity:1 !important; }
.manifesto-aside > p { padding:0 !important; border:0 !important; color:#161b1c !important; font-size:clamp(22px,2vw,33px) !important; line-height:1.43 !important; }
.manifesto-aside > p::after { display:none !important; }
.manifesto-aside dl { margin-top:clamp(42px,5vw,72px) !important; }
.manifesto-aside dl > div { border-top-color:rgba(22,31,31,.22) !important; }
.manifesto-aside dt { color:#111617 !important; }
.manifesto-aside dd { color:rgba(20,28,29,.78) !important; }

.site-footer::before { opacity:.48 !important; }
.site-footer::after { border-color:rgba(255,255,255,.15) !important; box-shadow:inset 0 0 0 42px rgba(255,255,255,.022),inset 0 0 0 84px rgba(255,255,255,.018) !important; }

.doctor-slider__controls, .doctor-slider.is-dark-slide .doctor-slider__controls { border:1px solid rgba(255,255,255,.6) !important; background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(221,231,228,.28)) !important; box-shadow:0 14px 38px rgba(17,27,27,.19),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(255,255,255,.18) !important; -webkit-backdrop-filter:blur(22px) saturate(150%) !important; backdrop-filter:blur(22px) saturate(150%) !important; }
.doctor-slider.is-dark-slide .doctor-slider__controls { background:linear-gradient(135deg,rgba(245,250,248,.28),rgba(100,119,113,.19)) !important; border-color:rgba(255,255,255,.42) !important; box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.35) !important; }
@media (max-width:900px) {
  .doctor-slider__controls, .doctor-slider.is-dark-slide .doctor-slider__controls { right:auto !important; left:50% !important; bottom:12px !important; width:min(calc(100% - 32px),276px) !important; min-width:0 !important; justify-content:space-between !important; transform:translateX(-50%) !important; }
  .doctor-slider__controls span { flex:1 1 auto !important; min-width:0 !important; padding:0 5px !important; }
  .doctor-slider__controls button, .doctor-slider.is-dark-slide .doctor-slider__controls button { flex:0 0 42px !important; }
  .doctor-slide:not(.doctor-slide--dark) .doctor-slide__copy { background:linear-gradient(180deg,rgba(228,234,232,0) 0 76px,rgba(228,234,232,.22) 106px,rgba(228,234,232,.92) 148px,rgba(228,234,232,.99) 176px 100%) !important; }
  .doctor-slide--himalay .doctor-slide__blend-label { top:48.5% !important; right:14px !important; left:14px !important; width:fit-content !important; max-width:calc(100% - 28px) !important; padding:4px 7px 4px 0 !important; color:#14191a !important; background:linear-gradient(90deg,rgba(237,242,240,.93),rgba(237,242,240,.56) 76%,transparent) !important; mix-blend-mode:normal !important; }
  .doctor-slide--himalay .doctor-slide__portrait { top:0 !important; height:81% !important; -webkit-mask-image:linear-gradient(180deg,#000 0 78%,rgba(0,0,0,.92) 88%,transparent 100%) !important; mask-image:linear-gradient(180deg,#000 0 78%,rgba(0,0,0,.92) 88%,transparent 100%) !important; }
  .doctor-slide--elbrus .doctor-slide__copy > p, .doctor-slide--mikail .doctor-slide__copy > p { color:#14191a !important; mix-blend-mode:normal !important; }
  .doctor-slide--ibragim .doctor-slide__copy { padding-top:78px !important; }
}

/* M59: quiet analytics notice — clear, but never intrusive. */
.footer-meta a { color:inherit; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.28); }
.footer-meta a:hover { border-bottom-color:currentColor; }
.site-author { display:grid; gap:12px; margin-top:clamp(72px,10vw,150px); padding:28px 0 30px; border-top:1px solid rgba(255,255,255,.22); color:#fff; text-decoration:none; }
.site-author span { font:clamp(54px,7vw,116px)/.82 Bebas, sans-serif; font-weight:400; letter-spacing:-.015em; text-transform:uppercase; }
.site-author b { font:700 clamp(18px,1.65vw,30px)/1.1 Manrope, sans-serif; letter-spacing:.035em; text-transform:none; opacity:.64; transition:opacity .25s ease, transform .35s var(--ease); }
.site-author i { font:inherit; font-style:normal; opacity:.72; }
.site-author:hover b { opacity:1; transform:translateX(8px); }
@media (max-width:900px) { .site-author { margin-top:70px; padding:22px 0 24px; }.site-author span { font-size:clamp(48px,14vw,78px); }.site-author b { font-size:clamp(17px,5vw,23px); } }
.privacy-notice {
  position:fixed; z-index:120; left:clamp(14px,2vw,32px); bottom:clamp(14px,2vw,32px);
  display:flex; align-items:center; gap:18px; width:min(440px,calc(100vw - 28px)); padding:15px 16px 15px 18px;
  color:#eef2ef; background:rgba(17,21,22,.94); border:1px solid rgba(255,255,255,.18); border-radius:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.28); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  opacity:0; transform:translateY(14px); transition:opacity .24s ease,transform .24s ease;
}
.privacy-notice.is-visible { opacity:1; transform:translateY(0); }
.privacy-notice p { margin:0; font-size:13px; line-height:1.38; }
.privacy-notice a { color:#fff; text-underline-offset:3px; }
.privacy-notice button { flex:0 0 auto; border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:9px 12px; color:#111718; background:#f5f6f3; font:700 12px/1 Arial,sans-serif; cursor:pointer; }
@media (max-width:540px) { .privacy-notice { align-items:flex-start; gap:12px; padding:14px; } .privacy-notice p { font-size:12px; } .privacy-notice button { padding:8px 10px; } }

/* M57: the chosen aperture sequence — light point, orbital rings, assembled mark, then calm brand line. */
.denta-preloader__stage {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:clamp(174px,16vw,238px) !important;
  aspect-ratio:1 !important;
}
.denta-preloader__stage .denta-preloader__aperture {
  width:100% !important;
  height:100% !important;
}
.denta-preloader__aperture::before {
  animation: denta-aperture-orbit 1.62s .04s cubic-bezier(.22,.78,.18,1) both !important;
}
.denta-preloader__aperture span:first-child {
  animation: denta-aperture-inner-orbit 1.44s .16s cubic-bezier(.22,.78,.18,1) both !important;
}
.denta-preloader__aperture span:last-child {
  animation: denta-aperture-focus 1.02s .26s cubic-bezier(.22,.78,.18,1) both !important;
}
.denta-preloader__mark {
  opacity:0;
  clip-path:circle(0% at 50% 50%);
  transform:scale(.62);
  animation:denta-aperture-brand .88s .78s cubic-bezier(.18,.86,.22,1) forwards !important;
}
.denta-preloader__word {
  opacity:0;
  clip-path:inset(0 50% 0 50%);
  transform:translateY(7px);
  animation:denta-aperture-brandline .72s 1.34s cubic-bezier(.18,.86,.22,1) forwards !important;
}
.denta-preloader small {
  opacity:0;
  transform:translateY(6px);
  animation:denta-aperture-brandline .54s 1.72s cubic-bezier(.18,.86,.22,1) forwards !important;
}
@keyframes denta-aperture-orbit {
  0%{opacity:0;transform:rotate(-72deg) scale(.52)}
  16%,68%{opacity:.78}
  100%{opacity:.18;transform:rotate(118deg) scale(1.06)}
}
@keyframes denta-aperture-inner-orbit {
  0%{opacity:0;transform:rotate(28deg) scale(.48)}
  18%,72%{opacity:.48}
  100%{opacity:.12;transform:rotate(210deg) scale(1.03)}
}
@keyframes denta-aperture-focus {
  0%{opacity:0;transform:scale(0)}
  38%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(7)}
}
@keyframes denta-aperture-brand {
  0%{opacity:0;clip-path:circle(0% at 50% 50%);transform:scale(.62)}
  22%{opacity:.78}
  100%{opacity:1;clip-path:circle(76% at 50% 50%);transform:scale(1)}
}
@keyframes denta-aperture-brandline {
  to{opacity:1;clip-path:inset(0);transform:translateY(0)}
}

/* M56: one clinical case is one complete desktop viewport. */
@media (min-width:1101px) {
  .results-stage {
    height: 100svh !important;
    min-height: 680px !important;
    overflow: hidden !important;
  }
  .result-case {
    height: 100% !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(420px, .9fr) !important;
  }
  .result-case__media {
    height: 100% !important;
    min-height: 0 !important;
    padding: clamp(20px, 2.4vw, 42px) clamp(32px, 3.7vw, 68px) !important;
  }
  .result-case--full-pair .result-case__media > img {
    width: min(100%, 780px) !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  .result-case__copy {
    min-height: 0 !important;
    height: 100% !important;
    padding: clamp(30px, 3.3vw, 60px) clamp(34px, 3.5vw, 66px) !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  .result-case__copy h3 {
    font-size: clamp(48px, 4.4vw, 78px) !important;
    line-height: .82 !important;
  }
  .result-case__copy > span {
    margin-top: clamp(18px, 2vw, 30px) !important;
    padding-top: clamp(14px, 1.5vw, 22px) !important;
    font-size: clamp(14px, .98vw, 18px) !important;
    line-height: 1.4 !important;
  }
}

/* M55: mobile type has one reliable paper value — never blend live text into a portrait. */
@media (max-width:900px) {
  .doctor-slide--himalay .doctor-slide__blend-label { display:none !important; }
  .doctor-slide--himalay .doctor-slide__copy > p { visibility:visible !important; color:#111718 !important; }
  .doctor-slide__copy > p,
  .doctor-slide--elbrus .doctor-slide__copy > p,
  .doctor-slide--mikail .doctor-slide__copy > p,
  .doctor-slide--ibragim .doctor-slide__copy > p {
    position:relative !important;
    z-index:10 !important;
    display:table !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 0 9px !important;
    padding:3px 7px 3px 1px !important;
    color:#111718 !important;
    background:linear-gradient(90deg,rgba(242,246,244,.94),rgba(242,246,244,.58) 78%,transparent) !important;
    box-shadow:0 0 20px 8px rgba(242,246,244,.42) !important;
    font-size:10px !important;
    line-height:1.25 !important;
    letter-spacing:.115em !important;
    mix-blend-mode:normal !important;
  }
  .doctor-slide__verify {
    display:block !important;
    margin-top:7px !important;
    color:rgba(25,34,35,.62) !important;
    font-size:8.5px !important;
    font-weight:500 !important;
    line-height:1.24 !important;
    letter-spacing:.06em !important;
  }
  .doctor-slide--himalay .doctor-slide__copy h3 { line-height:.68 !important; }
  .doctor-slide--himalay .doctor-slide__description { margin-top:12px !important; line-height:1.38 !important; }
  .doctor-slide--himalay .doctor-slide__copy dl { margin-top:16px !important; }
  .doctor-slide--himalay .doctor-slide__verify { white-space:nowrap !important; font-size:9px !important; letter-spacing:.03em !important; }
}

/* M58: clinical principle — a single broad glass card, never a narrow skyscraper. */
.journey-panel--plan::after,
.journey-panel--team::after { display:none !important; }
.manifesto-aside {
  position:relative !important;
  align-self:center !important;
  width:min(100%, 920px) !important;
  min-height:0 !important;
  padding:clamp(34px,4vw,66px) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:clamp(30px,3vw,48px) !important;
  color:#111718 !important;
  background:
    repeating-linear-gradient(128deg,rgba(66,82,82,.105) 0 1px,transparent 1px 10px),
    linear-gradient(135deg,rgba(252,254,253,.96),rgba(225,233,231,.93)) !important;
  box-shadow:0 24px 62px rgba(28,39,39,.14),inset 0 1px 0 rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(18px) saturate(116%) !important;
  backdrop-filter:blur(18px) saturate(116%) !important;
}
.manifesto-aside::before { display:none !important; }
.manifesto-aside__eyebrow {
  display:block !important;
  margin:0 0 clamp(20px,2vw,30px) !important;
  color:rgba(20,29,30,.55) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}
.manifesto-aside > p:not(.manifesto-aside__eyebrow) {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:#111718 !important;
  font-size:clamp(24px,2.05vw,37px) !important;
  font-weight:400 !important;
  line-height:1.36 !important;
}
.manifesto-aside dl {
  display:grid !important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;
  gap:clamp(24px,4vw,64px) !important;
  margin-top:clamp(36px,4vw,64px) !important;
}
.manifesto-aside dl > div { padding-top:clamp(16px,1.5vw,24px) !important; border-top:1px solid rgba(18,29,30,.19) !important; }
.manifesto-aside dt { color:#111718 !important; font-size:clamp(52px,4.35vw,82px) !important; line-height:.86 !important; }
.manifesto-aside dd { margin-top:14px !important; color:rgba(19,29,30,.76) !important; font-size:clamp(13px,1.15vw,20px) !important; letter-spacing:.055em !important; line-height:1.25 !important; }
@media (min-width:901px) {
  .manifesto-grid { grid-template-columns:minmax(280px,.76fr) minmax(560px,1.24fr) !important; align-items:center !important; gap:clamp(40px,7vw,130px) !important; }
  .manifesto-aside { justify-self:end !important; }
}
@media (max-width:900px) {
  .manifesto-aside { width:100% !important; padding:28px 26px 30px !important; border-radius:30px !important; }
  .manifesto-aside__eyebrow { margin-bottom:17px !important; font-size:9px !important; }
  .manifesto-aside > p:not(.manifesto-aside__eyebrow) { font-size:clamp(21px,5.7vw,29px) !important; line-height:1.34 !important; }
  .manifesto-aside dl { gap:18px !important; margin-top:30px !important; }
  .manifesto-aside dt { font-size:clamp(45px,13vw,64px) !important; }
  .manifesto-aside dd { margin-top:10px !important; font-size:11px !important; }
}

/* M59: four focused reassurance points, kept inside the approved compositions. */
.hero-pain-note {
  max-width:430px;
  margin:clamp(12px,1.25vw,18px) 0 0;
  color:rgba(255,255,255,.92);
  font-size:clamp(14px,1.05vw,18px);
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.25;
}
.hero-pain-note::before { content:"— "; color:rgba(255,255,255,.56); }
.manifesto-aside > p:not(.manifesto-aside__eyebrow) strong,
.manifesto-aside > p:not(.manifesto-aside__eyebrow) span { display:block; }
.manifesto-aside > p:not(.manifesto-aside__eyebrow) strong {
  margin-bottom:clamp(14px,1.5vw,22px);
  font:clamp(42px,4.4vw,78px)/.83 Bebas, sans-serif;
  letter-spacing:-.015em;
  text-transform:uppercase;
}
.manifesto-aside > p:not(.manifesto-aside__eyebrow) span {
  max-width:31ch;
  font-size:clamp(18px,1.35vw,25px);
  line-height:1.42;
}
.footer-medical-note {
  margin:0 auto;
  padding:0 0 20px;
  color:rgba(255,255,255,.46);
  font-size:15px;
  line-height:1.45;
  letter-spacing:.015em;
}

/* M23: direct, high-contrast conversion actions without changing the approved layout. */
.hero-cta.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:78px;
  max-width:min(100%, 440px);
  margin-top:clamp(18px,1.6vw,26px);
  padding:18px 24px;
  color:#111718 !important;
  background:#f4f6f5 !important;
  border-color:#f4f6f5 !important;
  font:clamp(20px,1.25vw,24px)/.98 Bebas,sans-serif;
  letter-spacing:.018em;
  text-transform:uppercase;
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.hero-cta.button:hover,
.hero-cta.button:focus-visible { color:#111718 !important; background:#fff !important; }
.complex-care__cta {
  min-height:78px;
  max-width:560px;
  justify-content:space-between;
  padding:20px 24px;
  color:#111718 !important;
  background:#f4f6f5 !important;
  border-color:#f4f6f5 !important;
  font:clamp(18px,1.24vw,23px)/1 Bebas,sans-serif;
  letter-spacing:.018em;
  text-transform:uppercase;
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.complex-care__cta:hover,
.complex-care__cta:focus-visible { color:#111718 !important; background:#fff !important; }
.appointment-primary,
.appointment-secondary a {
  color:#111718 !important;
  background:#f4f6f5 !important;
  border-color:#f4f6f5 !important;
}
.appointment-secondary a:hover,
.appointment-secondary a:focus-visible { color:#111718 !important; background:#fff !important; }
.appointment-whatsapp b,
.appointment-call i { border-color:rgba(17,23,24,.28) !important; }
.appointment-secondary a:hover,
.appointment-secondary a:focus-visible {
  color:#111718 !important;
  background:#fff !important;
  border-color:#fff !important;
  box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.22) inset !important;
  transform:translateY(-4px) scale(1.008) !important;
}
.appointment-whatsapp:hover b,
.appointment-whatsapp:focus-visible b,
.appointment-call:hover i,
.appointment-call:focus-visible i {
  color:#111718 !important;
  filter:none !important;
  transform:translate(3px,-3px) !important;
}
.footer-mega {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center !important;
  gap:clamp(20px,4vw,64px);
  margin-top:clamp(80px,10vw,150px) !important;
  padding:clamp(30px,4vw,64px) !important;
  color:#111718 !important;
  background:#f4f6f5 !important;
  border:0 !important;
  border-radius:clamp(24px,3vw,42px);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  text-decoration:none;
}
.footer-mega > span {
  max-width:100%;
  overflow-wrap:anywhere;
  font:clamp(28px,3.7vw,64px)/.9 Bebas,sans-serif !important;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.footer-mega > b { font:clamp(34px,3.4vw,62px)/1 Arial,sans-serif; }
.footer-mega:hover { color:#111718 !important; background:#fff !important; }
@media (max-width:900px) {
  .hero-cta.button { width:100%; max-width:none; min-height:84px; margin-top:18px; padding:18px 20px; font-size:clamp(19px,5.3vw,23px); }
  .complex-care__cta { min-height:88px !important; padding:20px; font-size:clamp(18px,4.8vw,22px); }
  .footer-mega { grid-template-columns:minmax(0,1fr) auto; padding:28px 24px !important; border-radius:28px; }
  .footer-mega > span { font-size:clamp(28px,8.4vw,46px) !important; }
  .footer-mega > b { font-size:32px; }
}

/* M23.1: one readable CTA component and one coherent contact-card hover. */
.conversion-cta {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center !important;
  gap:20px;
  min-height:88px;
  padding:20px 24px !important;
  color:#111718 !important;
  background:#f4f6f5 !important;
  border:0 !important;
  border-radius:26px !important;
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.conversion-cta > span {
  min-width:0;
  max-width:none !important;
  overflow-wrap:break-word;
  white-space:normal !important;
  font:clamp(22px,1.55vw,30px)/.94 Bebas,sans-serif !important;
  font-weight:400;
  letter-spacing:.018em;
  text-transform:uppercase;
}
.conversion-cta > b {
  display:grid !important;
  place-items:center;
  flex:0 0 auto;
  width:48px !important;
  height:48px !important;
  margin:0 !important;
  border:1px solid rgba(17,23,24,.78) !important;
  border-radius:50% !important;
  color:inherit !important;
  font:26px/1 Arial,sans-serif !important;
}
.conversion-cta:hover,
.conversion-cta:focus-visible {
  color:#f4f6f5 !important;
  background:#111516 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),0 0 0 1px rgba(218,228,225,.1) inset !important;
  transform:translateY(-3px) scale(1.008) !important;
}
.conversion-cta:hover > b,
.conversion-cta:focus-visible > b { border-color:currentColor !important; }
.hero-cta.conversion-cta { max-width:min(100%,440px); }
.complex-care__cta.conversion-cta { max-width:560px; }
.footer-mega.conversion-cta { width:min(calc(100% - 48px),1440px); }
.footer-mega.conversion-cta > span { display:grid; gap:8px; }
.footer-mega.conversion-cta > span strong {
  font:clamp(48px,4.4vw,82px)/.78 Bebas,sans-serif;
  font-weight:400;
  letter-spacing:-.025em;
}
.footer-mega.conversion-cta > span em {
  max-width:780px;
  font:clamp(21px,1.7vw,32px)/.95 Bebas,sans-serif;
  font-style:normal;
  font-weight:400;
  letter-spacing:.018em;
}
.appointment-primary:hover,
.appointment-primary:focus-visible,
.appointment-secondary a:hover,
.appointment-secondary a:focus-visible {
  color:#f4f6f5 !important;
  background:#111516 !important;
  border-color:rgba(219,228,225,.48) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),0 0 0 1px rgba(218,228,225,.1) inset !important;
  transform:translateY(-3px) scale(1.008) !important;
}
.appointment-whatsapp:hover b,
.appointment-whatsapp:focus-visible b,
.appointment-call:hover i,
.appointment-call:focus-visible i {
  color:#f4f6f5 !important;
  border-color:rgba(244,246,245,.68) !important;
  filter:none !important;
  transform:translate(3px,-3px) !important;
}
@media (max-width:900px) {
  .service-card--implant.service-card--cinematic { min-height:390px !important; }
  .service-card--implant.service-card--cinematic .service-card__name {
    bottom:146px !important;
    max-width:calc(100% - 48px) !important;
    font-size:clamp(38px,12vw,58px) !important;
    line-height:.92 !important;
  }
  .service-card--implant.service-card--cinematic small {
    right:26px !important;
    bottom:26px !important;
    max-width:84% !important;
    font-size:16px !important;
    line-height:1.4 !important;
  }
  .conversion-cta {
    gap:16px;
    min-height:96px;
    padding:18px 20px !important;
    border-radius:24px !important;
  }
  .conversion-cta > span { font-size:clamp(21px,6vw,27px) !important; line-height:.94 !important; }
  .conversion-cta > b { width:46px !important; height:46px !important; font-size:23px !important; }
  .hero-cta.conversion-cta,
  .complex-care__cta.conversion-cta,
  .footer-mega.conversion-cta { width:100%; max-width:none; }
  .footer-mega.conversion-cta { margin-top:70px !important; }
  .footer-mega.conversion-cta > span { gap:6px; }
  .footer-mega.conversion-cta > span strong { font-size:clamp(46px,14vw,64px); }
  .footer-mega.conversion-cta > span em { font-size:clamp(19px,5.3vw,25px); }
}
@media (max-width:900px) {
  .hero-pain-note { max-width:300px; margin-top:12px; font-size:13px; }
  .manifesto-aside > p:not(.manifesto-aside__eyebrow) strong { margin-bottom:15px; font-size:clamp(40px,12vw,64px); }
  .manifesto-aside > p:not(.manifesto-aside__eyebrow) span { font-size:clamp(17px,4.6vw,23px); }
  .footer-medical-note { padding-bottom:16px; font-size:13px; }
}