/*
  Три альтернативные визуальные концепции.
  Базовая концепция `clinical` определена в styles.css.
  Переключение: ?concept=editorial | warm | diagnostic
*/

/* 02 — Редакционная: смелая типографика, плакатная сетка, минимум декора. */
html[data-concept="editorial"] {
  --paper: #ffffff;
  --pink: #ffdede;
  --yellow: #f0eeee;
  --mint: #dedada;
  --blue: #d0cccc;
  --violet: #b4adaf;
  --radius-xl: 2px;
  --radius-lg: 2px;
  --radius-md: 2px;
  --shadow: none;
}

html[data-concept="editorial"] body { background: #fff; }
html[data-concept="editorial"] .container { width: min(1480px, calc(100% - 48px)); }
html[data-concept="editorial"] .emergency-bar { background: var(--red); }
html[data-concept="editorial"] .site-header { position: relative; background: #fff; border-bottom: 2px solid var(--ink); backdrop-filter: none; }
html[data-concept="editorial"] .site-header__inner { min-height: 80px; }
html[data-concept="editorial"] .brand__mark { width: 72px; height: 52px; border-radius: 0; }
html[data-concept="editorial"] .brand__text b { font-size: 29px; letter-spacing: -.055em; }
html[data-concept="editorial"] .main-nav { text-transform: uppercase; font-size: 11px; letter-spacing: .07em; }
html[data-concept="editorial"] .button { min-height: 48px; border-radius: 0; text-transform: uppercase; letter-spacing: .045em; font-size: 11px; }
html[data-concept="editorial"] .hero { min-height: 760px; grid-template-columns: 1.08fr .92fr; gap: 0; padding-block: 24px 58px; }
html[data-concept="editorial"] .hero__visual { order: 1; min-height: 720px; padding: 0; border-radius: 0; background: var(--ink); }
html[data-concept="editorial"] .hero__visual img { border-radius: 0; filter: saturate(.72) contrast(1.06); }
html[data-concept="editorial"] .hero__visual::after { inset: 0; border-radius: 0; background: linear-gradient(180deg,transparent 56%,rgba(17,17,17,.72)); }
html[data-concept="editorial"] .hero__visual-label { top: 26px; left: 26px; right: 26px; }
html[data-concept="editorial"] .hero__content { order: 2; padding: clamp(50px,6vw,100px); border-radius: 0; color: #fff; background: var(--red); }
html[data-concept="editorial"] .hero__content::before { width: 420px; height: 420px; right: -220px; top: -220px; border-color: rgba(255,255,255,.35); box-shadow: 0 0 0 54px rgba(255,255,255,.045),0 0 0 108px rgba(255,255,255,.03); }
html[data-concept="editorial"] .eyebrow { color: rgba(255,255,255,.75); }
html[data-concept="editorial"] .eyebrow span { color: var(--ink); background: #fff; border-radius: 0; }
html[data-concept="editorial"] h1 { max-width: 760px; font-size: clamp(58px,5.1vw,78px); line-height: .88; letter-spacing: -.065em; text-transform: uppercase; }
html[data-concept="editorial"] h1 em { color: #fff; font-weight: 850; }
html[data-concept="editorial"] .hero__lead { color: rgba(255,255,255,.78); }
html[data-concept="editorial"] .hero__content .button--primary { color: var(--ink); background: #fff; box-shadow: none; }
html[data-concept="editorial"] .hero__content .button--ghost { color: #fff; background: transparent; border-color: rgba(255,255,255,.7); }
html[data-concept="editorial"] .hero__facts { border-color: rgba(255,255,255,.35); }
html[data-concept="editorial"] .hero__facts span { color: rgba(255,255,255,.67); }
html[data-concept="editorial"] .quick-contact { gap: 0; margin-bottom: 100px; }
html[data-concept="editorial"] .quick-contact__urgent, html[data-concept="editorial"] .quick-contact__note { border-radius: 0; }
html[data-concept="editorial"] .quick-contact__urgent { background: var(--ink); }
html[data-concept="editorial"] .quick-contact__note { color: #fff; background: var(--red); }
html[data-concept="editorial"] .section-heading { padding-top: 18px; border-top: 2px solid var(--ink); }
html[data-concept="editorial"] .section-heading h2, html[data-concept="editorial"] .about h2, html[data-concept="editorial"] .care-feature h2, html[data-concept="editorial"] .pharmacy h2, html[data-concept="editorial"] .final-cta h2 { text-transform: uppercase; line-height: .88; }
html[data-concept="editorial"] .service-grid { gap: 2px; background: var(--ink); border: 2px solid var(--ink); }
html[data-concept="editorial"] .service-card { border-radius: 0; }
html[data-concept="editorial"] .service-card:hover, html[data-concept="editorial"] .team-card:hover { transform: none; box-shadow: none; }
html[data-concept="editorial"] .service-card__arrow, html[data-concept="editorial"] .circle-button { border-radius: 0; }
html[data-concept="editorial"] .about-shell, html[data-concept="editorial"] .pharmacy-shell { margin-inline: 0; border-radius: 0; }
html[data-concept="editorial"] .about-shell { background: var(--red); }
html[data-concept="editorial"] .about__media, html[data-concept="editorial"] .care-feature, html[data-concept="editorial"] .care-feature__image, html[data-concept="editorial"] .team-card, html[data-concept="editorial"] .clinic-card, html[data-concept="editorial"] .article-card, html[data-concept="editorial"] .final-cta, html[data-concept="editorial"] .pharmacy__image { border-radius: 0; }
html[data-concept="editorial"] .team-grid, html[data-concept="editorial"] .clinic-grid, html[data-concept="editorial"] .article-grid { gap: 2px; }
html[data-concept="editorial"] .team-card, html[data-concept="editorial"] .clinic-card { border: 1px solid var(--ink); }
html[data-concept="editorial"] .care-feature { border: 2px solid var(--ink); }
html[data-concept="editorial"] .pharmacy-shell { border-top: 0; background: #efeded; }
html[data-concept="editorial"] .pharmacy__stamp { border-radius: 0; transform: none; }
html[data-concept="editorial"] .final-cta { background: var(--ink); border-top: 12px solid var(--red); }

/* 03 — Тёплая: мягкая, спокойная и ориентированная на владельца питомца. */
html[data-concept="warm"] {
  --paper: #f7f1ed;
  --ink: #251b1b;
  --ink-soft: #3d3030;
  --pink: #fbdedb;
  --yellow: #eee5df;
  --mint: #e7dcda;
  --blue: #d8cecc;
  --violet: #c4b5b4;
  --line: rgba(63,42,42,.12);
  --radius-xl: 58px;
  --radius-lg: 38px;
  --radius-md: 24px;
  --shadow: 0 24px 70px rgba(74,45,45,.10);
}

html[data-concept="warm"] .site-header { background: rgba(255,250,247,.92); border-bottom: 0; box-shadow: 0 8px 35px rgba(63,42,42,.055); }
html[data-concept="warm"] .brand__mark { border-radius: 18px; }
html[data-concept="warm"] .button { min-height: 50px; }
html[data-concept="warm"] .button--primary { box-shadow: 0 12px 34px rgba(242,11,11,.18); }
html[data-concept="warm"] .hero { grid-template-columns: .82fr 1.18fr; gap: 18px; padding-block: 30px 70px; }
html[data-concept="warm"] .hero__content { padding: clamp(46px,5vw,78px); background: #fffaf7; box-shadow: var(--shadow); }
html[data-concept="warm"] .hero__visual { min-height: 660px; padding: 0; border-radius: 80px 28px 80px 28px; background: var(--pink); box-shadow: var(--shadow); }
html[data-concept="warm"] .hero__visual img { border-radius: inherit; }
html[data-concept="warm"] .hero__visual::after { inset: 0; border-radius: inherit; background: linear-gradient(180deg,transparent 64%,rgba(37,27,27,.55)); }
html[data-concept="warm"] .hero__visual-label { top: 30px; }
html[data-concept="warm"] h1 { font-size: clamp(56px,5.7vw,86px); line-height: .96; }
html[data-concept="warm"] h1 em, html[data-concept="warm"] h2 em { font-weight: 350; }
html[data-concept="warm"] .eyebrow span { background: #fff; color: var(--red); box-shadow: 0 5px 18px rgba(63,42,42,.08); }
html[data-concept="warm"] .quick-contact { gap: 14px; }
html[data-concept="warm"] .quick-contact__urgent, html[data-concept="warm"] .quick-contact__note { border-radius: 34px; }
html[data-concept="warm"] .quick-contact__note { background: #fff; box-shadow: var(--shadow); }
html[data-concept="warm"] .service-card { min-height: 280px; border-radius: 38px; }
html[data-concept="warm"] .service-card:nth-child(2) { background: var(--red); }
html[data-concept="warm"] .service-card__arrow, html[data-concept="warm"] .circle-button { width: 50px; height: 50px; }
html[data-concept="warm"] .about-shell { color: #fff; background: #321d20; border-radius: 78px; }
html[data-concept="warm"] .about__media { border-radius: 58px 22px 58px 22px; }
html[data-concept="warm"] .team-card { border-radius: 38px; box-shadow: 0 10px 35px rgba(74,45,45,.06); }
html[data-concept="warm"] .team-card__image { aspect-ratio: 1/.96; }
html[data-concept="warm"] .care-feature { padding: 26px; border-radius: 58px; box-shadow: var(--shadow); }
html[data-concept="warm"] .care-feature__image { border-radius: 44px; }
html[data-concept="warm"] .clinic-card { border-radius: 42px; box-shadow: 0 12px 40px rgba(74,45,45,.065); }
html[data-concept="warm"] .pharmacy-shell { border: 0; border-radius: 78px; background: #eadfda; }
html[data-concept="warm"] .pharmacy__image { border-radius: 58px 22px 58px 22px; }
html[data-concept="warm"] .article-card { border-radius: 42px; }
html[data-concept="warm"] .final-cta { border-radius: 58px; background: var(--red); }

/* 04 — Диагностическая: точность, оборудование, круглосуточная готовность. */
html[data-concept="diagnostic"] {
  --paper: #e9e9e7;
  --ink: #0b0b0c;
  --ink-soft: #202023;
  --pink: #dadada;
  --yellow: #cfcfce;
  --mint: #bcbcbc;
  --blue: #d5d5d4;
  --violet: #a9a9a9;
  --line: rgba(11,11,12,.2);
  --radius-xl: 12px;
  --radius-lg: 8px;
  --radius-md: 6px;
  --shadow: 0 18px 55px rgba(0,0,0,.16);
}

html[data-concept="diagnostic"] body { background-image: linear-gradient(rgba(11,11,12,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,12,.035) 1px,transparent 1px); background-size: 32px 32px; }
html[data-concept="diagnostic"] .emergency-bar { background: var(--red); }
html[data-concept="diagnostic"] .site-header { color: #fff; background: rgba(11,11,12,.96); border-bottom: 1px solid rgba(255,255,255,.15); }
html[data-concept="diagnostic"] .brand__mark { border-radius: 4px; }
html[data-concept="diagnostic"] .brand__text small, html[data-concept="diagnostic"] .header-phone small { color: rgba(255,255,255,.52); }
html[data-concept="diagnostic"] .main-nav a::after { height: 1px; }
html[data-concept="diagnostic"] .button { border-radius: 4px; text-transform: uppercase; letter-spacing: .04em; font-size: 11px; }
html[data-concept="diagnostic"] .button--ghost { color: #fff; background: transparent; border-color: rgba(255,255,255,.35); }
html[data-concept="diagnostic"] .hero { min-height: 760px; grid-template-columns: 1.12fr .88fr; gap: 8px; padding-block: 8px 50px; }
html[data-concept="diagnostic"] .hero__content { color: #fff; background: var(--ink); border: 1px solid rgba(255,255,255,.12); }
html[data-concept="diagnostic"] .hero__content::before { border-color: rgba(242,11,11,.5); box-shadow: 0 0 0 38px rgba(242,11,11,.07),0 0 0 78px rgba(242,11,11,.04); }
html[data-concept="diagnostic"] .eyebrow { color: rgba(255,255,255,.64); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
html[data-concept="diagnostic"] .eyebrow span { border-radius: 3px; background: var(--red); }
html[data-concept="diagnostic"] h1 { font-size: clamp(60px,6vw,96px); }
html[data-concept="diagnostic"] h1 em { color: #fff; font-weight: 250; }
html[data-concept="diagnostic"] .hero__lead { color: rgba(255,255,255,.62); }
html[data-concept="diagnostic"] .hero__facts { border-color: rgba(255,255,255,.16); }
html[data-concept="diagnostic"] .hero__facts b { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--red); }
html[data-concept="diagnostic"] .hero__facts span { color: rgba(255,255,255,.48); }
html[data-concept="diagnostic"] .hero__visual { padding: 8px; border-radius: 12px; background: var(--red); }
html[data-concept="diagnostic"] .hero__visual img { border-radius: 6px; filter: grayscale(1) contrast(1.08); }
html[data-concept="diagnostic"] .hero__visual::after { inset: 8px; border-radius: 6px; background: linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8)); }
html[data-concept="diagnostic"] .quick-contact { gap: 8px; }
html[data-concept="diagnostic"] .quick-contact__urgent { color: #fff; background: var(--ink); border: 1px solid var(--red); }
html[data-concept="diagnostic"] .quick-contact__note { background: #cfcfce; border: 1px solid var(--ink); }
html[data-concept="diagnostic"] .quick-contact__urgent, html[data-concept="diagnostic"] .quick-contact__note { border-radius: 8px; }
html[data-concept="diagnostic"] .kicker, html[data-concept="diagnostic"] .service-card__index, html[data-concept="diagnostic"] .article-card > span, html[data-concept="diagnostic"] .article-card div > span { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
html[data-concept="diagnostic"] .section-heading { padding-top: 18px; border-top: 1px solid var(--ink); }
html[data-concept="diagnostic"] .service-grid { gap: 8px; }
html[data-concept="diagnostic"] .service-card { border: 1px solid rgba(11,11,12,.28); }
html[data-concept="diagnostic"] .service-card__arrow, html[data-concept="diagnostic"] .circle-button { border-radius: 4px; }
html[data-concept="diagnostic"] .about-shell { margin-inline: 8px; border-radius: 12px; background: var(--ink); border-top: 6px solid var(--red); }
html[data-concept="diagnostic"] .about__media, html[data-concept="diagnostic"] .care-feature, html[data-concept="diagnostic"] .care-feature__image, html[data-concept="diagnostic"] .team-card, html[data-concept="diagnostic"] .clinic-card, html[data-concept="diagnostic"] .pharmacy-shell, html[data-concept="diagnostic"] .pharmacy__image, html[data-concept="diagnostic"] .article-card, html[data-concept="diagnostic"] .final-cta { border-radius: 8px; }
html[data-concept="diagnostic"] .team-card, html[data-concept="diagnostic"] .clinic-card { border: 1px solid rgba(11,11,12,.24); }
html[data-concept="diagnostic"] .team-card__tag, html[data-concept="diagnostic"] .pill { border-radius: 3px; }
html[data-concept="diagnostic"] .care-feature { color: #fff; background: var(--ink); }
html[data-concept="diagnostic"] .care-feature__image img { filter: grayscale(1); }
html[data-concept="diagnostic"] .care-feature__content > p { color: rgba(255,255,255,.6); }
html[data-concept="diagnostic"] .care-feature .button--dark { color: var(--ink); background: #fff; }
html[data-concept="diagnostic"] .pharmacy-shell { margin-inline: 8px; border-top: 6px solid var(--red); background: #d3d3d1; }
html[data-concept="diagnostic"] .pharmacy__image img, html[data-concept="diagnostic"] .article-card--large img { filter: grayscale(1); }
html[data-concept="diagnostic"] .pharmacy__stamp { border-radius: 4px; transform: none; }
html[data-concept="diagnostic"] .final-cta { background: var(--ink); border-left: 10px solid var(--red); }

@media (max-width: 820px) {
  html[data-concept="editorial"] .container, html[data-concept="warm"] .container, html[data-concept="diagnostic"] .container { width: min(100% - 28px,700px); }
  html[data-concept="editorial"] .brand__mark { width: 56px; height: 41px; }
  html[data-concept="editorial"] .hero, html[data-concept="warm"] .hero, html[data-concept="diagnostic"] .hero { grid-template-columns: 1fr; }
  html[data-concept="editorial"] .hero__visual { order: 1; min-height: 440px; }
  html[data-concept="editorial"] .hero__content { order: 2; }
  html[data-concept="warm"] .hero__visual { min-height: 480px; border-radius: 54px 20px 54px 20px; }
  html[data-concept="warm"] .about-shell, html[data-concept="warm"] .pharmacy-shell { border-radius: 42px; }
  html[data-concept="diagnostic"] .site-header .menu-toggle span { background: #fff; }
  html[data-concept="diagnostic"] .site-header .menu-toggle { border-color: rgba(255,255,255,.3); }
}

@media (max-width: 540px) {
  html[data-concept="editorial"] .container, html[data-concept="warm"] .container, html[data-concept="diagnostic"] .container { width: calc(100% - 20px); }
  html[data-concept="editorial"] h1 { font-size: 38px; }
  html[data-concept="editorial"] .hero__content { padding: 38px 24px; }
  html[data-concept="editorial"] .hero__visual { min-height: 360px; }
  html[data-concept="warm"] h1 { font-size: 39px; }
  html[data-concept="warm"] .hero__visual { min-height: 380px; }
  html[data-concept="diagnostic"] h1 { font-size: 38px; }
  html[data-concept="diagnostic"] .hero__content { padding: 38px 24px; }
}

/*
  05 — Clinical Neo-Swiss: выбранный минимализм, переведённый в строгую
  редакционную систему с архитектурной сеткой и мотивом арки логотипа.
*/
html[data-concept="neo"] {
  --paper: #f2f1ee;
  --ink: #0a0a0a;
  --ink-soft: #202020;
  --pink: #f2f1ee;
  --yellow: #e5e3df;
  --mint: #deddd9;
  --blue: #d3d2ce;
  --violet: #b9b8b4;
  --line: rgba(10,10,10,.2);
  --radius-xl: 8px;
  --radius-lg: 4px;
  --radius-md: 3px;
  --shadow: none;
  --font: "Merriweather", Georgia, serif;
}

html[data-concept="neo"] body { background: var(--paper); }
html[data-concept="neo"] .container { width: min(1520px, calc(100% - 64px)); }
html[data-concept="neo"] .emergency-bar { background: var(--ink); }
html[data-concept="neo"] .emergency-bar__inner { min-height: 34px; font-size: 11px; letter-spacing: .035em; }
html[data-concept="neo"] .status-dot { background: var(--red); box-shadow: 0 0 0 4px rgba(242,11,11,.16); }
html[data-concept="neo"] .site-header { background: rgba(242,241,238,.94); border-bottom: 1px solid var(--ink); backdrop-filter: blur(20px); }
html[data-concept="neo"] .site-header__inner { min-height: 86px; }
html[data-concept="neo"] .brand__mark { width: 62px; height: 46px; border-radius: 2px; }
html[data-concept="neo"] .brand__text b { font-size: 26px; letter-spacing: -.055em; }
html[data-concept="neo"] .brand__text small { font-size: 8px; letter-spacing: .09em; }
html[data-concept="neo"] .main-nav { gap: 30px; font-size: 11px; text-transform: uppercase; letter-spacing: .075em; }
html[data-concept="neo"] .header-phone small { text-transform: uppercase; letter-spacing: .06em; }
html[data-concept="neo"] .button { min-height: 48px; border-radius: 2px; text-transform: uppercase; letter-spacing: .06em; font-size: 10px; box-shadow: none; }
html[data-concept="neo"] .button:hover { transform: none; }
html[data-concept="neo"] .button--primary:hover { background: var(--ink); }

html[data-concept="neo"] .hero { min-height: 790px; grid-template-columns: 1.08fr .92fr; gap: 0; padding-block: 32px 96px; }
html[data-concept="neo"] .hero__content { overflow: hidden; padding: clamp(64px,6vw,110px) clamp(42px,5vw,86px); border: 1px solid var(--ink); border-right: 0; border-radius: 0; background: transparent; }
html[data-concept="neo"] .hero__content::before { width: 620px; height: 620px; right: -390px; top: -300px; border: 1px solid var(--red); box-shadow: 0 0 0 44px rgba(242,11,11,.025),0 0 0 88px rgba(242,11,11,.018); }
html[data-concept="neo"] .eyebrow, html[data-concept="neo"] .kicker { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: .09em; }
html[data-concept="neo"] .eyebrow span { padding: 6px 9px; border-radius: 2px; background: var(--red); }
html[data-concept="neo"] h1 { max-width: 850px; margin-bottom: 32px; font-size: clamp(72px,7vw,112px); line-height: .84; letter-spacing: -.073em; font-weight: 850; }
html[data-concept="neo"] h1 em, html[data-concept="neo"] h2 em { color: var(--red); font-weight: 250; letter-spacing: -.075em; }
html[data-concept="neo"] .hero__lead { max-width: 570px; color: rgba(10,10,10,.62); font-size: 16px; line-height: 1.65; }
html[data-concept="neo"] .hero__facts { margin-top: auto; padding-top: 22px; border-color: var(--ink); }
html[data-concept="neo"] .hero__facts b { font-size: 28px; letter-spacing: -.05em; }
html[data-concept="neo"] .hero__facts span { text-transform: uppercase; letter-spacing: .05em; font-size: 9px; }
html[data-concept="neo"] .hero__visual { min-height: 710px; padding: 0; overflow: hidden; border: 1px solid var(--ink); border-radius: 0; background: var(--ink); }
html[data-concept="neo"] .hero__visual img { border-radius: 0; filter: saturate(.72) contrast(1.05); animation: neo-image-in 1.1s cubic-bezier(.22,.75,.18,1) both; }
html[data-concept="neo"] .hero__visual::before { content:""; position:absolute; z-index:2; width:640px; height:640px; right:-320px; top:-360px; border:1px solid rgba(255,255,255,.8); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02); pointer-events:none; }
html[data-concept="neo"] .hero__visual::after { inset: 0; border-radius: 0; background: linear-gradient(180deg,transparent 60%,rgba(10,10,10,.72)); }
html[data-concept="neo"] .hero__visual-label { top: 28px; left: 30px; right: 30px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
html[data-concept="neo"] .hero__badge { left: 30px; bottom: 30px; }
html[data-concept="neo"] .hero__badge b { font-size: 39px; letter-spacing: -.04em; }

html[data-concept="neo"] .quick-contact { grid-template-columns: 2.2fr 1fr; gap: 0; margin-bottom: 130px; }
html[data-concept="neo"] .quick-contact__urgent, html[data-concept="neo"] .quick-contact__note { border-radius: 0; }
html[data-concept="neo"] .quick-contact__urgent { background: var(--red); }
html[data-concept="neo"] .quick-contact__note { background: transparent; border: 1px solid var(--ink); border-left: 0; }
html[data-concept="neo"] .quick-contact__icon { width: 54px; height: 54px; border-radius: 50%; font-size: 17px; }
html[data-concept="neo"] .quick-contact__urgent h2 { font-size: 25px; }
html[data-concept="neo"] .quick-contact__urgent .label, html[data-concept="neo"] .quick-contact__note span { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

html[data-concept="neo"] .section { padding-block: 90px 130px; }
html[data-concept="neo"] .section-heading { margin-bottom: 68px; padding-top: 20px; border-top: 1px solid var(--ink); grid-template-columns: 1.35fr .65fr; }
html[data-concept="neo"] .section-heading h2, html[data-concept="neo"] .about h2, html[data-concept="neo"] .care-feature h2, html[data-concept="neo"] .pharmacy h2, html[data-concept="neo"] .final-cta h2 { font-size: clamp(52px,5.5vw,86px); line-height: .9; letter-spacing: -.065em; }
html[data-concept="neo"] .section-heading > p { font-size: 14px; }

html[data-concept="neo"] .service-grid { display: block; border-top: 1px solid var(--ink); }
html[data-concept="neo"] .service-card,
html[data-concept="neo"] .service-card:nth-child(1),
html[data-concept="neo"] .service-card:nth-child(2),
html[data-concept="neo"] .service-card:nth-child(7) { min-height: 122px; padding: 22px 12px; display: grid; grid-template-columns: 74px 1fr 1.25fr 54px; gap: 24px; align-items: center; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; transition: color .25s, background .25s, padding .25s; }
html[data-concept="neo"] .service-card:hover { padding-left: 28px; color: #fff; background: var(--red); box-shadow: none; transform: none; }
html[data-concept="neo"] .service-card__index { grid-column: 1; color: rgba(10,10,10,.48); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
html[data-concept="neo"] .service-card h3 { grid-column: 2; max-width: none; margin: 0; font-size: clamp(28px,3vw,44px); font-weight: 700; letter-spacing: -.045em; }
html[data-concept="neo"] .service-card p { grid-column: 3; max-width: 520px; margin: 0; color: rgba(10,10,10,.58); font-size: 13px; }
html[data-concept="neo"] .service-card__arrow { grid-column: 4; margin: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; }
html[data-concept="neo"] .service-card__orb { display: none; }
html[data-concept="neo"] .service-card:hover .service-card__index, html[data-concept="neo"] .service-card:hover p { color: rgba(255,255,255,.72); }
html[data-concept="neo"] .section-footer { padding-top: 46px; }

html[data-concept="neo"] .about-shell { margin-inline: 0; border-radius: 0; background: var(--ink); }
html[data-concept="neo"] .about { min-height: 940px; padding-block: 120px; }
html[data-concept="neo"] .about__media { border-radius: 0; }
html[data-concept="neo"] .about__media img { filter: saturate(.7); }
html[data-concept="neo"] .about__quote { left: 0; right: auto; bottom: 0; max-width: 520px; border-radius: 0; background: #fff; }
html[data-concept="neo"] .about__facts b { color: var(--red); font-size: 34px; }
html[data-concept="neo"] .about__facts span { text-transform: uppercase; letter-spacing: .05em; font-size: 9px; }

html[data-concept="neo"] .team-filters { padding-bottom: 18px; border-bottom: 1px solid var(--ink); }
html[data-concept="neo"] .filter-button { border-radius: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
html[data-concept="neo"] .filter-button.is-active { background: var(--red); border-color: var(--red); }
html[data-concept="neo"] .team-grid { grid-template-columns: repeat(12,1fr); gap: 16px; }
html[data-concept="neo"] .team-card { grid-column: span 3; border-radius: 0; background: transparent; }
html[data-concept="neo"] .team-card:first-child { grid-column: span 6; }
html[data-concept="neo"] .team-card__image { aspect-ratio: 1/.96; background: #dbdbd7; }
html[data-concept="neo"] .team-card:first-child .team-card__image { aspect-ratio: 2/1.18; }
html[data-concept="neo"] .team-card__image img { filter: grayscale(1); }
html[data-concept="neo"] .team-card:hover { transform: none; box-shadow: none; }
html[data-concept="neo"] .team-card:hover img { filter: grayscale(0); transform: scale(1.025); }
html[data-concept="neo"] .team-card__tag { left: 10px; top: 10px; border-radius: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
html[data-concept="neo"] .team-card__body { min-height: 162px; padding: 18px 0 0; border-top: 1px solid var(--ink); }
html[data-concept="neo"] .team-card h3 { font-size: 22px; }

html[data-concept="neo"] .care-feature { min-height: 780px; margin-block: 30px 130px; padding: 0; grid-template-columns: .95fr 1.05fr; gap: 0; border: 1px solid var(--ink); border-radius: 0; color: #fff; background: var(--ink); }
html[data-concept="neo"] .care-feature__image { min-height: 778px; border-radius: 0; }
html[data-concept="neo"] .care-feature__image img { filter: grayscale(1) contrast(1.05); }
html[data-concept="neo"] .care-feature__image span { border-radius: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
html[data-concept="neo"] .care-feature__content { padding: clamp(45px,6vw,100px); }
html[data-concept="neo"] .care-feature__content > p { color: rgba(255,255,255,.62); }
html[data-concept="neo"] .care-feature .button--dark { color: var(--ink); background: #fff; }

html[data-concept="neo"] .clinic-grid { gap: 1px; background: var(--ink); border: 1px solid var(--ink); }
html[data-concept="neo"] .clinic-card { min-height: 500px; border-radius: 0; }
html[data-concept="neo"] .clinic-card h3 { font-size: 42px; }
html[data-concept="neo"] .pill { border-radius: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
html[data-concept="neo"] .circle-button { border-radius: 50%; }

html[data-concept="neo"] .pharmacy-shell { margin-inline: 0; border: 0; border-top: 1px solid var(--ink); border-radius: 0; background: #deddd9; }
html[data-concept="neo"] .pharmacy__image { border-radius: 0; }
html[data-concept="neo"] .pharmacy__image img { filter: grayscale(1); }
html[data-concept="neo"] .pharmacy__stamp { border-radius: 50%; transform: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; font-size: 10px; }

html[data-concept="neo"] .article-grid { gap: 1px; background: var(--ink); border: 1px solid var(--ink); }
html[data-concept="neo"] .article-card { min-height: 470px; border-radius: 0; background: #fff; }
html[data-concept="neo"] .article-card--large img { filter: grayscale(1); }
html[data-concept="neo"] .article-card--pink { background: #fff; }
html[data-concept="neo"] .article-card--yellow { background: #deddd9; }

html[data-concept="neo"] .final-cta { position: relative; min-height: 610px; overflow: hidden; border-radius: 0; background: var(--red); }
html[data-concept="neo"] .final-cta::after { content:""; position:absolute; width:650px; height:650px; right:-260px; top:-330px; border:1px solid rgba(255,255,255,.72); border-radius:50%; box-shadow:0 0 0 44px rgba(255,255,255,.045),0 0 0 88px rgba(255,255,255,.025); }
html[data-concept="neo"] .final-cta > * { position: relative; z-index: 1; }
html[data-concept="neo"] .site-footer { border-top: 1px solid rgba(255,255,255,.24); }

@keyframes neo-image-in { from { opacity:0; transform:scale(1.06); } to { opacity:1; transform:scale(1); } }

@media (max-width: 1150px) {
  html[data-concept="neo"] .team-card, html[data-concept="neo"] .team-card:first-child { grid-column: span 4; }
}

@media (max-width: 820px) {
  html[data-concept="neo"] .container { width: min(100% - 28px,700px); }
  html[data-concept="neo"] .section-heading { grid-template-columns: 1fr; }
  html[data-concept="neo"] .hero { min-height: 0; grid-template-columns: 1fr; padding-top: 16px; }
  html[data-concept="neo"] .hero__content { order: 1; padding: 56px 36px; border-right: 1px solid var(--ink); border-bottom: 0; }
  html[data-concept="neo"] .hero__visual { order: 2; min-height: 520px; }
  html[data-concept="neo"] h1 { font-size: 62px; }
  html[data-concept="neo"] .service-card, html[data-concept="neo"] .service-card:nth-child(1), html[data-concept="neo"] .service-card:nth-child(2), html[data-concept="neo"] .service-card:nth-child(7) { grid-template-columns: 54px 1fr 48px; gap: 14px; }
  html[data-concept="neo"] .service-card h3 { grid-column: 2; }
  html[data-concept="neo"] .service-card p { grid-column: 2; grid-row: 2; }
  html[data-concept="neo"] .service-card__arrow { grid-column: 3; grid-row: 1 / span 2; }
  html[data-concept="neo"] .team-card, html[data-concept="neo"] .team-card:first-child { grid-column: span 6; }
  html[data-concept="neo"] .team-card:first-child .team-card__image { aspect-ratio: 1/.96; }
  html[data-concept="neo"] .care-feature { min-height: 0; grid-template-columns: minmax(0,1fr); overflow: hidden; }
  html[data-concept="neo"] .care-feature__image, html[data-concept="neo"] .care-feature__content { min-width: 0; }
  html[data-concept="neo"] .care-feature__image { min-height: 540px; }
}

@media (max-width: 540px) {
  html[data-concept="neo"] .container { width: calc(100% - 20px); }
  html[data-concept="neo"] .brand__mark { width: 54px; height: 40px; }
  html[data-concept="neo"] .hero { padding-bottom: 70px; }
  html[data-concept="neo"] .hero__content { padding: 44px 24px; }
  html[data-concept="neo"] h1 { font-size: 45px; line-height: .88; }
  html[data-concept="neo"] .hero__visual { min-height: 410px; }
  html[data-concept="neo"] .hero__badge { left: 22px; bottom: 22px; }
  html[data-concept="neo"] .quick-contact__note { border-left: 1px solid var(--ink); }
  html[data-concept="neo"] .service-card, html[data-concept="neo"] .service-card:nth-child(1), html[data-concept="neo"] .service-card:nth-child(2), html[data-concept="neo"] .service-card:nth-child(7) { min-height: 150px; padding-inline: 8px; grid-template-columns: 35px 1fr 42px; }
  html[data-concept="neo"] .service-card h3 { font-size: 29px; }
  html[data-concept="neo"] .service-card p { font-size: 11px; }
  html[data-concept="neo"] .team-card, html[data-concept="neo"] .team-card:first-child { grid-column: 1 / -1; }
  html[data-concept="neo"] .about-shell, html[data-concept="neo"] .pharmacy-shell { margin-inline: 0; }
  html[data-concept="neo"] .care-feature__image { min-height: 410px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-concept="neo"] .hero__visual img { animation: none; }
  html[data-concept="neo"] * { scroll-behavior: auto; }
}