/* Senim editorial system: documentary photography, plum ink and saffron. */
:root {
  --primary: #432d40;
  --secondary: #74564f;
  --accent: #b94b31;
  --accent-secondary: #e6b953;
  --bg: #f8f5ef;
  --alternate-background: #eee7dd;
  --surface: #fffdf9;
  --elevated-surface: #fff;
  --ink: #30252d;
  --text-secondary: #655961;
  --muted: #6c6268;
  --line: #d7ccc9;
  --wine: var(--primary);
  --success: #21673e;
  --warning: #885d13;
  --error: #a12d30;
  --section: clamp(64px, 7.5vw, 116px);
}
body { background: var(--bg); }
.container { max-width: 1440px; }
h1, h2, h3 { text-wrap: balance; }
a, button { -webkit-tap-highlight-color: transparent; }
.header { background: var(--bg); backdrop-filter: none; }
.header-top { padding-block: 18px; }
.header .brand-symbol { color: var(--primary); }
.navigation { padding-block: 12px; }
.nav-note { display: none; }
.button { border-radius: 3px; min-height: 52px; background: var(--primary); }
.button.primary:hover { background: #60405a; }
.button.outline { background: transparent; }
.button.light { background: var(--accent-secondary); color: var(--ink); }
.button.light:hover { background: #f2cb75; }
.link-arrow { display: inline-block; flex: 0 0 auto; width: auto; height: auto; border: 0; border-radius: 0; background: transparent; transition: transform 180ms ease; }
.text-link { text-underline-offset: 5px; text-decoration-thickness: 1px; }
.text-link:hover { text-decoration: none; }
a:hover .link-arrow { transform: translateX(4px); }
:is(a,button,input,summary):focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.editorial-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 0 clamp(28px,5vw,76px); padding-top: clamp(32px,4.5vw,68px); }
.hero-copy { align-self: center; padding-block: 12px 32px; min-width: 0; }
.hero-copy h1 { font-size: clamp(37px,4vw,61px); line-height: 1.08; letter-spacing: -.045em; margin-block: 25px; }
.hero-copy h1 em { display: block; }
.hero-copy h1 em, .about-spread h2 em { font-family: Georgia,'Times New Roman',serif; font-weight: 400; color: var(--accent); letter-spacing: -.04em; }
main .hero-copy .hero-summary { max-width: 39ch; font-size: 18px; line-height: 1.65; }
.hero-copy .hero-actions { display: flex; flex-wrap: wrap; gap: 18px 24px; margin-block: 28px; }
.hero-copy .hero-actions .button { min-height: 54px; }
.hero-copy .hero-address { color: var(--muted); line-height: 1.7; }
.hero-documentary { margin: 0; align-self: center; min-width: 0; }
.hero-documentary img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; object-position: center; display: block; }
.hero-documentary figcaption { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid var(--line); padding-block: 16px; font-size: 12px; line-height: 1.6; }
.hero-documentary figcaption>a { text-decoration: underline; text-underline-offset: 4px; }
.hero-evidence { grid-column: 1/-1; display: flex; gap: 16px 36px; flex-wrap: wrap; border-block: 1px solid var(--line); margin-top: 36px; padding-block: 18px; font-size: 13px; }
.hero-evidence>a:last-child { margin-left: auto; }
.services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 54px; }
.services-grid .service { grid-column: auto; border: 0; border-top: 1px solid var(--line); border-radius: 0; box-shadow: none; background: transparent; color: var(--ink); padding: 25px 0 28px 38px; position: relative; min-height: 0; }
.services-grid .service .small-index { position: absolute; inset: 30px auto auto 0; font-size: 12px; color: var(--muted); }
.services-grid .service h3 { font-size: clamp(22px,2vw,29px); margin: 0 0 13px; max-width: none; }
.services-grid .service h3>a { display: flex; justify-content: space-between; gap: 18px; }
.services-grid .service h3 .link-arrow { border: 0; background: none; width: auto; height: auto; font-size: 24px; }
.services-grid .service p { color: var(--text-secondary); max-width: 40ch; margin: 0; }
.services-grid .service .service-foot { display: none; }
.services-grid .service:hover { transform: none; background: transparent; }
.services-grid .service:hover h3 { color: var(--accent); }
.about-spread { display: grid; grid-template-columns: 1.1fr 1fr; gap: 10%; }
.about-spread h2 { font-size: clamp(38px,4.5vw,67px); }
.about-spread h2 em { color: var(--accent-secondary); }
.about-spread .about-copy { padding-top: 28px; }
.about-spread .about-copy p { color: #ede4e8; line-height: 1.8; }
.about-links { display: flex; flex-wrap: wrap; gap: 16px 25px; margin-top: 28px; }
.about-links .text-link { color: var(--accent-secondary); }
.doctor-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px 32px; }
.doctor { background: transparent; border: 0; }
.doctor .staff-photo { aspect-ratio: .95; background: var(--alternate-background); }
.doctor .staff-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.doctor-info { padding: 20px 0 0; border-top: 2px solid var(--primary); }
.doctor-info .eyebrow { color: var(--muted); letter-spacing: .025em; line-height: 1.6; }
.doctor-info h3 { font-size: clamp(20px,2vw,27px); }
.price-note { border: 0; border-left: 4px solid var(--accent); border-radius: 0; background: var(--alternate-background); padding: 30px; }
.steps-section { background: var(--alternate-background); }
.steps-list li { background: transparent; border-radius: 0; }
.family { background: var(--primary); }
.family h2 span { color: var(--accent-secondary); }
.real-gallery { grid-template-columns: 1.35fr 1fr; align-items: start; gap: 40px; }
.real-gallery figure:nth-child(even) { padding-top: 70px; }
.photo-open .enlarge { border-radius: 2px; box-shadow: none; width: 38px; height: 38px; }
.contact-location .map-placeholder { background: var(--alternate-background); border: 0; border-left: 3px solid var(--accent); min-height: 310px; }
.footer { background: #eae2dc; }
.service-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 26px; }
.page-hero h1 { max-width: 20ch; font-size: clamp(36px,4.4vw,64px); }
.answer-block { background: transparent; border-top: 3px solid var(--accent); padding: 26px 0 20px; }
.answer-block h2 { font-family: Georgia,'Times New Roman',serif; font-weight: 400; font-size: clamp(29px,3vw,40px); }
.prose-section { padding-top: 12px; }
.page-toc { border-top: 1px solid var(--line); }
.page-toc>summary { cursor: pointer; padding-block: 18px; font-size: 15px; font-weight: 600; }
.page-toc nav { border-top: 0; padding-top: 0; }
.prose-section h2 { max-width: 30ch; }
.related-grid { display: block; }
.related-grid article { display: grid; grid-template-columns: 1fr 2fr 2fr; gap: 32px; border-top: 1px solid var(--line); padding-block: 24px; }
.related-grid article h3 { margin: 0; font-size: 25px; }
.related-grid article p { margin: 0; color: var(--muted); }
.catalog-grid { display: block; }
.catalog-grid .catalog-card { display: grid; grid-template-columns: .65fr 1.5fr 1.5fr; gap: 18px 36px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--ink); border-radius: 0; padding: 32px 0; }
.catalog-grid .catalog-card .catalog-card-top { grid-column: 1; grid-row: 1/3; display: block; margin: 0; }
.catalog-card-top .eyebrow { display: block; margin-top: 15px; }
.catalog-grid .catalog-card h2 { grid-column: 2; grid-row: 1/3; font-size: 30px; margin: 0; }
.catalog-grid .catalog-card>p { grid-column: 3; margin: 0; color: var(--muted); }
.catalog-grid .catalog-card>.text-link { grid-column: 3; margin: 0; justify-self: start; }
.mobile-action-bar { backdrop-filter: none; border-radius: 3px; background: var(--primary); }
.mobile-action-bar[hidden], body:has(.menu-toggle[aria-expanded="true"]) .mobile-action-bar { display: none; }
@media(max-width: 1024px) {
  .hero-copy h1 { font-size: 40px; }
  .services-grid { gap: 0 30px; }
  .doctor-grid { gap: 30px 20px; }
  .catalog-grid .catalog-card { grid-template-columns: .5fr 1.5fr 1.5fr; gap: 20px; }
}
@media(max-width: 800px) {
  .editorial-hero { grid-template-columns: 1fr; }
  .hero-copy { padding-bottom: 20px; }
  .hero-copy h1 { font-size: clamp(37px,6vw,50px); max-width: 22ch; }
  .hero-evidence { margin-top: 24px; }
  .about-spread { gap: 32px; }
  .doctor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .related-grid article { grid-template-columns: 1fr 2fr; }
  .related-grid article>p:last-child { grid-column: 2; }
  .catalog-grid .catalog-card { grid-template-columns: .6fr 2fr; }
  .catalog-grid .catalog-card h2 { grid-row: auto; }
  .catalog-grid .catalog-card>p, .catalog-grid .catalog-card>.text-link { grid-column: 2; }
}
@media(max-width: 560px) {
  .header-top { padding-block: 13px; }
  .editorial-hero { padding-top: 28px; }
  .hero-copy h1 { font-size: 38px; margin-block: 18px; }
  main .hero-copy .hero-summary { font-size: 16px; }
  .hero-copy .hero-actions { margin-block: 22px; gap: 16px; }
  .hero-copy .hero-actions .text-link { min-height: 44px; align-items: center; display: flex; }
  .hero-documentary figcaption { font-size: 12px; }
  .hero-evidence { gap: 14px; font-size: 12px; }
  .hero-evidence>a:last-child { margin-left: 0; }
  .services-grid { grid-template-columns: 1fr; }
  .services-grid .service { padding-block: 23px; }
  .services-grid .service h3 { font-size: 24px; }
  .about-spread { grid-template-columns: 1fr; }
  .about-spread .about-copy { padding-top: 0; }
  .doctor-grid { gap: 28px 15px; }
  .doctor-info h3 { font-size: 18px; }
  .doctor-info .eyebrow { font-size: 10px; }
  .real-gallery { grid-template-columns: 1fr; gap: 28px; }
  .real-gallery figure:nth-child(even) { padding-top: 0; }
  .service-hero-actions { gap: 18px; }
  .service-hero-actions .button { width: 100%; }
}
@media(prefers-reduced-motion: reduce) {
  .link-arrow, .button, .photo-open img { transition: none; }
  a:hover .link-arrow { transform: none; }
}

