/* Review correction: bounded composition and uncropped campaign photography.
   Preserve the accepted typefaces, palette, content and DNA animation. */
@media screen {.selected-direction .site-nav, .selected-direction .hero-molecular, .selected-direction .molecular-science, .selected-direction .r8-section, .selected-direction .consultation, .selected-direction .site-footer{
    padding-inline:max(6vw,calc((100% - 1280px)/2));
  }.selected-direction .hero-molecular{
    height:auto;
    min-height:clamp(620px,78svh,820px);
    padding-top:32px;
    padding-bottom:48px;
  }.selected-direction .hero-molecular .display{
    font-size:clamp(48px,5.5vw,80px);
    max-width:680px;
    letter-spacing:-1.8px;
  }.selected-direction .section-title h2, .selected-direction .r8-section h2, .selected-direction .consultation h2{
    font-size:clamp(34px,3.6vw,52px);
    letter-spacing:-1.3px;
  }.selected-direction .molecular-science{ min-height:0; padding-block:72px 36px; }.selected-direction .r8-section{ padding-block:72px; }.selected-direction .perspective-grid, .selected-direction .r8-philosophy{ gap:clamp(28px,5vw,72px); }.selected-direction .r8-heading, .selected-direction .r8-faq, .questions-layout, .prepare{ gap:clamp(28px,5vw,72px); }.questions-layout>*, .prepare>*, .related nav>*{ min-width:0; }.questions-layout>aside h2, .prepare h2, .related h2{ font-size:clamp(34px,3.2vw,48px); }.selected-direction .perspective-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); }.selected-direction .r8-philosophy{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.selected-direction .perspective-grid>*, .selected-direction .r8-philosophy>*, .selected-direction .r8-heading>*{ min-width:0; }.selected-direction .perspective-art{
    width:100%; max-width:416px; justify-self:end; padding:16px;
  }.selected-direction .perspective-art img, .selected-direction .r8-portrait img{
    display:block; width:100%; height:auto; aspect-ratio:4/5;
    object-fit:contain; transform:none;
  }.selected-direction .r8-portrait{ width:100%; max-width:384px; }.selected-direction .perspective-art .edge-note{ flex-wrap:wrap; }.selected-direction .continuum-bridge{ margin-top:56px; }body:not([data-page="selected"])>header, body:not([data-page="selected"])>footer, .service-hero, .questions-layout, .prepare, .related{
    padding-inline:max(6vw,calc((100% - 1280px)/2));
  }.scope-note{ margin-inline:max(6vw,calc((100% - 1280px)/2)); }.service-hero{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); }.service-hero>*{ min-width:0; }.service-hero h1, .guide-intro h1{ font-size:clamp(40px,4.5vw,64px); letter-spacing:-1.5px; }.service-hero figure{ width:100%; max-width:384px; justify-self:end; }.service-hero figure img{ width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; transform:none; }.guide-intro{ max-width:none; padding-inline:max(6vw,calc((100% - 1280px)/2)); }.guide-intro .intro{ max-width:660px; }
}
@media screen and (max-width:700px) {.selected-direction .hero-molecular{ min-height:680px; padding-top:24px; padding-bottom:36px; }.selected-direction .hero-molecular .hero-copy{ padding-top:140px; }.selected-direction .hero-molecular .display{ font-size:clamp(40px,10vw,54px); letter-spacing:-1.3px; }.selected-direction .section-title h2, .selected-direction .r8-section h2, .selected-direction .consultation h2{ font-size:clamp(32px,8vw,40px); letter-spacing:-1px; }.selected-direction .molecular-science{ padding-block:52px 28px; }.selected-direction .r8-section{ padding-block:52px; }.selected-direction .perspective-grid, .selected-direction .r8-philosophy, .service-hero{ grid-template-columns:minmax(0,1fr); gap:28px; }.selected-direction .perspective-art{ max-width:352px; justify-self:center; padding:12px; }.selected-direction .r8-portrait, .service-hero figure{ max-width:320px; justify-self:center; }.selected-direction .r8-heading, .selected-direction .r8-faq, .questions-layout, .prepare{ gap:28px; }.questions-layout>aside h2, .prepare h2, .related h2{ font-size:clamp(32px,8vw,38px); }.selected-direction .menu-toggle, .selected-direction .motion-toggle, body:not([data-page="selected"]) .menu-toggle, body:not([data-page="selected"]) .motion{ white-space:nowrap; flex-shrink:0; }.selected-direction .continuum-bridge{ margin-top:36px; }.service-hero h1, .guide-intro h1{ font-size:clamp(36px,9vw,48px); }
}
/* Long clinical service names must stay out of the disclosure-icon column. */

/* Services list, corrected 2026-10-02.
   The grid centred every cell on itself, so the thumbnail, the title and the
   description never shared a top edge, and the two rows whose titles wrap sat 12px
   taller than the rest. Column two was also 536px wide at 1920 for titles needing
   about 200, which left a dead channel down the middle of the section. The
   thumbnails are portrait sources (400x500) and only desktop cropped them square. */
@media screen {.selected-direction .r8-plus{ align-self:center; }/* Hover marks the row and the control rather than recolouring the whole heading{ color:inherit; }/* Touch targets: the logo link, the scroll cue and the footer links were between
     33px and 38px tall against a 44px minimum. */
  .selected-direction .brand{ display:inline-flex; align-items:center; min-height:44px; }.selected-direction .scroll-cue{ min-height:44px; }.selected-direction .site-links a{ display:inline-flex; align-items:center; min-height:44px; }.selected-direction .r8-footer-links a{
    display:inline-flex; align-items:center; min-height:44px; padding:0 6px; margin-left:-6px;
  }
}

@media screen and (max-width:700px) {.selected-direction .r8-plus{ align-self:start; }
}