/* Contact numbers are grouped by channel, with the site's quiet link styling. */
.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:22px 28px}
.contact-channel{min-width:0}
.contact-channel-label{display:block;margin-bottom:8px;font-size:11px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;opacity:.7}
.contact-channel-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.contact-channel-links a{display:inline-flex;align-items:center;gap:8px;min-height:32px;white-space:nowrap;font-size:15px;line-height:1.6;letter-spacing:0;font-variant-numeric:tabular-nums;text-decoration:none}
.contact-channel-links a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-arrow{font-size:14px;opacity:.65;transition:transform .2s}
.contact-channel-links a:hover .contact-arrow{transform:translate(2px,-2px)}
.consultation form>.contact-options{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff29;color:inherit}
.footer-columns .footer-address{margin-bottom:24px;max-width:28ch}
.footer-contact .contact-options{grid-template-columns:1fr;gap:20px}
.footer-columns .contact-channel-links a{margin:0;font-size:14px;color:inherit}
.footer-contact .contact-channel-label{font-size:10px}
.contact-socials{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
.footer-columns .contact-socials a{display:inline-block;width:auto;margin:0;padding:0;border:0;font-size:12px;line-height:1.6}
@media(max-width:600px){.contact-channel-links a{min-height:40px}.contact-options{gap:20px}.contact-channel-label{margin-bottom:4px}.footer-contact .contact-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}}
@media(prefers-reduced-motion:reduce){.contact-channel-links a:hover .contact-arrow{transform:none}}

/* Homepage portrait geometry, 2026-10-02 */
.doctor .staff-photo { display: block; position: relative; width: 100%; aspect-ratio: .95; background: var(--alternate-background); }
.doctor .staff-photo.is-unavailable { display: grid; place-items: center; }
.doctor .staff-photo.is-unavailable::before { content: attr(data-initials); color: var(--primary); font-size: clamp(30px,5vw,64px); }
.doctor .staff-photo.is-unavailable img { display: none; }
.doctor .staff-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; }