/* Generated by scripts/build-css.py. Edit css/src/, not this file. */
@layer reset, tokens, base, layout, components, compositions, pages, utilities;

/* Source: css/src/foundations/reset.css */
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }

  html { min-width: 0; scroll-behavior: smooth; text-size-adjust: 100%; }

  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

  ul, ol { margin-block: 0; padding-inline-start: 1.25em; }

  img, picture, svg, video, canvas { display: block; max-inline-size: 100%; }

  img { block-size: auto; }

  button, input, textarea, select { color: inherit; font: inherit; }

  button, summary { cursor: pointer; }

  a { color: inherit; }

  [hidden] { display: none; }
}

/* Source: css/src/foundations/tokens.css */
@layer tokens {
  :root {
    /* Luminous botanical primitives */
    --ivory-50: #fffdf9;
    --ivory-100: #fbf6ee;
    --white: #ffffff;

    --sage-50: #f4f6ef;
    --sage-100: #e9eee1;
    --sage-200: #dbe4d1;
    --olive-400: #8f997d;
    --olive-600: #5d6954;
    /* The menu is the colour reference for every viewport-wide green surface.
       Bands and the footer use the translucent derivative so the shared page
       panorama can remain faintly visible beneath the same green. */
    --menu-green: #485440;
    --menu-green-overlay: color-mix(in srgb, var(--menu-green) 92%, transparent);
    --olive-700: var(--menu-green);
    --forest-700: #3d4a3d;
    --forest-800: #303d33;
    --forest-900: #243129;

    --blush-50: #fff6f2;
    --blush-100: #f8e8e2;
    --blush-200: #efd2ca;
    --pink-gold-300: #dca69a;
    --rose-gold-500: #bd796b;
    --rose-gold-600: #a9675b;
    --rose-gold-700: #8f574d;

    --champagne-100: #f4e8d2;
    --gold-200: #ead5ad;
    --gold-300: #d5b57e;
    --gold-500: #b48950;
    --gold-700: #896738;

    --ink-700: #596159;

    /* Compatibility aliases retained for authored components */
    --rose-100: var(--blush-100);
    --rose-200: var(--blush-200);
    --rose-500: var(--rose-gold-600);

    /* Semantic surfaces and text */
    --color-bg-page: var(--ivory-50);
    --color-bg-surface: var(--white);
    --color-bg-soft: var(--ivory-100);
    --color-bg-sage: var(--sage-100);
    --color-bg-sage-soft: var(--sage-50);
    --color-bg-rose: var(--blush-100);
    --color-bg-blush-soft: var(--blush-50);
    --color-bg-olive: var(--olive-700);
    --color-bg-inverse: var(--olive-700);
    --color-text-primary: var(--forest-900);
    --color-text-secondary: var(--ink-700);
    --color-text-muted: var(--olive-700);
    --color-text-inverse: var(--ivory-50);
    --color-action-primary: var(--olive-700);
    --color-action-accent: var(--rose-gold-700);
    --color-border-subtle: color-mix(in srgb, var(--olive-700) 20%, transparent);
    --color-border-warm: color-mix(in srgb, var(--gold-500) 42%, transparent);
    --color-border-rose: color-mix(in srgb, var(--rose-gold-600) 36%, transparent);
    --color-focus: var(--gold-700);
    --color-error: #913c38;
    --color-success: #356244;

    /* Editorial type system: high-contrast serif, quiet humanist sans. The
       stacks remain local/privacy-safe and deliberately share no remote dependency. */
    --font-heading: "Iowan Old Style", Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --font-body: Inter, "Avenir Next", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-italic: var(--font-heading);
    --font-accent: "Segoe Print", "Bradley Hand", "Apple Chancery", cursive;
    --font-sans: var(--font-body);
    --font-display: clamp(3.1rem, 5.5vw, 6.25rem);
    --font-page-title: clamp(2.75rem, 4.6vw, 5.25rem);
    --font-section-title: clamp(2.15rem, 3.5vw, 4rem);
    --font-subtitle: clamp(1.4rem, 1.8vw, 1.95rem);
    --font-lead: clamp(1.12rem, 1vw + .86rem, 1.38rem);
    --font-body-size: clamp(1rem, .2vw + .96rem, 1.1rem);
    --font-small: .875rem;
    --font-caption: .78rem;
    --type-display-xl: clamp(3.25rem, 7vw, 7.75rem);
    --type-display-md: clamp(2.4rem, 4.25vw, 4.7rem);
    --type-page-title: clamp(2.75rem, 5.1vw, 5.75rem);
    --type-section-title: clamp(2.15rem, 3.8vw, 4.15rem);
    --type-editorial-statement: clamp(2.8rem, 5.2vw, 5.8rem);
    --type-intro: clamp(1.13rem, .85vw + .9rem, 1.42rem);
    --type-quotation: clamp(1.3rem, 1.12rem + .62vw, 1.72rem);
    --type-small: .9rem;
    --type-label: clamp(.78rem, .74rem + .12vw, .88rem);
    --type-caption: .78rem;
    --tracking-label: .17em;
    --leading-display: .91;
    --leading-editorial: .99;
    --leading-body: 1.72;
    --measure-body: 66ch;
    --measure-intro: 48ch;
    --line-heading: .98;
    --line-body: 1.72;
    --tracking-eyebrow: .16em;

    /* Spacing and section rhythm */
    --space-2: .65rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-6: 3.25rem;
    --section-micro: clamp(1.25rem, 2.4vw, 2.5rem);
    --section-compact: clamp(2.5rem, 4vw, 4rem);
    --section-standard: clamp(4rem, 6vw, 6.25rem);
    --section-comfortable: clamp(5rem, 7.5vw, 7.75rem);
    --section-spacious: clamp(6rem, 9vw, 9rem);

    /* Canonical alignment rails. The 90rem content rail is the only authored
       page width; panorama remains visible outside it on wide viewports. */
    --content-max-width: 90rem;
    --site-canvas-max: var(--content-max-width);
    --editorial-wide: 92rem;
    --editorial-standard: 84rem;
    --reading-measure: 68ch;
    --editorial-compact: 50rem;
    --media-wide: 72rem;
    --edge-gutter: clamp(1.25rem, 4vw, 4rem);

    /* Compatibility aliases for existing components. New work uses the
       canonical rail names above. */
    --container-wide: var(--site-canvas-max);
    --container-standard: var(--editorial-standard);
    --container-reading: var(--reading-measure);
    --container-media: var(--media-wide);
    --page-gutter: var(--edge-gutter);
    --grid-gap: clamp(1rem, 2.5vw, 2.5rem);

    /* Shape, depth and movement */
    --radius-sm: .8rem;
    --radius-md: 1.25rem;
    --radius-lg: 2rem;
    --radius-xl: 3rem;
    --radius-arch: 10rem;
    --shadow-soft: 0 1.25rem 3.75rem color-mix(in srgb, var(--olive-700) 10%, transparent);
    --shadow-raised: 0 1.8rem 5rem color-mix(in srgb, var(--forest-900) 15%, transparent);
    --shadow-glow: 0 1.4rem 4rem color-mix(in srgb, var(--rose-gold-500) 17%, transparent);
    --duration-instant: 100ms;
    --duration-fast: 180ms;
    --duration-standard: 280ms;
    --duration-slow: 520ms;
    --ease-standard: cubic-bezier(.2, .7, .2, 1);
    --ease-emphasized: cubic-bezier(.16, 1, .3, 1);
    --focus-ring: 0 0 0 .15rem var(--color-bg-page), 0 0 0 .35rem var(--color-focus);

    /* Shared component decisions */
    --header-height: clamp(4.35rem, 4rem + 1vw, 4.9rem);
    --control-height: 3.25rem;
    --card-padding: clamp(1.3rem, 2.4vw, 2.2rem);
    --hero-copy-width: 43rem;
    --z-header: 200;
    --z-menu: 300;
    --z-cookie: 250;
    --z-floating: 180;
  }
}

/* Source: css/src/foundations/base.css */
@layer base {
  html {
    background: var(--color-bg-page);
    color-scheme: light;
    scrollbar-color: var(--olive-400) var(--ivory-100);
  }

  body {
    min-block-size: 100vh;
    overflow-wrap: break-word;
    background:
      radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--blush-100) 48%, transparent), transparent 25rem),
      var(--color-bg-page);
    color: var(--color-text-primary);
    font-family: var(--font-body);
    font-size: var(--font-body-size);
    line-height: var(--line-body);
    text-rendering: optimizeLegibility;
  }

  body.sf-readable-mode { font-size: calc(var(--font-body-size) * 1.08); }

  ::selection { background: var(--blush-200); color: var(--forest-900); }

  :focus-visible { outline: 0; box-shadow: var(--focus-ring); }

  a {
    color: var(--color-action-primary);
    text-underline-offset: .22em;
    text-decoration-thickness: .08em;
    text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
  }

  a:hover { text-decoration-color: currentColor; }
  p + p { margin-block-start: var(--space-3); }
  strong { font-weight: 720; }
  em { color: var(--color-action-accent); }
  small { font-size: var(--font-small); }

  ul, ol { accent-color: var(--color-action-accent); }
  li + li { margin-block-start: .4em; }

  blockquote {
    border-inline-start: 1px solid var(--gold-500);
    padding-inline-start: var(--space-4);
    color: var(--color-text-muted);
    font-family: var(--font-heading);
    font-size: var(--font-lead);
    font-style: italic;
  }

  figcaption {
    margin-block-start: var(--space-2);
    color: var(--color-text-secondary);
    font-size: var(--font-caption);
    line-height: 1.5;
  }

  table {
    inline-size: 100%;
    border-collapse: collapse;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-sm);
    background: var(--color-bg-surface);
    font-variant-numeric: tabular-nums;
  }

  :is(th, td) { border-block-end: 1px solid var(--color-border-subtle); padding: .85rem 1rem; text-align: start; }
  th { background: var(--color-bg-sage-soft); font-size: var(--font-small); letter-spacing: .04em; }

  hr {
    block-size: 1px;
    border: 0;
    margin-block: var(--space-6);
    background: linear-gradient(90deg, transparent, var(--color-border-warm), transparent);
  }

  .skip-link {
    position: fixed;
    inset-block-start: var(--space-3);
    inset-inline-start: var(--space-3);
    z-index: 1000;
    translate: 0 -200%;
    border-radius: 999px;
    background: var(--color-bg-inverse);
    color: var(--color-text-inverse);
    padding: .7rem 1rem;
    transition: translate var(--duration-fast) var(--ease-standard);
  }

  .skip-link:focus { translate: 0; }

  .sf-main { display: block; min-inline-size: 0; overflow: clip; }

  .sf-visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

/* Source: css/src/foundations/typography.css */
@layer base {
  h1, h2, h3, h4 {
    max-inline-size: 22ch;
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: var(--line-heading);
    text-wrap: balance;
  }

  h1 { font-size: var(--font-page-title); }
  h2 { font-size: var(--font-section-title); }
  h3 { font-size: var(--font-subtitle); letter-spacing: -.025em; line-height: 1.08; }
  h4 { font-size: 1.2rem; font-weight: 500; letter-spacing: -.015em; line-height: 1.2; }

  .sf-hero-copy h1 { font-size: var(--font-display); }

  :is(h1, h2, h3) em {
    color: var(--color-action-accent);
    font-weight: inherit;
    letter-spacing: -.055em;
  }

  .sf-eyebrow {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-block-end: var(--space-3);
    color: var(--color-action-accent);
    font-size: var(--type-label);
    font-weight: 800;
    letter-spacing: var(--tracking-eyebrow);
    line-height: 1.5;
    text-transform: uppercase;
  }

  .sf-eyebrow::before {
    content: "";
    inline-size: 1.65rem;
    block-size: 1px;
    flex: 0 0 auto;
    background: linear-gradient(90deg, var(--rose-gold-500), var(--gold-300));
  }

  .sf-lede {
    max-inline-size: 52ch;
    color: var(--color-text-secondary);
    font-family: var(--font-body);
    font-size: var(--font-lead);
    line-height: 1.68;
  }

  .sf-small-copy { color: var(--color-text-secondary); font-size: var(--font-small); }

  .sf-section-head {
    max-inline-size: 54rem;
    margin-block-end: clamp(2rem, 4vw, 3.75rem);
  }

  .sf-chapter-number {
    display: block;
    margin-block-end: .65rem;
    color: var(--rose-gold-600);
    font-family: var(--font-heading);
    font-size: clamp(2.75rem, 4.25vw, 4.9rem);
    font-variant-numeric: lining-nums tabular-nums;
    font-weight: 400;
    letter-spacing: -.075em;
    line-height: .78;
  }

  .sf-chapter-number + .sf-eyebrow { margin-block-end: .7rem; }
  [data-tone="forest"] .sf-chapter-number { color: var(--gold-200); }

  .sf-section-head > :is(p, ul):not(.sf-eyebrow) { max-inline-size: 64ch; }
  .sf-section-head h2 + :is(p, ul) { margin-block-start: var(--space-4); }

  @media (max-width: 35.999rem) {
    .sf-eyebrow { letter-spacing: .13em; }
    .sf-eyebrow::before { inline-size: 1.1rem; }
    h1, h2, h3, h4 { text-wrap: pretty; }
  }
}

/* Source: css/src/layout/containers.css */
@layer layout {
  .sf-container {
    inline-size: min(calc(100% - 2 * var(--edge-gutter)), var(--editorial-standard));
    margin-inline: auto;
  }

  .sf-canvas,
  .sf-container--wide {
    inline-size: min(calc(100% - 2 * var(--edge-gutter)), var(--site-canvas-max));
    max-inline-size: none;
    margin-inline: auto;
  }

  .sf-editorial-wide {
    inline-size: min(calc(100% - 2 * var(--edge-gutter)), var(--editorial-wide));
    margin-inline: auto;
  }

  .sf-container--reading, .sf-reading-column { max-inline-size: var(--reading-measure); }
  .sf-container--compact { max-inline-size: var(--editorial-compact); }
  .sf-media-wide { max-inline-size: var(--media-wide); }

  /* A nested component keeps the rail selected by its parent. It must not
     silently centre and narrow the composition a second time. */
  .sf-container .sf-container {
    inline-size: 100%;
    margin-inline: 0;
  }

  .sf-main > .sf-breadcrumbs { margin-block: var(--space-3); }

  .sf-editorial-media-layout > :is(.sf-section-inner, .sf-statement-inner, .sf-reading-column) {
    inline-size: auto;
    min-inline-size: 0;
    margin: 0;
  }
}

/* Source: css/src/layout/grid.css */
@layer layout {
  .sf-content-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: var(--grid-gap);
  }

  /* Keep declared card groups in complete rows as the layout changes. */
  @media (min-width: 48rem) {
    .sf-content-card-grid[data-card-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sf-content-card-grid[data-card-count="4"],
    .sf-content-card-grid[data-card-count="6"],
    .sf-content-card-grid[data-card-count="8"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (min-width: 64rem) {
    .sf-content-card-grid[data-card-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sf-content-card-grid[data-card-count="4"],
    .sf-content-card-grid[data-card-count="8"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sf-content-card-grid[data-card-count="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }

  .sf-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }

  .sf-editorial-media-layout,
  .sf-editorial-split,
  .sf-form-section-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .78fr);
    align-items: center;
    gap: clamp(2.5rem, 6vw, 6rem);
  }

  [data-pattern="form"] .sf-form-section-layout {
    grid-template-columns: minmax(15rem, .52fr) minmax(0, 1.48fr);
    align-items: start;
  }

  .sf-editorial-media-layout > .sf-editorial-media { grid-column: 2; grid-row: 1; }
  .sf-editorial-media-layout > .sf-section-inner { grid-column: 1; grid-row: 1; }
  .sf-process-list { display: grid; gap: var(--space-4); }

  @media (min-width: 48rem) and (max-width: 63.999rem) {
    [data-pattern="numbered-sequence"] .sf-process-list,
    [data-pattern="timeline"] .sf-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (min-width: 64rem) {
    [data-pattern="numbered-sequence"] .sf-process-list { grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)); }
    [data-pattern="timeline"] .sf-process-list { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
  }
}

/* Source: css/src/layout/sections.css */
@layer layout {
  .sf-section {
    position: relative;
    overflow: clip;
    isolation: isolate;
    padding-block: var(--section-standard);
  }

  .sf-section[data-density="compact"] { padding-block: var(--section-compact); }
  .sf-section[data-density="comfortable"] { padding-block: var(--section-comfortable); }
  .sf-section[data-density="spacious"] { padding-block: var(--section-spacious); }
  .sf-section[data-scale="micro"] { padding-block: var(--section-micro); }
  .sf-section[data-scale="compact"] { padding-block: var(--section-compact); }
  .sf-section[data-scale="standard"] { padding-block: var(--section-standard); }
  .sf-section[data-scale="immersive"] { padding-block: var(--section-comfortable); }

  .sf-section[data-tone="paper"] { background: var(--color-bg-page); }
  .sf-section[data-tone="mist"] {
    background:
      radial-gradient(circle at 92% 15%, color-mix(in srgb, var(--blush-100) 46%, transparent), transparent 24rem),
      var(--color-bg-soft);
  }
  .sf-section[data-tone="sage"] {
    background:
      radial-gradient(circle at 8% 85%, color-mix(in srgb, var(--gold-200) 28%, transparent), transparent 24rem),
      var(--color-bg-sage);
  }
  .sf-section[data-tone="blush"] {
    background:
      radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--gold-200) 32%, transparent), transparent 22rem),
      var(--color-bg-rose);
  }
  .sf-section[data-tone="forest"] {
    background:
      radial-gradient(circle at 84% 16%, rgb(234 213 173 / .12), transparent 28rem),
      linear-gradient(118deg, var(--forest-900), var(--olive-700));
    color: var(--color-text-inverse);
  }

  .sf-section[data-tone="forest"] :is(.sf-section-head h2, .sf-section-head h3, .sf-section-head .sf-eyebrow, .sf-section-head + .sf-lede, .sf-editorial-kicker h2, .sf-form-section-intro h2) { color: var(--color-text-inverse); }
  .sf-section[data-tone="forest"] :is(.sf-section-head .sf-eyebrow, .sf-editorial-kicker .sf-eyebrow, .sf-form-section-intro .sf-eyebrow) { color: var(--gold-200); }
  .sf-section[data-tone="forest"] > :is(.sf-section-inner, .sf-statement-inner, .sf-editorial-media-layout, .sf-reading-column) > :is(p, ul, ol, dl) { color: rgb(255 253 249 / .88); }

  .sf-section-inner > :is(p, ul:not(.sf-process-list), ol:not(.sf-process-list), dl) { max-inline-size: var(--container-reading); }
  .sf-section-inner > * + * { margin-block-start: var(--space-4); }
  .sf-section-inner > .sf-section-head + * { margin-block-start: 0; }

  .sf-credentials-line {
    position: relative;
    z-index: 2;
    border-block: 1px solid var(--color-border-warm);
    background:
      linear-gradient(90deg, var(--color-bg-sage), var(--color-bg-blush-soft) 48%, var(--champagne-100));
    box-shadow: 0 .8rem 2rem color-mix(in srgb, var(--olive-700) 6%, transparent);
  }

  .sf-credentials-line__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .55rem 1.5rem;
    padding-block: .95rem;
    color: var(--color-text-muted);
    font-size: .76rem;
    font-weight: 650;
    letter-spacing: .075em;
    text-transform: uppercase;
  }

  .sf-credentials-line__inner span + span::before {
    content: "✦";
    margin-inline-end: 1.5rem;
    color: var(--rose-gold-600);
    font-size: .55rem;
  }

  @media (max-width: 35.999rem) {
    .sf-credentials-line__inner { justify-content: flex-start; gap: .4rem .9rem; }
    .sf-credentials-line__inner span + span::before { margin-inline-end: .9rem; }
  }
}

/* Source: css/src/layout/responsive.css */
@layer layout {
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { display: block; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 2.5rem; }
  .sf-page[data-page="home"] :is(#treatment-families, #care-standard) .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
  .sf-page[data-page="home"] :is(#treatment-families, #care-standard) .sf-section-inner { display: block; padding: 0; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 1; grid-row: 1; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 2; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(2.5rem, 6vw, 6rem); }

  /* Keep the chapter lockup vertical: number, eyebrow, then title. */
  .sf-page[data-page="home"] :is(#consultation-journey, #treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-section-head { display: block !important; }
  .sf-page[data-page="home"] :is(#consultation-journey, #treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-section-head > :is(.sf-chapter-number, .sf-eyebrow, h2) { grid-column: auto !important; grid-row: auto !important; }

  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { max-inline-size: var(--container-wide); }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--space-3) !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card { min-block-size: 0 !important; padding: clamp(1.4rem, 2.5vw, 2rem) !important; }

  .sf-page[data-page="home"] #treatment-families .sf-editorial-media-layout { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr) !important; gap: clamp(2.5rem, 6vw, 6rem) !important; align-items: start !important; }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner { display: block !important; min-inline-size: 0; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media img { block-size: 30rem !important; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--space-3) !important; margin-block: 2rem !important; border: 0 !important; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card,
  .sf-page[data-page="home"] #treatment-families .sf-content-card + .sf-content-card { min-block-size: 0 !important; border: 0 !important; border-radius: var(--radius-card) !important; padding: 1.35rem !important; }

  /* The care standard: conventional editorial columns, never a split heading. */
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr) !important; gap: clamp(2.5rem, 6vw, 6rem) !important; align-items: start !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { display: block !important; grid-column: 1 !important; grid-row: 1 !important; max-inline-size: 34rem !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head > :is(.sf-chapter-number, .sf-eyebrow, h2) { display: block !important; grid-column: auto !important; grid-row: auto !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 2 !important; grid-row: 1 / span 3 !important; inline-size: 100% !important; margin: 0 !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { display: grid !important; grid-column: 1 !important; grid-row: 2 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--space-3) !important; margin: 2rem 0 !important; padding: 0 !important; border: 0 !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 1 !important; grid-row: 3 !important; margin: 0 !important; }

  /* Consultation journey: a familiar definition-block sequence. */
  .sf-page[data-page="home"] #consultation-journey { background: var(--color-bg-soft) !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { display: block !important; max-inline-size: var(--container-wide) !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head { display: block !important; max-inline-size: 38rem !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head > :is(.sf-chapter-number, .sf-eyebrow, h2) { display: block !important; grid-column: auto !important; grid-row: auto !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: var(--space-3) !important; margin: 0 !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card { position: relative; min-block-size: 14rem !important; padding: 1.5rem !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-step-number { margin-block-end: 2rem !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote { margin-block-start: 2rem !important; }
  @media (max-width: 63.999rem) { .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 35.999rem) { .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { grid-template-columns: 1fr !important; } }

  /* Match the shared section rhythm used across the site. */
  .sf-page[data-page="home"] #consultation-journey { padding-block: var(--section-compact) !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { max-inline-size: none !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head { margin-block-end: clamp(2rem, 4vw, 3.75rem) !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { margin-block: 0 !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote { margin-block: var(--space-4) 0 !important; }

  @media (max-width: 63.999rem) {
    .sf-editorial-media-layout,
    .sf-editorial-split,
    .sf-form-section-layout,
    [data-pattern="form"] .sf-form-section-layout { grid-template-columns: 1fr; }

    .sf-editorial-media-layout > .sf-editorial-media,
    .sf-editorial-media-layout > .sf-section-inner { grid-column: 1; }

    .sf-editorial-media-layout > .sf-editorial-media { grid-row: 2; }
    .sf-editorial-media-layout > .sf-section-inner { grid-row: 1; }
  }

  @media (max-width: 47.999rem) {
    .sf-form-grid { grid-template-columns: 1fr; }
  }

  @media (max-width: 35.999rem) {
    .sf-section:not([data-scale="micro"]):not([data-scale="compact"]) { padding-block: var(--section-compact); }
    .sf-content-card-grid { grid-template-columns: 1fr; }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    [data-reveal] { opacity: 1; transform: none; transition: none; }
  }

  @media (forced-colors: active) {
    :focus-visible { outline: 2px solid CanvasText; box-shadow: none; }
  }
}

/* Source: css/src/components/top-bar.css */
@layer components {
  #sf-topbar-inline { position: relative; z-index: calc(var(--z-header) + 1); min-block-size: 2.25rem; overflow: hidden; border-block-end: 1px solid color-mix(in srgb, var(--gold-500) 20%, transparent); background: linear-gradient(90deg, var(--ivory-50), var(--ivory-100)); color: var(--forest-800); }
  #sf-topbar-inline::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 1px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold-500) 48%, transparent), transparent); }
  .sft-inner { inline-size: min(calc(100% - 2 * var(--page-gutter)), var(--container-standard)); min-block-size: 2.25rem; margin-inline: auto; display: grid; grid-template-columns: minmax(10rem, 1fr) auto; align-items: center; gap: .9rem; font-size: .75rem; }
  .sft-motto, .sft-actions, .sft-link, .sft-location, .sft-languages { display: flex; align-items: center; }
  .sft-motto { min-inline-size: 0; gap: .5rem; color: var(--color-text-muted); font-weight: 700; white-space: nowrap; }
  .sft-actions { justify-content: flex-end; gap: .5rem; white-space: nowrap; }
  .sft-link, .sft-location { min-block-size: 1.6rem; gap: .4rem; border-radius: 999px; padding-inline: .55rem; color: var(--color-text-muted); font-weight: 700; text-decoration: none; }
  .sft-link:hover { background: var(--color-bg-surface); color: var(--forest-900); }
  .sft-location { border: 1px solid var(--color-border-warm); background: color-mix(in srgb, var(--white) 58%, transparent); }
  .sft-leaf, .sft-icon { inline-size: .95rem; block-size: .95rem; flex: 0 0 auto; stroke: var(--gold-500); }
  .sft-languages { gap: .45rem; border: 0; background: none; padding: 0; }
  .sft-lang { min-block-size: 1.25rem; display: grid; place-items: center; border-block-end: 1px solid transparent; color: var(--color-text-muted); font-size: .65rem; font-weight: 850; line-height: 1; text-decoration: none; }
  .sft-lang[aria-current], html[lang="en"] .sft-lang[lang="en"], html[lang="pt-BR"] .sft-lang[lang="pt-BR"] { border-block-end-color: var(--gold-500); background: none; color: var(--gold-500); }

  @media (min-width: 48rem) {
    #sf-topbar-inline {
      min-block-size: 2.5rem;
      border-block-end-color: color-mix(in srgb, var(--rose-gold-500) 55%, transparent);
      background: var(--forest-800);
      color: var(--ivory-50);
    }
    #sf-topbar-inline::after { background: linear-gradient(90deg, transparent, var(--rose-gold-500) 12%, var(--rose-gold-500) 88%, transparent); opacity: .5; }
    .sft-inner { inline-size: min(calc(100% - 2 * var(--page-gutter)), var(--container-wide)); min-block-size: 2.5rem; gap: 1.1rem; font-family: var(--font-heading); font-size: clamp(.8rem, .3vw + .58rem, .96rem); }
    .sft-motto { gap: .55rem; color: color-mix(in srgb, var(--ivory-50) 92%, transparent); font-weight: 500; }
    .sft-actions { gap: 1rem; }
    .sft-link, .sft-location { min-block-size: 2rem; gap: .65rem; border: 0; border-radius: 0; background: none; color: color-mix(in srgb, var(--ivory-50) 90%, transparent); padding-inline: 0; font-weight: 500; }
    .sft-link:hover { background: none; color: var(--champagne-100); }
    .sft-location, .sft-languages { border-inline-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); padding-inline-start: 1rem; }
    .sft-leaf, .sft-icon { inline-size: 1rem; block-size: 1rem; stroke: var(--gold-300); }
    .sft-languages { gap: .5rem; border-block: 0; border-inline-end: 0; border-radius: 0; background: none; padding-block: 0; padding-inline-end: 0; }
    .sft-lang { min-block-size: 1.35rem; color: color-mix(in srgb, var(--ivory-50) 88%, transparent); font-family: var(--font-body); font-size: .68rem; font-weight: 800; }
    .sft-lang[aria-current], html[lang="en"] .sft-lang[lang="en"], html[lang="pt-BR"] .sft-lang[lang="pt-BR"] { border-block-end-color: var(--gold-300); background: none; color: var(--gold-300); }
  }

  @media (max-width: 47.999rem) { .sft-inner { inline-size: calc(100% - 1.25rem); } .sft-location, .sft-link-text { display: none; } .sft-link { inline-size: 1.75rem; padding: 0; justify-content: center; border: 1px solid var(--color-border-warm); background: color-mix(in srgb, var(--white) 55%, transparent); } }
  @media (max-width: 26rem) { .sft-motto span { max-inline-size: 10rem; overflow: hidden; text-overflow: ellipsis; } }
}

/* Source: css/src/components/header.css */
@layer components {
  #sf-header-inline {
    position: sticky;
    inset-block-start: clamp(.45rem, 1vw, .8rem);
    z-index: var(--z-header);
    inline-size: 100%;
    padding-inline: var(--page-gutter);
    pointer-events: none;
  }

  .sfi-header-shell {
    position: relative;
    inline-size: min(100%, var(--container-standard));
    min-block-size: var(--header-height);
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto auto;
    align-items: center;
    gap: clamp(.75rem, 1.5vw, 1.5rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold-500) 35%, transparent);
    border-radius: var(--radius-md);
    background:
      radial-gradient(circle at 5% 0%, color-mix(in srgb, var(--gold-200) 36%, transparent), transparent 28%),
      radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--blush-200) 45%, transparent), transparent 27%),
      var(--ivory-50);
    box-shadow: 0 1rem 3rem color-mix(in srgb, var(--olive-700) 17%, transparent), inset 0 1px 0 color-mix(in srgb, var(--white) 82%, transparent);
    padding: .55rem .65rem .55rem .9rem;
    color: var(--color-text-primary);
    pointer-events: auto;
    backdrop-filter: none;
    transition: min-block-size var(--duration-fast) var(--ease-standard), background var(--duration-fast), box-shadow var(--duration-fast) var(--ease-standard);
  }

  #sf-header-inline.is-scrolled .sfi-header-shell {
    min-block-size: 4.15rem;
    background: var(--ivory-50);
    box-shadow: 0 .8rem 2.4rem color-mix(in srgb, var(--olive-700) 21%, transparent);
  }

  .sfi-header-shell::before {
    content: "";
    position: absolute;
    inset-inline: 7%;
    inset-block-end: 0;
    block-size: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--pink-gold-300), var(--gold-300), transparent);
  }

  .sfi-brand, .sfi-nav, .sfi-actions { position: relative; z-index: 1; display: flex; align-items: center; }
  .sfi-brand { min-inline-size: 0; gap: .75rem; color: inherit; text-decoration: none; }

  .sfi-brand-mark {
    inline-size: 3.25rem;
    block-size: 3.25rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--color-border-warm);
    border-radius: 50%;
    background:
      radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--gold-200) 22%, transparent), transparent 45%),
      var(--olive-700);
    box-shadow: 0 .55rem 1.35rem color-mix(in srgb, var(--olive-700) 22%, transparent);
  }

  .sfi-brand-logo {
    inline-size: 2.05rem;
    block-size: 2.05rem;
    object-fit: contain;
    filter: drop-shadow(0 .2rem .45rem color-mix(in srgb, var(--forest-900) 25%, transparent));
  }

  .sfi-brand-text { min-inline-size: 0; display: grid; gap: .2rem; line-height: 1; }
  .sfi-brand-name { color: var(--forest-900); font-family: var(--font-heading); font-size: clamp(1.4rem, 1.7vw, 1.85rem); font-style: italic; white-space: nowrap; }
  .sfi-brand-role { color: var(--rose-gold-700); font-size: .6rem; font-weight: 780; letter-spacing: .17em; text-transform: uppercase; white-space: nowrap; }

  .sfi-nav {
    justify-content: center;
    gap: .15rem;
    border: 1px solid color-mix(in srgb, var(--gold-200) 34%, transparent);
    border-radius: 999px;
    background: var(--menu-green);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 13%, transparent), 0 .45rem 1rem color-mix(in srgb, var(--olive-700) 15%, transparent);
    padding: .2rem;
  }
  .sfi-nav-link {
    position: relative;
    min-block-size: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding-inline: clamp(.58rem, .8vw, .9rem);
    color: color-mix(in srgb, var(--ivory-50) 90%, transparent);
    font-size: clamp(.78rem, .2vw + .74rem, .88rem);
    font-weight: 680;
    text-decoration: none;
    transition: color var(--duration-fast), background var(--duration-fast);
  }

  .sfi-nav-link:hover, .sfi-nav-link:focus-visible, .sfi-nav-link[aria-current="page"] {
    color: var(--forest-900);
    background: var(--champagne-100);
  }

  .sfi-nav-link[aria-current="page"]::after {
    content: "";
    position: absolute;
    inset-inline: .9rem;
    inset-block-end: .35rem;
    block-size: 1px;
    background: linear-gradient(90deg, transparent, var(--rose-gold-500), var(--gold-500), transparent);
  }

  .sfi-actions { justify-content: flex-end; gap: .6rem; }
  .sfi-contact {
    position: relative;
    min-block-size: 3rem;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--rose-gold-600) 32%, transparent);
    border-radius: 999px;
    background: linear-gradient(105deg, var(--blush-200), var(--champagne-100) 48%, var(--pink-gold-300));
    color: var(--forest-900);
    padding-inline: 1.15rem;
    box-shadow: var(--shadow-glow);
    font-size: .82rem;
    font-weight: 790;
    text-decoration: none;
    white-space: nowrap;
    transition: translate var(--duration-fast), filter var(--duration-fast), box-shadow var(--duration-fast);
  }

  .sfi-contact:hover { translate: 0 -.1rem; filter: saturate(1.08); box-shadow: 0 1rem 2.2rem color-mix(in srgb, var(--rose-gold-500) 24%, transparent); }
  .sfi-contact-icon { inline-size: 1rem; block-size: 1rem; display: grid; place-items: center; }
  .sfi-contact-icon svg { inline-size: 55%; block-size: 55%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }

  .sfi-menu-button {
    inline-size: 3rem;
    block-size: 3rem;
    display: none;
    place-items: center;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--sage-100) 76%, var(--white));
    color: var(--gold-700);
    box-shadow: 0 .5rem 1.3rem color-mix(in srgb, var(--olive-700) 10%, transparent);
  }

  .sfi-menu-lines { position: relative; inline-size: 1.35rem; block-size: .95rem; display: block; }
  .sfi-menu-lines::before, .sfi-menu-lines::after, .sfi-menu-lines span { content: ""; position: absolute; inset-inline-start: 0; inline-size: 100%; block-size: 2px; border-radius: 999px; background: currentColor; transition: transform var(--duration-fast), opacity var(--duration-fast); }
  .sfi-menu-lines::before { inset-block-start: 0; }
  .sfi-menu-lines span { inset-block-start: calc(50% - 1px); }
  .sfi-menu-lines::after { inset-block-end: 0; }
  .sfi-menu-button[aria-expanded="true"] .sfi-menu-lines::before { transform: translateY(.4rem) rotate(45deg); }
  .sfi-menu-button[aria-expanded="true"] .sfi-menu-lines span { opacity: 0; }
  .sfi-menu-button[aria-expanded="true"] .sfi-menu-lines::after { transform: translateY(-.4rem) rotate(-45deg); }

  @media (min-width: 48rem) {
    #sf-header-inline { inset-block-start: clamp(.9rem, 1.5vw, 1.5rem); }
    .sfi-header-shell {
      min-block-size: clamp(5.5rem, 6.5vw, 7rem);
      grid-template-columns: minmax(15rem, 1.1fr) minmax(0, 1.35fr) auto;
      gap: clamp(.6rem, 1.5vw, 1.75rem);
      border-color: color-mix(in srgb, var(--rose-gold-500) 55%, transparent);
      border-radius: clamp(1.25rem, 1.8vw, 1.85rem);
      background: var(--menu-green);
      box-shadow: 0 .75rem 1.6rem rgb(14 23 13 / .2), inset 0 1px 0 color-mix(in srgb, var(--ivory-50) 15%, transparent);
      padding: clamp(.65rem, 1vw, .9rem) clamp(.85rem, 1.8vw, 1.5rem);
      color: var(--ivory-50);
    }
    #sf-header-inline.is-scrolled .sfi-header-shell { min-block-size: 5rem; background: var(--menu-green); }
    .sfi-header-shell::before { inset-inline: 1.5rem; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--rose-gold-500) 62%, transparent), transparent); }
    .sfi-header-shell::after { content: ""; position: absolute; inset-block: .45rem; inset-inline: .6rem; z-index: 0; pointer-events: none; opacity: .1; background: url("../assets/shared/interface-icons/icone-botanico-corner.svg") left center / auto 64% no-repeat, url("../assets/shared/interface-icons/icone-botanico-corner.svg") right center / auto 64% no-repeat; }
    .sfi-brand { gap: clamp(.65rem, 1vw, .95rem); }
    .sfi-brand-mark { inline-size: clamp(3.35rem, 3.75vw, 4.25rem); block-size: clamp(3.35rem, 3.75vw, 4.25rem); border-color: color-mix(in srgb, var(--rose-gold-500) 72%, transparent); background: var(--forest-800); box-shadow: inset 0 0 0 .35rem color-mix(in srgb, var(--rose-gold-500) 7%, transparent), 0 .5rem 1rem rgb(0 0 0 / .16); }
    .sfi-brand-logo { inline-size: 70%; block-size: 70%; }
    .sfi-brand-text { gap: .28rem; }
    .sfi-brand-name { color: var(--ivory-50); font-size: clamp(1.25rem, 1.5vw, 1.85rem); font-style: normal; letter-spacing: .02em; }
    .sfi-brand-role { color: var(--rose-gold-500); font-size: clamp(.55rem, .26vw + .38rem, .72rem); font-weight: 800; letter-spacing: .22em; }
    .sfi-nav { gap: 0; border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0; }
    .sfi-nav-link { min-block-size: clamp(2.7rem, 3vw, 3.15rem); flex: 1 1 auto; border-radius: 0; color: color-mix(in srgb, var(--ivory-50) 92%, transparent); font-family: var(--font-heading); font-size: clamp(.8rem, .38vw + .48rem, 1rem); font-weight: 500; padding-inline: clamp(.38rem, .8vw, .85rem); }
    .sfi-nav-link + .sfi-nav-link::before { content: ""; position: absolute; inset-inline-start: 0; inset-block: 22%; inline-size: 1px; background: color-mix(in srgb, var(--rose-gold-500) 42%, transparent); }
    .sfi-nav-link:hover, .sfi-nav-link:focus-visible, .sfi-nav-link[aria-current="page"] { background: none; color: var(--rose-gold-500); }
    .sfi-nav-link[aria-current="page"]::after { inset-inline: 25%; inset-block-end: .35rem; background: var(--rose-gold-500); }
    .sfi-actions { gap: .75rem; }
    .sfi-actions .sfi-contact { min-block-size: 2.8rem; gap: .55rem; border-color: color-mix(in srgb, var(--gold-300) 74%, transparent); border-radius: .35rem; background: linear-gradient(135deg, var(--forest-800), var(--forest-900)); color: var(--ivory-50); padding-inline: .75rem; box-shadow: 0 .35rem .85rem rgb(0 0 0 / .12), inset 0 1px 0 color-mix(in srgb, var(--ivory-50) 14%, transparent); font-family: var(--font-heading); font-size: .72rem; font-weight: 700; }
    .sfi-contact-icon { inline-size: 1.7rem; block-size: 1.7rem; flex: 0 0 auto; border-radius: 50%; background: var(--gold-500); color: var(--champagne-100); }
  }

  @media (max-width: 55.999rem) { .sfi-nav { display: none; } .sfi-menu-button { display: grid; } }
  @media (max-width: 45rem) {
    #sf-header-inline { inset-block-start: .35rem; padding-inline: .6rem; }
    .sfi-header-shell { min-block-size: 4.1rem; grid-template-columns: minmax(0, 1fr) auto; padding: .48rem; }
    .sfi-brand-mark { inline-size: 2.85rem; block-size: 2.85rem; }
    .sfi-brand-logo { inline-size: 1.78rem; block-size: 1.78rem; }
    .sfi-brand-name { font-size: 1.3rem; }
    .sfi-actions .sfi-contact { display: none; }
  }
  @media (max-width: 24.5rem) { .sfi-brand-role { display: none; } .sfi-brand-name { font-size: 1.16rem; } }
  @media (prefers-reduced-motion: reduce) { .sfi-header-shell, .sfi-header-shell * { transition: none; } }
}

/* Source: css/src/components/mobile-menu.css */
@layer components {
  #sf-mobile-menu-inline { position: fixed; inset: 0; z-index: var(--z-menu); display: grid; align-items: center; justify-items: end; padding: max(.65rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) max(.65rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left)); pointer-events: none; opacity: 0; visibility: hidden; transition: opacity var(--duration-standard), visibility var(--duration-standard); }
  #sf-mobile-menu-inline[hidden] { display: none; }
  #sf-mobile-menu-inline[data-state="open"] { opacity: 1; visibility: visible; pointer-events: auto; }
  .sfm-backdrop { position: absolute; inset: 0; border: 0; background: rgb(24 37 29 / .6); backdrop-filter: blur(.65rem) saturate(1.05); opacity: 0; transition: opacity var(--duration-standard); }
  #sf-mobile-menu-inline[data-state="open"] .sfm-backdrop { opacity: 1; }
  .sfm-panel { position: relative; z-index: 1; inline-size: min(26.25rem, calc(100vw - 1.25rem)); max-block-size: calc(100dvh - 1.25rem); overflow: auto; overscroll-behavior: contain; display: grid; gap: .85rem; border: 1px solid color-mix(in srgb, var(--gold-200) 50%, transparent); border-radius: var(--radius-md); background: radial-gradient(circle at 88% 6%, color-mix(in srgb, var(--gold-200) 32%, transparent), transparent 32%), radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--rose-200) 28%, transparent), transparent 30%), linear-gradient(180deg, var(--ivory-50), var(--ivory-100)); box-shadow: -1.5rem 1.6rem 5rem rgb(24 37 29 / .34), inset 0 1px 0 rgb(255 255 255 / .76); padding: 1rem; transform: translateX(1.5rem) scale(.98); opacity: 0; transition: transform var(--duration-standard) var(--ease-emphasized), opacity var(--duration-standard); }
  #sf-mobile-menu-inline[data-state="open"] .sfm-panel { transform: none; opacity: 1; }
  .sfm-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-block-end: 1px solid var(--color-border-warm); padding-block-end: .65rem; }
  .sfm-brand { min-inline-size: 0; display: flex; align-items: center; gap: .65rem; color: var(--forest-900); text-decoration: none; }
  .sfm-brand-mark { inline-size: 2.85rem; block-size: 2.85rem; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--color-border-warm); border-radius: 50%; background: color-mix(in srgb, var(--white) 52%, transparent); color: var(--gold-500); font-family: var(--font-heading); font-size: 1.4rem; font-style: italic; }
  .sfm-brand-copy { min-inline-size: 0; display: grid; gap: .2rem; }
  .sfm-name { font-family: var(--font-heading); font-size: 1.45rem; font-style: italic; line-height: 1; white-space: nowrap; }
  .sfm-role { color: var(--rose-500); font-size: .6rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
  .sfm-close { inline-size: 2.75rem; block-size: 2.75rem; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--gold-200) 40%, transparent); border-radius: var(--radius-md); background: linear-gradient(135deg, var(--forest-700), var(--forest-900)); color: var(--gold-200); box-shadow: 0 .65rem 1.5rem rgb(24 37 29 / .18); font-size: 1.7rem; line-height: 1; }
  .sfm-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
  .sfm-link { min-block-size: 3rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: color-mix(in srgb, var(--white) 58%, transparent); box-shadow: 0 .5rem 1.25rem rgb(24 37 29 / .045), inset 0 1px 0 rgb(255 255 255 / .68); padding: .65rem .75rem; color: var(--forest-900); font-size: .88rem; font-weight: 800; text-decoration: none; transition: translate var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast); }
  .sfm-link:hover, .sfm-link:focus-visible, .sfm-link[aria-current="page"] { translate: 0 -.08rem; border-color: var(--color-border-warm); background: color-mix(in srgb, var(--ivory-50) 90%, var(--gold-200)); }
  .sfm-link span:last-child { color: var(--gold-500); }
  .sfm-cta-card { display: grid; gap: .65rem; border: 1px solid var(--color-border-warm); border-radius: var(--radius-md); background: radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--gold-200) 28%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--ivory-50) 90%, transparent), color-mix(in srgb, var(--rose-100) 55%, transparent)); padding: .85rem; }
  .sfm-cta-title { color: var(--forest-900); font-family: var(--font-heading); font-size: 1.55rem; line-height: 1; }
  .sfm-cta-text { color: var(--color-text-secondary); font-size: .83rem; line-height: 1.45; }
  .sfm-actions { display: grid; gap: .5rem; }
  .sfm-primary, .sfm-secondary { inline-size: 100%; }
  .sfm-small { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .7rem; color: var(--color-text-muted); font-size: .72rem; }
  .sfm-small a { color: inherit; text-decoration: none; }
  @media (min-width: 64rem) { #sf-mobile-menu-inline { display: none; } }
  @media (max-width: 26.875rem) { #sf-mobile-menu-inline { align-items: stretch; justify-items: stretch; padding: .5rem; } .sfm-panel { inline-size: auto; max-block-size: calc(100dvh - 1rem); padding: .8rem; } .sfm-link { min-block-size: 2.8rem; font-size: .82rem; } .sfm-role { display: none; } }
  @media (max-width: 21.25rem) { .sfm-nav { grid-template-columns: 1fr; } }
  @media (prefers-reduced-motion: reduce) { #sf-mobile-menu-inline, #sf-mobile-menu-inline * { transition-duration: var(--duration-instant); } }
}

/* Source: css/src/components/footer.css */
/* Footer styling is owned by pages/backgrounds.css to keep its page-to-footer
 * transition and component treatment in one complete, non-conflicting system. */

/* Source: css/src/components/buttons.css */
@layer components {
  /* Shared action hierarchy: primary (commit), secondary (alternate), tertiary (low emphasis). */
  .sf-button-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block-start: var(--space-4); }

  .sf-button, .sffo-button, .sfm-primary, .sfm-secondary, .sfc-button, .sfi-contact {
    min-block-size: 3.2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    border: 1px solid transparent;
    border-radius: .35rem;
    padding: .78rem 1.2rem;
    font-family: var(--font-heading);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: translate var(--duration-fast), box-shadow var(--duration-fast), filter var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);
  }

  .sf-button::after, .sfi-contact::after, .sfm-secondary::after {
    content: "→";
    margin-inline-start: .35rem;
    color: var(--gold-300);
    font-family: var(--font-body);
    font-size: 1.3em;
    font-weight: 500;
    line-height: 0;
  }

  .sf-button:hover, .sffo-button:hover, .sfm-primary:hover, .sfm-secondary:hover, .sfc-button:hover, .sfi-contact:hover { translate: 0 -.12rem; }
  .sf-button:disabled, .sffo-button:disabled, .sfc-button:disabled { cursor: not-allowed; opacity: .58; translate: none; }

  /* Primary: one clear next action per decision point. */
  .sf-button--primary, .sfm-primary, .sfc-button--primary, .sfi-contact {
    border-color: color-mix(in srgb, var(--gold-300) 78%, transparent);
    background: linear-gradient(135deg, var(--forest-800), var(--forest-900) 86%);
    color: var(--ivory-50);
    box-shadow: 0 .7rem 1.45rem rgb(20 37 27 / .2), inset 0 1px 0 color-mix(in srgb, var(--ivory-50) 13%, transparent);
  }

  .sf-button--primary:hover, .sfm-primary:hover, .sfc-button--primary:hover, .sfi-contact:hover { background: linear-gradient(135deg, var(--olive-700), var(--forest-900) 86%); filter: saturate(1.05); box-shadow: 0 .95rem 1.8rem rgb(20 37 27 / .25), inset 0 1px 0 color-mix(in srgb, var(--ivory-50) 18%, transparent); }

  /* Secondary: an alternate action on an ivory surface. */
  .sf-button--outline, .sf-button--light, .sffo-button, .sfm-secondary, .sfc-button--outline {
    border-color: color-mix(in srgb, var(--olive-700) 72%, var(--gold-300));
    background: linear-gradient(135deg, var(--ivory-50), var(--champagne-100));
    color: var(--forest-900);
    box-shadow: 0 .42rem .9rem rgb(20 37 27 / .08), inset 0 1px 0 rgb(255 255 255 / .86);
  }

  .sf-button--outline:hover, .sf-button--light:hover, .sffo-button:hover, .sfm-secondary:hover, .sfc-button--outline:hover { border-color: var(--gold-500); background: var(--ivory-50); color: var(--forest-900); }

  /* Tertiary: low-emphasis actions, still visibly interactive. */
  .sf-button--quiet, .sfc-button--quiet {
    min-block-size: 2.8rem;
    border-color: color-mix(in srgb, var(--olive-700) 74%, transparent);
    background: transparent;
    color: var(--olive-700);
    box-shadow: none;
  }

  .sf-button--quiet:hover, .sfc-button--quiet:hover { border-color: var(--gold-500); background: color-mix(in srgb, var(--champagne-100) 58%, transparent); color: var(--forest-900); }

  /* Preserve contrast where the action row is already on a dark surface. */
  [data-tone="forest"] .sf-button--primary { border-color: var(--gold-300); background: linear-gradient(135deg, var(--ivory-50), var(--champagne-100)); color: var(--forest-900); }
  [data-tone="forest"] .sf-button--primary::after { color: var(--gold-700); }
  [data-tone="forest"] .sf-button--outline, [data-tone="forest"] .sf-button--quiet { border-color: color-mix(in srgb, var(--gold-300) 72%, transparent); background: transparent; color: var(--ivory-50); }

  /* Post-hero navigation is separate from the global accessibility skip link.
     It remains a quiet scroll cue and targets the first meaningful section. */
  .skip-past-hero {
    min-block-size: 2.75rem;
    inline-size: max-content;
    position: relative;
    z-index: 4;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin: clamp(.75rem, 1.4vw, 1.15rem) auto 0;
    translate: none;
    border-block-end: 1px solid color-mix(in srgb, var(--gold-700) 58%, transparent);
    color: var(--forest-900);
    padding-inline: .35rem;
    font-family: var(--font-body);
    font-size: .7rem;
    font-weight: 760;
    letter-spacing: .13em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color var(--duration-fast), color var(--duration-fast);
  }
  .skip-past-hero span { color: var(--rose-gold-700); font-size: 1rem; line-height: 1; }
  .skip-past-hero:hover { border-color: var(--rose-gold-700); color: var(--rose-gold-700); }
  .sf-main-content-target {
    display: block;
    block-size: 1px;
    scroll-margin-block-start: calc(var(--header-height, 5rem) + 1rem);
  }

  /* Contact has a compact form introduction rather than a conventional hero,
     so its continuation control stays in normal flow above the form. */
  .sf-form-section-intro > .skip-past-hero {
    justify-self: start;
    margin: 1rem 0 0;
  }

  @media (max-width: 27rem) {
    .sf-button-row { align-items: stretch; }
    .sf-button-row .sf-button { flex: 1 1 100%; }
    .skip-past-hero { min-block-size: 2.5rem; font-size: .66rem; }
  }
}

/* Source: css/src/components/system-primitives.css */
@layer components {
  .sf-meta,
  .sf-caption {
    color: var(--color-text-secondary);
    font-size: var(--font-caption);
    letter-spacing: .035em;
    line-height: 1.55;
  }

  .sf-badge {
    min-block-size: 1.8rem;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-border-warm);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-bg-sage-soft), var(--champagne-100));
    padding: .3rem .65rem;
    color: var(--color-text-muted);
    font-size: .72rem;
    font-weight: 780;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
  }

  .sf-notice,
  .sf-empty-state,
  .sf-error-state,
  .sf-success-state {
    border: 1px solid var(--color-border-subtle);
    border-inline-start: .25rem solid var(--olive-600);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--white) 74%, var(--color-bg-sage-soft));
    padding: clamp(1rem, 2.5vw, 1.6rem);
    color: var(--color-text-primary);
  }

  .sf-notice > * + *,
  .sf-empty-state > * + *,
  .sf-error-state > * + *,
  .sf-success-state > * + * { margin-block-start: var(--space-2); }
  .sf-error-state { border-inline-start-color: var(--color-error); background: var(--blush-50); }
  .sf-success-state { border-inline-start-color: var(--color-success); background: var(--sage-100); }
  .sf-empty-state { border-style: dashed; text-align: center; }

  .sf-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-md);
    background: var(--color-bg-surface);
    box-shadow: var(--shadow-soft);
  }

  .sf-table-wrap table { min-inline-size: 42rem; border: 0; }

  .sf-pagination,
  .sf-pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 0;
    list-style: none;
  }

  .sf-pagination :is(a, button) {
    min-inline-size: 2.75rem;
    min-block-size: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-border-subtle);
    border-radius: 999px;
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
    text-decoration: none;
  }

  .sf-pagination :is(a, button):hover,
  .sf-pagination [aria-current="page"] { border-color: var(--color-border-warm); background: var(--color-bg-sage); }

  .sf-tabs [role="tablist"] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    border-block-end: 1px solid var(--color-border-warm);
    padding-block-end: .65rem;
  }

  .sf-tabs [role="tab"] {
    min-block-size: 2.75rem;
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    padding-inline: 1rem;
    color: var(--color-text-muted);
    font-weight: 720;
  }

  .sf-tabs [role="tab"][aria-selected="true"] { border-color: var(--color-border-warm); background: var(--color-bg-sage); color: var(--color-text-primary); }
  .sf-tabs [role="tabpanel"] { padding-block: var(--space-4); }

  dialog,
  .sf-modal {
    inline-size: min(calc(100% - 2 * var(--page-gutter)), 42rem);
    max-block-size: min(86dvh, 48rem);
    overflow: auto;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl);
    background:
      radial-gradient(circle at 94% 4%, color-mix(in srgb, var(--blush-200) 55%, transparent), transparent 15rem),
      var(--color-bg-page);
    padding: clamp(1.25rem, 4vw, 3rem);
    color: var(--color-text-primary);
    box-shadow: var(--shadow-raised);
  }

  dialog::backdrop { background: color-mix(in srgb, var(--forest-900) 54%, transparent); backdrop-filter: blur(.45rem); }

  .sf-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: var(--grid-gap);
  }

  .sf-gallery figure,
  .sf-slider {
    overflow: hidden;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background: var(--color-bg-surface);
    box-shadow: var(--shadow-soft);
  }

  .sf-gallery img { inline-size: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
  .sf-gallery figcaption { padding: 0 var(--space-3) var(--space-3); }
  .sf-slider-controls { display: flex; align-items: center; justify-content: center; gap: .6rem; margin-block-start: var(--space-3); }

  .sf-icon-button,
  .sf-slider-controls button {
    inline-size: 2.75rem;
    block-size: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-border-warm);
    border-radius: 50%;
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
  }

  .sf-video,
  video {
    overflow: hidden;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background: var(--forest-900);
    box-shadow: var(--shadow-soft);
  }

  video { inline-size: 100%; accent-color: var(--rose-gold-600); }

  @media (forced-colors: active) {
    .sf-badge,
    .sf-notice,
    .sf-pagination :is(a, button),
    .sf-tabs [role="tab"],
    dialog,
    .sf-modal { border: 1px solid CanvasText; }
  }
}

/* Source: css/src/components/breadcrumbs.css */
@layer components {
  .sf-breadcrumbs { color: var(--color-text-muted); font-size: .75rem; }
  .sf-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; }
  .sf-breadcrumbs li + li::before { content: "/"; margin-inline-end: .4rem; color: var(--gold-500); }
  .sf-breadcrumbs a { text-decoration: none; }
  .sf-breadcrumbs a:hover { text-decoration: underline; }
}

/* Source: css/src/components/cards.css */
@layer components {
  .sf-content-card {
    position: relative;
    min-inline-size: 0;
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-md);
    background:
      linear-gradient(145deg, color-mix(in srgb, var(--white) 96%, transparent), color-mix(in srgb, var(--ivory-100) 84%, transparent));
    color: var(--color-text-primary);
    padding: var(--card-padding);
    box-shadow: 0 .7rem 2.2rem color-mix(in srgb, var(--olive-700) 6%, transparent);
  }

  .sf-content-card::before {
    content: "";
    position: absolute;
    inset-inline: 1.25rem;
    inset-block-start: 0;
    block-size: 1px;
    background: linear-gradient(90deg, transparent, var(--gold-300), transparent);
    opacity: .65;
  }

  .sf-content-card > * + * { margin-block-start: var(--space-3); }
  .sf-content-card h3 { max-inline-size: 24ch; }
  .sf-content-card p { color: var(--color-text-secondary); }

  .sf-content-card--focus { border-color: var(--color-border-rose); background: linear-gradient(145deg, var(--blush-50), color-mix(in srgb, var(--white) 92%, var(--blush-100))); }
  .sf-content-card--consideration { background: linear-gradient(145deg, var(--color-bg-soft), var(--champagne-100)); }
  .sf-content-card--support { background: linear-gradient(145deg, var(--color-bg-sage-soft), var(--sage-100)); }
  .sf-content-card--caution { border-color: var(--color-border-warm); background: linear-gradient(145deg, var(--color-bg-rose), var(--champagne-100)); }
  .sf-content-card--neutral { background: color-mix(in srgb, var(--white) 92%, var(--ivory-100)); }

  .sf-content-card--link { transition: translate var(--duration-standard) var(--ease-emphasized), border-color var(--duration-fast), box-shadow var(--duration-standard) var(--ease-standard); }
  .sf-content-card--link:hover { translate: 0 -.25rem; border-color: var(--color-border-warm); box-shadow: var(--shadow-soft); }

  a.sf-content-card {
    padding-inline-end: clamp(2.75rem, 5vw, 4rem);
    color: inherit;
    text-decoration: none;
  }

  a.sf-content-card::after {
    content: "↗";
    position: absolute;
    inset-inline-end: 1.25rem;
    inset-block-start: 1.25rem;
    inline-size: 1.8rem;
    block-size: 1.8rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-border-warm);
    border-radius: 50%;
    color: var(--rose-gold-700);
    font-size: .82rem;
    transition: rotate var(--duration-fast), background var(--duration-fast);
  }

  a.sf-content-card:hover::after { rotate: 8deg; background: var(--blush-100); }

  .sf-botanical-list { display: grid; gap: .65rem; padding: 0; list-style: none; }
  .sf-botanical-list li { position: relative; padding-inline-start: 1.35rem; }
  .sf-botanical-list li::before { content: ""; position: absolute; inset-block-start: .68em; inset-inline-start: 0; inline-size: .5rem; block-size: .5rem; border: 1px solid var(--rose-gold-600); border-radius: 50% 0 50% 50%; background: var(--blush-100); rotate: -32deg; }

  .sf-treatment-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .sf-treatment-menu-card {
    display: grid;
    align-content: start;
    overflow: clip;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    background: var(--color-bg-surface);
    box-shadow: var(--shadow-soft);
    transition: translate var(--duration-standard) var(--ease-emphasized), box-shadow var(--duration-standard);
  }

  .sf-treatment-menu-card:hover { translate: 0 -.2rem; box-shadow: var(--shadow-raised); }
  .sf-treatment-menu-card__media { position: relative; margin: 0; overflow: hidden; background: var(--color-bg-soft); }
  .sf-treatment-menu-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, color-mix(in srgb, var(--olive-700) 20%, transparent)); pointer-events: none; }
  .sf-treatment-menu-card__media img { inline-size: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: scale var(--duration-slow) var(--ease-emphasized); }
  .sf-treatment-menu-card:hover .sf-treatment-menu-card__media img { scale: 1.025; }
  .sf-treatment-menu-card__copy { display: grid; gap: var(--space-3); padding: var(--card-padding); }
  .sf-treatment-menu-card__label { color: var(--rose-gold-700); font-size: .875rem; font-weight: 780; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
  .sf-treatment-menu-tags { display: flex; flex-wrap: wrap; gap: .45rem; padding: 0; list-style: none; }
  .sf-treatment-menu-tags li { border: 1px solid var(--color-border-subtle); border-radius: 999px; padding: .38rem .65rem; background: var(--color-bg-sage-soft); color: var(--color-text-muted); font-size: .875rem; line-height: 1.25; }
  .sf-treatment-menu-note { border-block-start: 1px solid var(--color-border-subtle); padding-block-start: var(--space-3); color: var(--color-text-muted); font-size: .9rem; }

  @media (prefers-reduced-motion: reduce) {
    .sf-content-card--link, .sf-treatment-menu-card, .sf-treatment-menu-card__media img { transition: none; }
  }
}

/* Source: css/src/components/forms.css */
@layer components {
  .sf-form, .sf-search-form, .sf-treatment-filter__inner { display: grid; gap: var(--space-4); }

  form.sf-form {
    inline-size: 100%;
    max-inline-size: 72rem;
    margin-inline: auto;
    gap: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid color-mix(in srgb, var(--gold-500) 44%, transparent);
    border-radius: clamp(1rem, 3vw, 2.5rem) .65rem clamp(1rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2.5rem);
    background:
      radial-gradient(circle at 100% 0, rgb(239 210 202 / .34), transparent 25rem),
      repeating-linear-gradient(0deg, rgb(88 74 48 / .016) 0 1px, transparent 1px 6px),
      var(--ivory-50);
    padding: clamp(1.25rem, 4vw, 3.5rem);
    box-shadow: 0 1.75rem 4.5rem rgb(36 49 41 / .12), inset 0 1px 0 rgb(255 255 255 / .88);
  }

  .sf-field { display: grid; align-content: start; gap: .55rem; min-inline-size: 0; }

  .sf-field label, .sf-search-form label, .sf-treatment-filter label, .sf-faq-search label {
    color: var(--color-text-primary);
    font-size: .9rem;
    font-weight: 780;
    letter-spacing: .018em;
    line-height: 1.45;
  }

  :is(.sf-form, .sf-search-form, .sf-treatment-filter, .sf-faq-search) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    inline-size: 100%;
    min-block-size: max(var(--control-height), 3.7rem);
    border: 1px solid color-mix(in srgb, var(--olive-700) 25%, transparent);
    border-radius: .55rem;
    background: rgb(255 255 255 / .94);
    padding: .92rem 1.05rem;
    color: var(--forest-900);
    box-shadow: 0 .5rem 1.25rem rgb(36 49 41 / .035), inset 0 1px 0 color-mix(in srgb, var(--white) 88%, transparent);
    transition: border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast), translate var(--duration-fast);
  }

  :is(.sf-form, .sf-search-form, .sf-treatment-filter, .sf-faq-search) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover { border-color: color-mix(in srgb, var(--olive-700) 48%, transparent); }
  :is(.sf-form, .sf-search-form, .sf-treatment-filter, .sf-faq-search) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus-visible { border-color: var(--gold-700); background: var(--white); box-shadow: var(--focus-ring), 0 .75rem 1.5rem rgb(36 49 41 / .06); translate: 0 -.08rem; }

  textarea { min-block-size: 10rem; resize: vertical; line-height: 1.65; }
  :is(input, select, textarea)::placeholder { color: color-mix(in srgb, var(--color-text-secondary) 67%, transparent); }
  :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--color-error); background: color-mix(in srgb, var(--blush-50) 82%, var(--white)); }
  :is(input, select, textarea):disabled { cursor: not-allowed; opacity: .62; }

  .sf-form-introduction {
    max-inline-size: 58ch;
    border-inline-start: 2px solid var(--rose-gold-500);
    background: color-mix(in srgb, var(--blush-50) 72%, transparent);
    padding: .85rem 1rem;
    color: var(--color-text-secondary);
    font-size: .94rem;
    line-height: 1.6;
  }

  .sf-field-help { color: var(--color-text-secondary); font-size: .875rem; line-height: 1.55; }
  .sf-form-error, .form-error { min-block-size: 1em; color: var(--color-error); font-size: .875rem; }
  .sf-required { color: var(--color-error); }

  .sf-field--checkbox {
    border: 1px solid color-mix(in srgb, var(--gold-500) 28%, transparent);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--sage-50) 64%, var(--white));
    padding: .7rem .8rem;
  }

  .sf-field--checkbox label { min-block-size: 2.75rem; display: grid; grid-template-columns: 1.35rem 1fr; align-items: start; gap: .8rem; border-radius: var(--radius-sm); padding: .35rem; font-weight: 540; line-height: 1.55; }
  .sf-field--checkbox input { inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: .22rem; accent-color: var(--color-action-primary); }

  form.sf-form > .sf-button {
    inline-size: 100%;
    min-block-size: 4rem;
    margin-block-start: .25rem;
    border-radius: .55rem;
    box-shadow: 0 1rem 2.25rem rgb(36 49 41 / .16);
  }

  .sf-form-states { display: grid; min-block-size: 1.5rem; }
  .sf-form-state, .sf-form-status { gap: .2rem; border: 1px solid var(--color-border-subtle); border-radius: .7rem; background: var(--color-bg-soft); padding: 1rem 1.1rem; line-height: 1.5; }
  .sf-form-state:not([hidden]), .sf-form-status:not([hidden]) { display: grid; }
  .sf-form-state--success { border-color: color-mix(in srgb, var(--color-success) 32%, transparent); background: var(--sage-100); color: var(--color-success); }
  .sf-form-state--error { border-color: color-mix(in srgb, var(--color-error) 30%, transparent); background: var(--blush-100); color: var(--color-error); }
  .sf-honeypot { position: absolute; inset-inline-start: -10000px; }

  .sf-search-form { grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr); align-items: end; border: 1px solid var(--color-border-warm); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--white) 72%, transparent); padding: clamp(1rem, 2.5vw, 1.8rem); box-shadow: var(--shadow-soft); }
  .sf-faq-search { max-inline-size: 48rem; margin-inline: auto; }

  @media (max-width: 47.999rem) {
    form.sf-form { border-radius: 1.35rem .5rem 1.35rem 1.35rem; padding: 1.1rem; }
    .sf-search-form { grid-template-columns: 1fr; border-radius: var(--radius-md); }
  }
}

/* Source: css/src/components/disclosures.css */
@layer components {
  .sf-accordion, .sf-treatment-directory { display: grid; gap: .75rem; }

  .sf-accordion-item, .sf-treatment-entry:not(.sf-treatment-menu-card), .sf-treatment-disclosure {
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-bg-surface) 94%, transparent);
    box-shadow: 0 .45rem 1.6rem color-mix(in srgb, var(--olive-700) 5%, transparent);
    transition: border-color var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);
  }

  :is(.sf-accordion-item, .sf-treatment-entry:not(.sf-treatment-menu-card), .sf-treatment-disclosure)[open] { border-color: var(--color-border-warm); background: var(--color-bg-surface); box-shadow: var(--shadow-soft); }

  :is(.sf-accordion-item, .sf-treatment-entry:not(.sf-treatment-menu-card), .sf-treatment-disclosure) > summary {
    min-block-size: 3.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: .95rem 1rem .95rem 1.15rem;
    color: var(--color-text-primary);
    font-weight: 680;
    line-height: 1.4;
    list-style: none;
  }

  :is(.sf-accordion-item, .sf-treatment-entry, .sf-treatment-disclosure) > summary::-webkit-details-marker, .sf-section-disclosure > summary::-webkit-details-marker { display: none; }

  :is(.sf-accordion-item, .sf-treatment-entry, .sf-treatment-disclosure) > summary::after {
    content: "+";
    inline-size: 1.8rem;
    block-size: 1.8rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-border-rose);
    border-radius: 50%;
    background: var(--blush-50);
    color: var(--rose-gold-700);
    font-size: 1.15rem;
    font-weight: 420;
  }

  :is(.sf-accordion-item, .sf-treatment-entry, .sf-treatment-disclosure)[open] > summary::after { content: "−"; background: var(--sage-100); }
  .sf-accordion-answer, .sf-treatment-entry__body { border-block-start: 1px solid var(--color-border-subtle); padding: var(--space-4); color: var(--color-text-secondary); }
  .sf-treatment-entry[hidden] { display: none; }

  .sf-section:has(.sf-section-disclosure) { padding-block: 0; }
  .sf-section-disclosure { border-block: 1px solid color-mix(in srgb, var(--olive-700) 18%, transparent); }
  .sf-section-disclosure > summary { min-block-size: clamp(7.5rem, 11vw, 10rem); display: grid; grid-template-columns: minmax(0, 1fr) 2.25rem; grid-template-rows: auto auto auto; align-items: center; gap: .35rem 1rem; padding-block: clamp(1.5rem, 3vw, 2.4rem); color: inherit; cursor: pointer; list-style: none; }
  .sf-section-disclosure > summary > :is(.sf-chapter-number, .sf-eyebrow, h2) { grid-column: 1; min-inline-size: 0; }
  .sf-section-disclosure > summary > .sf-chapter-number { grid-row: 1; margin-block-end: .35rem; }
  .sf-section-disclosure > summary > .sf-eyebrow { grid-row: 2; margin-block-end: .25rem; }
  .sf-section-disclosure > summary > h2 { grid-row: 3; max-inline-size: 24ch; }
  .sf-section-disclosure > summary > .sf-section-disclosure__toggle { grid-column: 2; grid-row: 1 / span 3; inline-size: 2.15rem; block-size: 2.15rem; position: relative; display: block; border: 1px solid var(--color-border-warm); border-radius: 50%; background: color-mix(in srgb, var(--white) 56%, transparent); }
  .sf-section-disclosure > summary > .sf-section-disclosure__toggle::before, .sf-section-disclosure > summary > .sf-section-disclosure__toggle::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: .72rem; block-size: 1px; background: var(--rose-gold-600); transform: translate(-50%, -50%); }
  .sf-section-disclosure > summary > .sf-section-disclosure__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
  .sf-section-disclosure[open] > summary > .sf-section-disclosure__toggle::after { transform: translate(-50%, -50%); }
  .sf-section[data-scene="olive-garden"] .sf-section-disclosure > summary h2 { color: var(--ivory-50); }
  .sf-section[data-scene="olive-garden"] .sf-section-disclosure > summary :is(.sf-eyebrow, .sf-chapter-number) { color: var(--gold-200); }
  .sf-section[data-scene="olive-garden"] .sf-section-disclosure > summary > .sf-section-disclosure__toggle { border-color: rgb(234 213 173 / .55); background: rgb(255 253 249 / .08); }
  .sf-section[data-scene="olive-garden"] .sf-section-disclosure > summary > .sf-section-disclosure__toggle::before,
  .sf-section[data-scene="olive-garden"] .sf-section-disclosure > summary > .sf-section-disclosure__toggle::after { background: var(--gold-200); }
  .sf-section-disclosure__body { max-inline-size: min(62rem, 100%); border: 0; padding: 0 0 clamp(2rem, 4vw, 3.25rem); }
  .sf-section-disclosure__body > :is(p, ul, ol, dl) { max-inline-size: var(--container-reading); }
  .sf-section-disclosure__body > * + * { margin-block-start: var(--space-3); }
}

/* Source: css/src/components/directories.css */
@layer components {
  .sf-step {
    position: relative;
    min-inline-size: 0;
    border-block-start: 1px solid var(--color-border-warm);
    padding: var(--card-padding);
  }

  .sf-step-number { display: block; margin-block-end: var(--space-3); color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 2.15rem; font-style: italic; }
  .sf-step-copy > * + * { margin-block-start: var(--space-3); }

}

/* Source: css/src/components/cookie-banner.css */
@layer components {
  .sf-cookie-settings { display: grid; gap: var(--space-4); }
  .sf-cookie-choice-list { display: grid; gap: var(--space-3); }
  .sf-cookie-choice {
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-sm);
    background: var(--color-bg-surface);
    padding: var(--space-3);
  }
  .sf-cookie-choice label {
    min-block-size: 2.75rem;
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    cursor: pointer;
  }
  .sf-cookie-choice label:has(input:disabled) { cursor: default; }
  .sf-cookie-choice input { inline-size: 1.25rem; block-size: 1.25rem; accent-color: var(--color-action-primary); }
  .sf-cookie-choice label > span { display: grid; gap: .15rem; }
  .sf-cookie-choice small { color: var(--color-text-secondary); font-size: .875rem; }
  .sf-cookie-choice p { margin-block-start: var(--space-2); }

  #sf-cookie-inline { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: var(--z-cookie); }
  .sfc-shell { inline-size: 100%; border-block-start: 1px solid var(--color-border-subtle); background: color-mix(in srgb, var(--ivory-50) 96%, transparent); padding: .45rem max(var(--page-gutter), env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left)); box-shadow: 0 -.45rem 1.2rem color-mix(in srgb, var(--color-text-primary) 9%, transparent); backdrop-filter: blur(.75rem); }
  .sfc-copy-wrap { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); }
  .sfc-dot { inline-size: .38rem; block-size: .38rem; margin-block-start: .54rem; border-radius: 50%; background: var(--rose-500); }
  .sfc-title { font-family: var(--font-body); font-size: .76rem; font-weight: 650; letter-spacing: 0; text-transform: uppercase; }
  .sfc-copy { color: var(--color-text-secondary); font-size: .76rem; line-height: 1.35; }
  .sfc-preferences { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-block-start: var(--space-4); }
  .sfc-choice { display: grid; grid-template-columns: 1.2rem 1fr; align-items: start; gap: .65rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--white) 64%, transparent); padding: .8rem; }
  .sfc-choice small { display: block; color: var(--color-text-secondary); }
  .sfc-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: .45rem; }
  .sfc-button { min-block-size: 1.9rem; padding: .28rem .65rem; font-size: .72rem; line-height: 1.1; }
  #sf-cookie-inline:not(.is-customizing) .sfc-shell { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; }
  #sf-cookie-inline:not(.is-customizing) .sfc-copy-wrap { align-items: center; gap: .55rem; }
  #sf-cookie-inline:not(.is-customizing) .sfc-text { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .55rem; }
  #sf-cookie-inline:not(.is-customizing) .sfc-preferences { display: none; }
  #sf-cookie-inline:not(.is-customizing) .sfc-actions { margin-block-start: 0; }

  @media (max-width: 35.999rem) {
    #sf-cookie-inline { inset-inline: 0; inset-block-end: 0; }
    #sf-cookie-inline:not(.is-customizing) .sfc-shell { grid-template-columns: 1fr; gap: .4rem; }
    .sfc-preferences { grid-template-columns: 1fr; max-block-size: 45vh; overflow-y: auto; }
    .sfc-actions { display: flex; }
  }
}

/* Source: css/src/components/floating-tools.css */
@layer components {
  #sf-floating-inline {
    position: fixed;
    inset-inline-end: max(
      .9rem,
      env(safe-area-inset-right),
      calc((100vw - var(--content-max-width)) / 2 + .9rem)
    );
    inset-block-end: max(.9rem, env(safe-area-inset-bottom));
    z-index: var(--z-floating);
    display: grid;
    gap: .6rem;
  }
  .sff-tool { position: relative; inline-size: 3.35rem; block-size: 3.35rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--gold-200) 55%, transparent); border-radius: 50%; background: radial-gradient(circle at 30% 18%, rgb(255 255 255 / .55), transparent 36%), linear-gradient(145deg, color-mix(in srgb, var(--ivory-50) 94%, transparent), color-mix(in srgb, var(--ivory-100) 88%, transparent)); color: var(--forest-900); box-shadow: 0 .9rem 1.9rem rgb(24 37 29 / .16), inset 0 1px 0 rgb(255 255 255 / .7); text-decoration: none; transition: translate var(--duration-fast), scale var(--duration-fast), box-shadow var(--duration-fast), opacity var(--duration-fast); }
  .sff-tool::before { content: ""; position: absolute; inset: -.25rem; border: 1px solid currentColor; border-radius: inherit; opacity: .13; scale: .92; transition: opacity var(--duration-fast), scale var(--duration-fast); }
  .sff-tool:hover, .sff-tool:focus-visible { translate: 0 -.18rem; scale: 1.03; box-shadow: 0 1.15rem 2.4rem rgb(24 37 29 / .22); }
  .sff-tool:hover::before, .sff-tool:focus-visible::before { opacity: .3; scale: 1; }
  .sff-tool svg { inline-size: 1.85rem; block-size: 1.85rem; fill: none; stroke: currentColor; stroke-width: 2.1; }
  .sff-whatsapp { border-color: color-mix(in srgb, var(--gold-200) 72%, transparent); background: radial-gradient(circle at 30% 18%, color-mix(in srgb, var(--white) 18%, transparent), transparent 38%), linear-gradient(145deg, var(--olive-600), var(--olive-700)); color: var(--white); box-shadow: 0 1rem 2rem color-mix(in srgb, var(--olive-700) 26%, transparent), 0 .65rem 1.35rem rgb(24 37 29 / .18); }
  .sff-whatsapp::before { opacity: .28; }
  .sff-whatsapp svg { inline-size: 2rem; block-size: 2rem; fill: none; stroke: none; }
  .sff-whatsapp-disc { fill: var(--olive-600); }
  .sff-whatsapp-mark { fill: var(--white); }
  .sff-top { opacity: 0; visibility: hidden; pointer-events: none; translate: 0 .6rem; }
  .sff-top.is-visible, #sf-floating-inline[data-scroll-visible="true"] .sff-top { opacity: 1; visibility: visible; pointer-events: auto; translate: 0; }
  .sff-label { position: absolute; inset-inline-end: calc(100% + .75rem); inset-block-start: 50%; inline-size: max-content; max-inline-size: 13rem; translate: .25rem -50%; border: 1px solid var(--color-border-warm); border-radius: 999px; background: color-mix(in srgb, var(--ivory-50) 96%, transparent); color: var(--forest-900); padding: .42rem .7rem; box-shadow: 0 .65rem 1.5rem rgb(24 37 29 / .13); font-size: .72rem; font-weight: 800; opacity: 0; pointer-events: none; transition: opacity var(--duration-fast), translate var(--duration-fast); }
  .sff-tool:hover .sff-label, .sff-tool:focus-visible .sff-label { opacity: 1; translate: 0 -50%; }
  @media (min-width: 64rem) {
    #sf-floating-inline {
      inset-inline-end: max(.9rem, env(safe-area-inset-right));
    }
  }
  @media (max-width: 32.5rem) { #sf-floating-inline { grid-auto-flow: row; grid-auto-rows: 3rem; } .sff-tool { inline-size: 3rem; block-size: 3rem; } .sff-tool svg { inline-size: 1.65rem; block-size: 1.65rem; } .sff-whatsapp svg { inline-size: 1.8rem; block-size: 1.8rem; } .sff-label { display: none; } }
}

/* Source: css/src/compositions/heroes.css */
@layer compositions {
  [data-pattern="hero"] {
    padding-block: clamp(2rem, 4.5vw, 4.75rem) clamp(3.5rem, 6vw, 6.5rem);
    background:
      radial-gradient(circle at 11% 15%, color-mix(in srgb, var(--sage-200) 66%, transparent), transparent 27rem),
      radial-gradient(circle at 88% 24%, color-mix(in srgb, var(--blush-200) 70%, transparent), transparent 25rem),
      var(--color-bg-page);
  }

  .sf-breadcrumbs + [data-pattern="hero"] { padding-block-start: clamp(1rem, 2.5vw, 2rem); }

  [data-pattern="hero"] .sf-hero-layout {
    inline-size: min(calc(100% - 2 * var(--page-gutter)), var(--container-wide));
  }

  .sf-hero-layout {
    position: relative;
    min-block-size: clamp(34rem, 48vw, 43rem);
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(22rem, .86fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5.5rem);
    overflow: hidden;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-xl);
    background:
      radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--gold-200) 38%, transparent), transparent 25%),
      radial-gradient(circle at 64% 88%, color-mix(in srgb, var(--blush-200) 48%, transparent), transparent 32%),
      linear-gradient(120deg, color-mix(in srgb, var(--ivory-50) 96%, transparent), var(--color-bg-sage-soft));
    padding: clamp(1.4rem, 4.2vw, 4.2rem);
    box-shadow: var(--shadow-raised);
  }

  .sf-hero-layout::before {
    content: "";
    position: absolute;
    inset-inline-start: -7rem;
    inset-block-end: -9rem;
    inline-size: 22rem;
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--gold-500) 22%, transparent);
    border-radius: 50%;
    pointer-events: none;
  }

  .sf-hero-copy { position: relative; z-index: 2; max-inline-size: var(--hero-copy-width); }
  .sf-hero-copy > * + * { margin-block-start: var(--space-4); }
  .sf-hero-copy > .sf-eyebrow + h1,
  .sf-hero-copy > .sf-hero-brand + h1 { margin-block-start: var(--space-2); }

  .sf-hero-brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-block-start: var(--space-2);
    color: var(--color-text-muted);
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 680;
    letter-spacing: .045em;
    line-height: 1.2;
  }

  .sf-hero-brand img { inline-size: 1.1rem; block-size: 1.1rem; object-fit: contain; }

  .sf-hero-figure {
    position: relative;
    z-index: 1;
    align-self: stretch;
    min-block-size: clamp(28rem, 42vw, 38rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold-500) 38%, transparent);
    border-radius: var(--radius-arch) var(--radius-arch) var(--radius-lg) var(--radius-lg);
    background-image: linear-gradient(145deg, var(--champagne-100), var(--blush-100));
    background-position: center;
    background-size: cover;
    box-shadow: var(--shadow-glow), inset 0 0 0 .45rem color-mix(in srgb, var(--ivory-50) 26%, transparent);
  }

  .sf-hero-figure::before {
    content: "";
    position: absolute;
    inset-inline-end: clamp(1rem, 3vw, 2.5rem);
    inset-block-start: clamp(1rem, 3vw, 2.5rem);
    z-index: 2;
    inline-size: clamp(4.5rem, 8vw, 7.5rem);
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--gold-200) 55%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--olive-700) 52%, transparent) url("../assets/shared/brand/sofiati-marca-monograma-light-transparente.webp") center / 62% no-repeat;
    box-shadow: 0 .9rem 2.5rem color-mix(in srgb, var(--olive-700) 20%, transparent);
    backdrop-filter: blur(.4rem);
  }

  .sf-hero-figure::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ivory-50) 3%, transparent), color-mix(in srgb, var(--rose-gold-500) 10%, transparent));
    pointer-events: none;
  }

  .sf-hero-figure img {
    position: relative;
    z-index: 1;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 1.2rem 1.8rem color-mix(in srgb, var(--forest-900) 14%, transparent));
  }

  .sf-hero-botanical {
    position: absolute;
    inset-inline-start: -1.5rem;
    inset-block-end: -1rem;
    z-index: 2;
    inline-size: clamp(7rem, 13vw, 11rem);
    aspect-ratio: 1;
    border: 0;
    background: url("../assets/shared/interface-icons/icone-s07-flor-stem.png") center / contain no-repeat;
    opacity: .42;
    pointer-events: none;
  }

  @media (max-width: 63.999rem) {
    .sf-hero-layout { min-block-size: 0; grid-template-columns: 1fr; }
    .sf-hero-copy { max-inline-size: 52rem; }
    .sf-hero-figure { min-block-size: 0; aspect-ratio: 4 / 3; }
  }

  @media (max-width: 35.999rem) {
    [data-pattern="hero"], .sf-breadcrumbs + [data-pattern="hero"] { padding-block-start: var(--space-3); }
    .sf-hero-layout { border-radius: var(--radius-lg); padding: 1.15rem; }
    .sf-hero-layout::before { display: none; }
    .sf-hero-figure { aspect-ratio: 4 / 5; border-radius: 7rem 7rem var(--radius-md) var(--radius-md); }
    .sf-hero-figure::before { inline-size: 4.25rem; }
  }
}

/* Source: css/src/compositions/media-sections.css */
@layer compositions {
  .sf-editorial-media-layout { align-items: start; }

  .sf-editorial-media {
    position: relative;
    min-inline-size: 0;
    max-inline-size: var(--container-media);
    overflow: clip;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background: var(--color-bg-soft);
    box-shadow: var(--shadow-soft);
  }

  .sf-editorial-media::after {
    content: "";
    position: absolute;
    inset: .55rem;
    border: 1px solid color-mix(in srgb, var(--ivory-50) 62%, transparent);
    border-radius: calc(var(--radius-lg) - .35rem);
    pointer-events: none;
  }

  .sf-editorial-media img { inline-size: 100%; aspect-ratio: 16 / 11; object-fit: cover; }
  .sf-editorial-split > :is(figure, picture, .sf-editorial-media) { min-inline-size: 0; }
  .sf-editorial-copy > * + * { margin-block-start: var(--space-3); }

  .sf-editorial-media-layout > .sf-editorial-split {
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }
  .sf-editorial-media-layout > .sf-editorial-split > .sf-editorial-copy { margin-block-start: clamp(1.5rem, 3vw, 2.5rem); }

  [data-pattern="evidence-panel"] .sf-editorial-media-layout,
  [data-pattern="reading-column"] .sf-section-inner { align-items: start; }

  [data-pattern="evidence-panel"] > .sf-editorial-media-layout {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  [data-pattern="reading-column"] > .sf-reading-column { max-inline-size: none; }
  [data-pattern="reading-column"] > .sf-reading-column > :is(p, ul, ol, dl) { max-inline-size: var(--container-reading); }
  [data-pattern="reading-column"] :is(h3, h4) { margin-block-start: var(--space-6); }
  [data-pattern="reading-column"] :is(ul, ol) { margin-block-start: var(--space-3); }

  [data-media-position="left"] > .sf-editorial-media-layout > .sf-editorial-media { grid-column: 1; }
  [data-media-position="left"] > .sf-editorial-media-layout > .sf-section-inner { grid-column: 2; }

  @media (max-width: 63.999rem) {
    [data-media-position="left"] > .sf-editorial-media-layout > .sf-editorial-media { grid-column: 1; grid-row: 2; }
    [data-media-position="left"] > .sf-editorial-media-layout > .sf-section-inner { grid-column: 1; grid-row: 1; }
  }
}

/* Source: css/src/compositions/art-sections.css */
@layer compositions {
  /* Shared primitives for editorial body chapters. Page styles select their
   * own composition; this layer intentionally does not impose one template. */
  .sf-art-number {
    position: absolute;
    z-index: 0;
    color: color-mix(in srgb, var(--rose-gold-500) 20%, transparent);
    font-family: var(--font-heading);
    font-size: clamp(8rem, 17vw, 18rem);
    font-style: italic;
    line-height: .7;
    pointer-events: none;
    user-select: none;
  }

  .sf-art-rule {
    inline-size: min(15rem, 35%);
    block-size: 1px;
    background: linear-gradient(90deg, transparent, var(--rose-gold-500), var(--gold-300), transparent);
  }

  .sf-art-media-frame {
    position: relative;
    isolation: isolate;
  }

  .sf-art-media-frame::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 8% -8% -8% 8%;
    border: 1px solid color-mix(in srgb, var(--gold-300) 55%, transparent);
    background: color-mix(in srgb, var(--blush-100) 42%, transparent);
  }

  @media (prefers-reduced-motion: reduce) {
    .sf-art-number { transition: none; }
  }
}

/* Source: css/src/compositions/statements.css */
@layer compositions {
  .sf-pull-quote {
    position: relative;
    max-inline-size: 52rem;
    border-inline-start: 2px solid var(--gold-500);
    padding: clamp(.9rem, 1.6vw, 1.35rem) 0 clamp(.65rem, 1.2vw, 1rem) clamp(2.35rem, 3.6vw, 3.3rem);
  }
  .sf-pull-quote::before { content: "“"; position: absolute; inset-inline-start: .35rem; inset-block-start: -.08rem; color: var(--rose-gold-600); font-family: var(--font-heading); font-size: clamp(3.1rem, 4.6vw, 4.65rem); line-height: 1; }
  .sf-pull-quote p { max-inline-size: 31ch; color: var(--forest-900); font-family: var(--font-italic); font-size: var(--type-quotation); font-style: italic; letter-spacing: -.025em; line-height: 1.38; }
  .sf-testimonial-quote, .sf-practitioner-quote { max-inline-size: 52rem; margin: 0; }
  :is(.sf-testimonial-quote, .sf-practitioner-quote) > .sf-pull-quote { margin-block: 0; }
  :is(.sf-testimonial-quote, .sf-practitioner-quote) figcaption { margin-block-start: 1.25rem; color: var(--color-text-primary); font-size: .9rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }

  .sf-practitioner-statement { max-inline-size: 44rem; border-block: 1px solid var(--color-border-warm); }
  .sf-practitioner-statement p { font-size: var(--type-quotation); }

  /* Franciele's own words form one editorial object: quotation first, then a
     compact portrait-and-name lockup. The whole object sits on the right rail
     without allowing the portrait or attribution to float away from the copy. */
  .sf-quotation-signature {
    position: relative;
    isolation: isolate;
    inline-size: min(100%, 39rem);
    display: grid;
    grid-template-columns: 2.85rem max-content minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: .9rem;
    row-gap: clamp(.65rem, 1vw, .82rem);
    align-items: center;
    overflow: hidden;
    margin-block: clamp(1.35rem, 2.5vw, 2.25rem) 0;
    margin-inline: auto 0;
    border: 1px solid color-mix(in srgb, var(--gold-300) 58%, transparent);
    border-radius: clamp(1rem, 1.8vw, 1.5rem) .35rem clamp(1rem, 1.8vw, 1.5rem) clamp(1rem, 1.8vw, 1.5rem);
    background:
      linear-gradient(135deg, rgb(255 255 255 / .88), rgb(255 253 249 / .68)),
      var(--ivory-50);
    padding: clamp(.95rem, 1.6vw, 1.3rem) clamp(1.1rem, 2.2vw, 1.75rem);
    text-align: start;
    box-shadow:
      0 1rem 2.6rem color-mix(in srgb, var(--forest-900) 9%, transparent),
      inset 0 1px 0 rgb(255 255 255 / .9);
  }
  .sf-quotation-signature::before {
    content: "“";
    position: absolute;
    z-index: -1;
    inset-block-start: -.42rem;
    inset-inline-start: .55rem;
    color: color-mix(in srgb, var(--rose-gold-500) 14%, transparent);
    font-family: var(--font-heading);
    font-size: clamp(6.5rem, 10vw, 9rem);
    font-style: italic;
    line-height: 1;
    pointer-events: none;
  }
  .sf-quotation-signature::after {
    content: "";
    position: absolute;
    inset-block: clamp(.95rem, 1.6vw, 1.3rem);
    inset-inline-end: 0;
    inline-size: 3px;
    border-radius: 999px 0 0 999px;
    background: linear-gradient(180deg, var(--rose-gold-500), var(--gold-300));
  }
  .sf-quotation-signature > .sf-pull-quote {
    grid-column: 1 / -1;
    grid-row: 1;
    max-inline-size: none;
    border: 0;
    padding: 0;
  }
  .sf-quotation-signature > .sf-pull-quote::before {
    content: none;
  }
  .sf-quotation-signature > .sf-pull-quote p {
    position: relative;
    max-inline-size: 38ch;
    font-family: var(--font-heading);
    font-size: clamp(1.16rem, 1.48vw, 1.42rem);
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.36;
    text-wrap: pretty;
  }
  .sf-quotation-signature > .sf-pull-quote p::after {
    content: "”";
    display: inline;
    margin-inline-start: .08em;
    color: var(--rose-gold-600);
    font-family: var(--font-heading);
    font-size: 1.25em;
    font-style: normal;
    line-height: 0;
    vertical-align: -.12em;
  }
  .sf-quotation-signature figcaption {
    grid-column: 2 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-inline-size: 0;
    overflow: hidden;
    margin: 0;
    color: var(--color-text-secondary);
    font-family: var(--font-body);
    font-size: clamp(.69rem, .72vw, .76rem);
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: none;
    white-space: nowrap;
  }
  .sf-quotation-signature figcaption::after {
    content: "";
    inline-size: clamp(1.5rem, 5vw, 4.5rem);
    block-size: 1px;
    flex: 1 1 auto;
    margin-inline-start: .85rem;
    background: color-mix(in srgb, var(--gold-500) 58%, transparent);
  }
  .sf-quotation-signature cite {
    font-family: var(--font-heading);
    font-size: 1.08em;
    font-style: italic;
    font-weight: 600;
    letter-spacing: .035em;
  }
  .sf-quotation-avatar {
    grid-column: 1;
    grid-row: 2;
    inline-size: 2.85rem;
    block-size: 2.85rem;
    margin: 0;
    overflow: hidden;
    border: 2px solid color-mix(in srgb, var(--gold-300) 74%, transparent);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--ivory-50), var(--champagne-100));
    object-fit: cover;
    object-position: center 16%;
    box-shadow:
      0 .45rem 1rem color-mix(in srgb, var(--forest-900) 14%, transparent),
      0 0 0 4px color-mix(in srgb, var(--ivory-50) 60%, transparent);
  }

  /* A measured left-centre-right cadence keeps repeated quotations from
     forming one monotonous edge. Quote-panel grids release the quotation onto
     the full section rail so the alignment describes the whole composition. */
  [data-pattern="quote-panel"] .sf-statement-inner > .sf-quotation-signature {
    grid-column: 1 / -1;
  }
  .sf-section:is([data-section="2"], [data-section="5"], [data-section="8"]) .sf-quotation-signature {
    justify-self: start;
    margin-inline: 0 auto;
  }
  .sf-section:is([data-section="3"], [data-section="6"], [data-section="9"]) .sf-quotation-signature {
    justify-self: center;
    margin-inline: auto;
  }
  .sf-section:is([data-section="4"], [data-section="7"]) .sf-quotation-signature {
    justify-self: end;
    margin-inline: auto 0;
  }
  .sf-supporting-italic-note { max-inline-size: var(--reading-measure); color: var(--color-text-secondary); font-size: 1rem; font-style: italic; line-height: 1.7; }

  .sf-statement-inner { max-inline-size: none; margin-inline: auto; text-align: start; }
  .sf-statement-inner > * + * { margin-block-start: var(--space-4); }
  .sf-statement-inner h2 { max-inline-size: 19ch; margin-inline: 0; }

  [data-pattern="quote-panel"] .sf-statement-inner { border: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none; }
  [data-pattern="quote-panel"] .sf-pull-quote { margin-inline: 0; }
  [data-pattern="oversized-statement"] h2 { font-size: var(--font-page-title); }

  [data-tone="forest"][data-pattern="quote-panel"] :is(.sf-pull-quote p, .sf-statement-inner > p) { color: rgb(255 253 249 / .9); }
  [data-tone="forest"][data-pattern="quote-panel"] :is(.sf-testimonial-quote, .sf-practitioner-quote) figcaption { color: var(--gold-200); }
  [data-tone="forest"] .sf-pull-quote { border-color: var(--gold-200); }
  [data-tone="forest"] .sf-pull-quote::before { color: var(--gold-200); }
  [data-tone="forest"] .sf-pull-quote p { color: rgb(255 253 249 / .92); }
  [data-tone="forest"] .sf-quotation-signature > .sf-pull-quote p::after { color: var(--gold-200); }
  [data-tone="forest"] .sf-quotation-signature figcaption { color: var(--gold-200); }
  [data-tone="forest"] .sf-quotation-signature {
    border-color: rgb(234 213 173 / .28);
    background:
      linear-gradient(135deg, rgb(255 253 249 / .09), rgb(255 253 249 / .035)),
      color-mix(in srgb, var(--forest-900) 34%, transparent);
    box-shadow:
      0 1rem 2.6rem rgb(14 31 24 / .16),
      inset 0 1px 0 rgb(255 255 255 / .08);
  }
  [data-tone="forest"] .sf-quotation-signature::before { color: rgb(234 213 173 / .12); }
  [data-tone="forest"] .sf-quotation-signature::after {
    background: linear-gradient(180deg, var(--gold-200), color-mix(in srgb, var(--rose-gold-500) 72%, transparent));
  }
  [data-tone="forest"] .sf-quotation-signature figcaption::after { background: rgb(234 213 173 / .34); }
  [data-tone="forest"] .sf-quotation-avatar { box-shadow: 0 .45rem 1rem rgb(14 31 24 / .2), 0 0 0 4px rgb(255 253 249 / .08); }

  @media (min-width: 64rem) {
    [data-pattern="quote-panel"] .sf-statement-inner {
      display: grid;
      grid-template-columns: minmax(18rem, .68fr) minmax(0, 1.32fr);
      column-gap: clamp(3rem, 8vw, 9rem);
      align-items: start;
    }
    [data-pattern="quote-panel"] .sf-statement-inner > .sf-section-head { grid-column: 1; grid-row: 1 / span 6; margin-block-end: 0; }
    [data-pattern="quote-panel"] .sf-statement-inner > :not(.sf-section-head) { grid-column: 2; }
    [data-pattern="quote-panel"] > .sf-editorial-media-layout .sf-statement-inner { display: block; }
    [data-pattern="quote-panel"] > .sf-editorial-media-layout .sf-statement-inner > * + * { margin-block-start: var(--space-4); }
  }

  @media (max-width: 35.999rem) {
    .sf-quotation-signature {
      inline-size: 100%;
      grid-template-columns: 2.45rem max-content minmax(0, 1fr);
      column-gap: .62rem;
      row-gap: .62rem;
      margin-block-start: 1.2rem;
      border-radius: .9rem .25rem .9rem .9rem;
      padding: .9rem .9rem .95rem;
    }
    .sf-quotation-signature::before { inset-block-start: -.2rem; inset-inline-start: .25rem; font-size: 5.8rem; }
    .sf-quotation-signature::after { inset-block: .9rem; inline-size: 2px; }
    .sf-quotation-signature > .sf-pull-quote p {
      max-inline-size: 32ch;
      font-size: clamp(1.05rem, 4.8vw, 1.17rem);
      line-height: 1.38;
    }
    .sf-quotation-signature figcaption {
      font-size: .69rem;
      letter-spacing: .045em;
    }
    .sf-quotation-avatar {
      inline-size: 2.45rem;
      block-size: 2.45rem;
      border-width: 1px;
      box-shadow: 0 .35rem .8rem color-mix(in srgb, var(--forest-900) 13%, transparent), 0 0 0 3px color-mix(in srgb, var(--ivory-50) 58%, transparent);
    }
  }

  .sf-bottom-cta__inner { position: relative; max-inline-size: min(58rem, calc(100% - 2 * var(--page-gutter))); overflow: hidden; border: 1px solid var(--color-border-warm); border-radius: var(--radius-xl); background: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--sage-200) 60%, transparent), transparent 36%), radial-gradient(circle at 92% 85%, color-mix(in srgb, var(--blush-200) 62%, transparent), transparent 34%), var(--color-bg-surface); padding: clamp(2rem, 6vw, 5.5rem); text-align: center; box-shadow: var(--shadow-raised); }
  [data-tone="forest"][data-pattern="final-cta"] .sf-bottom-cta__inner { border-color: color-mix(in srgb, var(--gold-200) 42%, transparent); background: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--gold-300) 18%, transparent), transparent 34%), radial-gradient(circle at 92% 85%, color-mix(in srgb, var(--rose-gold-500) 18%, transparent), transparent 32%), var(--color-bg-olive); color: var(--color-text-inverse); }
  .sf-bottom-cta__inner::after { content: "FS"; position: absolute; inset-inline-end: -1.5rem; inset-block-end: -3.5rem; color: color-mix(in srgb, var(--rose-gold-500) 10%, transparent); font-family: var(--font-heading); font-size: clamp(9rem, 20vw, 15rem); font-style: italic; line-height: .8; pointer-events: none; }
  .sf-bottom-cta__inner > * { position: relative; z-index: 1; }
  .sf-bottom-cta__inner > * + * { margin-block-start: var(--space-4); }
  .sf-bottom-cta__inner :is(h2, h3) { margin-inline: auto; }
  .sf-bottom-cta__inner .sf-button-row { justify-content: center; }

  /* Art-directed final CTA library. Every public page receives exactly one
     stable concept key from the renderer; the assets retain natural daylight
     and deliberately empty central space for live, accessible copy. */
  .sf-bottom-cta__inner[data-cta-concept] {
    --cta-ink: var(--forest-900);
    --cta-accent: var(--rose-gold-600);
    min-block-size: clamp(18rem, 22vw, 22rem);
    padding: clamp(1.5rem, 3vw, 2.75rem);
    display: grid;
    align-content: center;
    justify-items: center;
    border-color: color-mix(in srgb, var(--gold-300) 72%, transparent);
    background-color: var(--ivory-50);
    background-position: center;
    background-size: cover;
    box-shadow: 0 1.35rem 3rem color-mix(in srgb, var(--forest-900) 13%, transparent), inset 0 1px 0 rgb(255 255 255 / .88);
    color: var(--cta-ink);
    max-inline-size: min(var(--container-wide), calc(100% - 2 * var(--page-gutter)));
  }
  .sf-bottom-cta__inner[data-cta-concept]::after { display: none; }
  .sf-bottom-cta__inner[data-cta-concept] .sf-section-head { max-inline-size: 38rem; text-align: center; }
  .sf-bottom-cta__inner[data-cta-concept] > * + * { margin-block-start: clamp(.75rem, 1.5vw, 1.25rem); }
  .sf-bottom-cta__inner[data-cta-concept] .sf-section-head { margin-block-end: 0; }
  .sf-bottom-cta__inner[data-cta-concept] :is(h2, h3) { color: var(--cta-ink) !important; /* important: the light CTA artwork must override the forest section heading contract. */ font-size: clamp(2.25rem, 4.4vw, 4.8rem); letter-spacing: -.045em; line-height: .96; text-wrap: balance; }
  .sf-bottom-cta__inner[data-cta-concept] .sf-eyebrow { color: var(--cta-accent); }
  .sf-bottom-cta__inner[data-cta-concept] :is(.sf-lede, p) { max-inline-size: 38rem; color: color-mix(in srgb, var(--cta-ink) 78%, transparent) !important; /* important: the light CTA artwork must override inherited inverse copy. */ text-align: center; text-wrap: balance; }
  .sf-bottom-cta__inner[data-cta-concept] .sf-button-row { justify-content: center; }
  .sf-final-cta-lockup { display: grid; gap: .25rem; justify-items: center; color: var(--cta-accent); font-size: .64rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
  .sf-final-cta-lockup img { inline-size: 3rem; block-size: 3rem; object-fit: contain; }
  .sf-final-cta-copy { margin: 0; }
  .sf-bottom-cta__inner[data-cta-concept] .sf-button--primary { border-color: var(--gold-300); background: linear-gradient(135deg, var(--forest-800), var(--forest-900)); color: var(--ivory-50); }
  .sf-bottom-cta__inner[data-cta-concept] .sf-button--outline { background: var(--ivory-50); color: var(--forest-900); }
  .sf-bottom-cta__inner[data-cta-concept="01"],
  .sf-bottom-cta__inner[data-cta-concept="08"],
  .sf-bottom-cta__inner[data-cta-concept="15"] { background-image: url('/assets/shared/call-to-action/mediterranean-orangery-olive-brass.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="02"],
  .sf-bottom-cta__inner[data-cta-concept="09"],
  .sf-bottom-cta__inner[data-cta-concept="16"] { background-image: url('/assets/shared/call-to-action/celadon-lemon-grove-petals.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="03"],
  .sf-bottom-cta__inner[data-cta-concept="10"],
  .sf-bottom-cta__inner[data-cta-concept="17"] { background-image: url('/assets/shared/call-to-action/fresh-salvia-porcelain.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="04"],
  .sf-bottom-cta__inner[data-cta-concept="11"],
  .sf-bottom-cta__inner[data-cta-concept="18"] { background-image: url('/assets/shared/call-to-action/illuminated-blush-metal.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="05"],
  .sf-bottom-cta__inner[data-cta-concept="12"],
  .sf-bottom-cta__inner[data-cta-concept="19"] { background-image: url('/assets/shared/call-to-action/salvia-tuscan-window.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="06"],
  .sf-bottom-cta__inner[data-cta-concept="13"],
  .sf-bottom-cta__inner[data-cta-concept="20"] { background-image: url('/assets/shared/call-to-action/marfim-arch-garden.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="07"],
  .sf-bottom-cta__inner[data-cta-concept="14"],
  .sf-bottom-cta__inner[data-cta-concept="21"] { background-image: url('/assets/shared/call-to-action/carrara-peony-frame.png') !important; /* important: the authored concept must win the shared CTA fallback. */ }
  .sf-bottom-cta__inner[data-cta-concept="08"],.sf-bottom-cta__inner[data-cta-concept="16"],.sf-bottom-cta__inner[data-cta-concept="19"] { background-position: 72% center; }
  .sf-bottom-cta__inner[data-cta-concept="09"],.sf-bottom-cta__inner[data-cta-concept="12"],.sf-bottom-cta__inner[data-cta-concept="20"] { background-position: 28% center; }
  @media (max-width: 44rem) {
    .sf-bottom-cta__inner[data-cta-concept] { min-block-size: 18rem; padding: 1.5rem 1.25rem; background-position: center; }
    .sf-bottom-cta__inner[data-cta-concept] :is(h2, h3) { font-size: clamp(2.15rem, 10vw, 3.35rem); }
  }
}

/* Source: css/src/compositions/directory-sections.css */
@layer compositions {
  /* Editorial fields read as one composed ledger. Importance comes from scale
     and placement, not a random collection of pastel cards. */
  [data-pattern="staggered-cards"] .sf-content-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    align-items: stretch;
    gap: 0;
    border-block: 1px solid var(--color-border-warm);
  }
  [data-pattern="staggered-cards"] .sf-content-card {
    min-block-size: 11rem;
    border: 0;
    border-inline-end: 1px solid var(--color-border-subtle);
    border-block-end: 1px solid var(--color-border-subtle);
    border-radius: 0;
    background: rgb(255 253 249 / .58);
    box-shadow: none;
  }

  /* Shared definition boards read as one editorial object */
  [data-pattern="definition-blocks"] .sf-content-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    overflow: hidden;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--white) 45%, transparent);
    padding: .7rem;
    box-shadow: var(--shadow-soft);
  }

  [data-pattern="definition-blocks"] .sf-content-card {
    min-block-size: 100%;
    border-color: color-mix(in srgb, var(--olive-700) 14%, transparent);
    border-radius: calc(var(--radius-lg) - .45rem);
    box-shadow: none;
  }

  @media (max-width: 63.999rem) {
    [data-pattern="definition-blocks"] .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 35.999rem) {
    [data-pattern="definition-blocks"] .sf-content-card-grid { grid-template-columns: 1fr; }
  }

  /* Horizontal bands replace card walls with readable ledgers */
  [data-pattern="horizontal-bands"] .sf-content-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-block: 1px solid var(--color-border-warm);
  }

  [data-pattern="horizontal-bands"] .sf-content-card {
    min-block-size: 8.5rem;
    border: 0;
    border-block-end: 1px solid var(--color-border-subtle);
    border-inline-start: 1px solid var(--color-border-subtle);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-block: clamp(1.25rem, 2.5vw, 2rem);
  }

  [data-pattern="horizontal-bands"] .sf-content-card::before { inset-inline: 0; opacity: .34; }
  [data-pattern="horizontal-bands"] a.sf-content-card:hover { background: color-mix(in srgb, var(--blush-50) 55%, transparent); }

  /* Route maps are navigational, generous and directional */
  [data-pattern="question-gateway"] .sf-content-card-grid,
  [data-pattern="route-map"] .sf-content-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: clamp(.75rem, 1.5vw, 1.2rem);
  }

  [data-pattern="route-map"] .sf-content-card,
  [data-pattern="question-gateway"] .sf-content-card {
    min-block-size: 9rem;
    display: grid;
    align-content: space-between;
    box-shadow: none;
  }

  [data-pattern="page-directory"] .sf-content-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-block: 1px solid var(--color-border-warm);
    background: rgb(255 253 249 / .35);
  }

  [data-pattern="page-directory"] .sf-content-card {
    min-block-size: 9.5rem;
    display: grid;
    align-content: center;
    border: 0;
    border-inline-end: 1px solid var(--color-border-subtle);
    border-block-end: 1px solid var(--color-border-subtle);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  /* Processes use a quiet rail rather than isolated boxes */
  [data-pattern="timeline"] .sf-process-list,
  [data-pattern="numbered-sequence"] .sf-process-list {
    position: relative;
    counter-reset: process;
    padding: 0;
    list-style: none;
  }

  [data-pattern="timeline"] .sf-step,
  [data-pattern="numbered-sequence"] .sf-step {
    z-index: 1;
    border: 0;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--white) 66%, transparent);
    padding: clamp(1.25rem, 2.4vw, 2rem);
    box-shadow: inset 0 0 0 1px var(--color-border-subtle);
  }

  [data-pattern="timeline"] .sf-step-number,
  [data-pattern="numbered-sequence"] .sf-step-number {
    inline-size: 3rem;
    block-size: 3rem;
    display: grid;
    place-items: center;
    margin-block-end: 1.15rem;
    border: 1px solid var(--color-border-warm);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--blush-50), var(--champagne-100));
    color: var(--rose-gold-700);
    font-size: 1.15rem;
    box-shadow: 0 .5rem 1.4rem color-mix(in srgb, var(--rose-gold-500) 10%, transparent);
  }

  @media (min-width: 64rem) {
    [data-pattern="timeline"] .sf-process-list::before,
    [data-pattern="numbered-sequence"] .sf-process-list::before {
      content: "";
      position: absolute;
      inset-inline: 2rem;
      inset-block-start: 1.5rem;
      z-index: 0;
      block-size: 1px;
      background: linear-gradient(90deg, transparent, var(--gold-300), var(--rose-gold-500), var(--gold-300), transparent);
    }
  }

  /* Split, comparison and evidence boards */
  [data-pattern="comparison"] .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-pattern="comparison"] .sf-content-card { min-block-size: 14rem; border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 3rem); }

  [data-pattern="editorial-split"] > .sf-editorial-split {
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--white) 62%, transparent);
    padding: clamp(1.4rem, 4vw, 4rem);
    box-shadow: var(--shadow-soft);
  }

  [data-pattern="evidence-panel"] > .sf-section-inner {
    display: grid;
    grid-template-columns: minmax(15rem, .55fr) minmax(0, 1fr);
    gap: clamp(1.75rem, 4.5vw, 4.5rem);
    align-items: start;
  }

  [data-pattern="evidence-panel"] > .sf-section-inner > .sf-section-head { margin-block-end: 0; }
  [data-pattern="evidence-panel"] > .sf-section-inner > :not(.sf-section-head) { grid-column: 2; }

  /* Quote and trust panels keep small facts secondary to the statement */
  [data-pattern="quote-panel"] .sf-content-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 0;
    border-block: 1px solid color-mix(in srgb, var(--gold-300) 55%, transparent);
    text-align: start;
  }

  [data-pattern="quote-panel"] .sf-content-card {
    min-block-size: 9.5rem;
    border: 0;
    border-inline-end: 1px solid color-mix(in srgb, var(--gold-300) 34%, transparent);
    border-block-end: 1px solid color-mix(in srgb, var(--gold-300) 34%, transparent);
    border-radius: 0;
    padding: clamp(1.15rem, 2vw, 1.75rem);
    box-shadow: none;
  }

  [data-tone="forest"][data-pattern="quote-panel"] .sf-content-card,
  [data-tone="forest"] [data-pattern="quote-panel"] .sf-content-card {
    background: rgb(255 253 249 / .96);
    color: var(--forest-900);
  }
  [data-tone="forest"][data-pattern="quote-panel"] .sf-content-card :is(h3, h4, p, li) { color: var(--forest-900); }

  /* FAQ/category sections become a readable two-rail publication */
  [data-pattern="accordion"] :is(.sf-section-head, .sf-accordion) { max-inline-size: min(66rem, 100%); }

  @media (min-width: 64rem) {
    [data-pattern="accordion"] > .sf-section-inner {
      display: grid;
      grid-template-columns: minmax(15rem, .48fr) minmax(0, 1fr);
      gap: clamp(2rem, 5vw, 5rem);
      align-items: start;
    }

    [data-pattern="accordion"] > .sf-section-inner > .sf-section-head {
      position: sticky;
      inset-block-start: calc(var(--header-height) + 2rem);
      margin-block-end: 0;
    }

    [data-pattern="accordion"] > .sf-section-inner > :not(.sf-section-head) { grid-column: 2; }
  }

  /* Reading and form compositions */
  [data-pattern="reading-column"] > .sf-reading-column,
  [data-pattern="reading-column"] > .sf-section-inner {
    border-inline-start: 1px solid var(--color-border-warm);
    padding-inline-start: clamp(1.25rem, 3vw, 2.75rem);
  }

  [data-pattern="form"] .sf-form-section-intro {
    position: sticky;
    inset-block-start: calc(var(--header-height) + 2rem);
  }

  [data-pattern="form"] .sf-form-section-body {
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background:
      radial-gradient(circle at 95% 4%, color-mix(in srgb, var(--blush-200) 45%, transparent), transparent 28%),
      color-mix(in srgb, var(--white) 88%, transparent);
    padding: clamp(1.25rem, 3.5vw, 3rem);
    box-shadow: var(--shadow-raised);
  }

  /* Treatment catalogue remains visual but avoids cramped card rows */
  .sf-treatment-directory { max-inline-size: none; }
  .sf-treatment-entry__body > * + * { margin-block-start: var(--space-3); }

  @media (max-width: 63.999rem) {
    [data-pattern="evidence-panel"] > .sf-section-inner { grid-template-columns: 1fr; }
    [data-pattern="evidence-panel"] > .sf-section-inner > :not(.sf-section-head) { grid-column: 1; }
    [data-pattern="form"] .sf-form-section-intro { position: static; }
  }

  @media (max-width: 47.999rem) {
    [data-pattern="horizontal-bands"] .sf-content-card-grid,
    [data-pattern="page-directory"] .sf-content-card-grid,
    [data-pattern="comparison"] .sf-content-card-grid { grid-template-columns: 1fr; }

    [data-pattern="horizontal-bands"] .sf-content-card {
      min-block-size: 0;
      border-inline-start: 0;
      padding-inline: 0;
    }

    [data-pattern="reading-column"] > .sf-reading-column,
    [data-pattern="reading-column"] > .sf-section-inner { border-inline-start: 0; padding-inline-start: 0; }
  }
}

/* Source: css/src/pages/families.css */
@layer pages {
  .sf-family-policy .sf-section:not([data-pattern="hero"]) .sf-section-head h2 { max-inline-size: 20ch; }
  .sf-family-policy [data-pattern="reading-column"] :is(p, li) { max-inline-size: 72ch; }
  .sf-family-content .sf-content-card p { line-height: 1.62; }
  .sf-family-service .sf-treatment-directory { max-inline-size: none; }
}

/* Source: css/src/pages/home.css */
@layer pages {
  /* Homepage: a wider, shorter editorial story over the continuous botanical
     background. Each content group has a different reading rhythm. */
  .sf-page[data-page="home"] .sf-main > .sf-section > .sf-container,
  .sf-page[data-page="home"] .sf-main > .sf-section > .sf-section-inner,
  .sf-page[data-page="home"] .sf-main > .sf-section > .sf-editorial-media-layout,
  .sf-page[data-page="home"] .sf-main > .sf-section > .sf-statement-inner {
    inline-size: min(calc(100% - 2 * var(--page-gutter)), 96rem);
  }

  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) {
    padding-block: clamp(2.75rem, 4.4vw, 5.5rem);
  }

  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) > :is(.sf-section-inner, .sf-editorial-media-layout, .sf-statement-inner) {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--gold-500) 23%, transparent);
    background: color-mix(in srgb, var(--ivory-50) 78%, transparent);
    box-shadow: 0 1.1rem 3.2rem color-mix(in srgb, var(--forest-900) 7%, transparent);
    backdrop-filter: blur(5px);
  }

  .sf-page[data-page="home"] .sf-section-head { margin-block-end: clamp(1.35rem, 2.5vw, 2.25rem); }
  .sf-page[data-page="home"] .sf-section-head h2 { max-inline-size: 14ch; font-size: clamp(2.35rem, 4vw, 4.65rem); }
  .sf-page[data-page="home"] .sf-section-head h2 + p { max-inline-size: 52ch; }
  .sf-page[data-page="home"] .sf-button { min-block-size: 3.55rem; padding-inline: 1.5rem; font-size: .82rem; letter-spacing: .14em; }
  .sf-page[data-page="home"] .sf-button-row { gap: .9rem; margin-block-start: 1.5rem; }

  /* 02 — a broad route atlas: image-led, three concise directional entries. */
  .sf-page[data-page="home"] #care-routes .sf-editorial-media-layout {
    grid-template-columns: minmax(0, 1.18fr) minmax(23rem, .82fr);
    align-items: stretch;
    border-radius: var(--radius-xl);
    padding: clamp(1.25rem, 2.3vw, 2.25rem);
  }
  .sf-page[data-page="home"] #care-routes .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--color-border-warm); background: var(--color-border-warm); }
  .sf-page[data-page="home"] #care-routes .sf-content-card { min-block-size: 8.25rem; border: 0; border-radius: 0; background: color-mix(in srgb, var(--ivory-50) 93%, transparent); box-shadow: none; padding: clamp(1rem, 1.8vw, 1.5rem); }
  .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(1) { grid-column: span 2; }
  .sf-page[data-page="home"] #care-routes .sf-content-card h3 { font-size: clamp(1.55rem, 2vw, 2.15rem); }
  .sf-page[data-page="home"] #care-routes .sf-content-card p { font-size: .92rem; line-height: 1.5; }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media { max-inline-size: none; block-size: 100%; border-radius: var(--radius-lg) var(--radius-arch) var(--radius-lg) var(--radius-lg); }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media img { block-size: 100%; aspect-ratio: auto; }

  /* 03 — a single four-step reading rail, not four isolated cards. */
  .sf-page[data-page="home"] #decision-flow > .sf-section-inner { max-inline-size: 96rem; border-radius: var(--radius-xl); padding: clamp(1.5rem, 3.5vw, 3.5rem); }
  .sf-page[data-page="home"] #decision-flow .sf-section-head { display: grid; grid-template-columns: minmax(14rem, .56fr) 1fr; gap: 2rem; align-items: end; max-inline-size: none; }
  .sf-page[data-page="home"] #decision-flow .sf-eyebrow { margin-block-end: 0; }
  .sf-page[data-page="home"] #decision-flow .sf-process-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #decision-flow .sf-step { min-block-size: 11rem; border-radius: 0; background: transparent; box-shadow: none; padding: 1.35rem clamp(1rem, 2vw, 2rem); }
  .sf-page[data-page="home"] #decision-flow .sf-step + .sf-step { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="home"] #decision-flow .sf-step-number { inline-size: auto; block-size: auto; margin-block-end: .65rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: var(--font-heading); font-size: 2.6rem; letter-spacing: -.07em; }
  .sf-page[data-page="home"] #decision-flow .sf-process-list::before { display: none; }
  .sf-page[data-page="home"] #decision-flow .sf-pull-quote { max-inline-size: 40rem; margin: 1.5rem 0 0 auto; }

  /* 04 and 07 — calm factor ledgers with compact entries rather than card walls. */
  .sf-page[data-page="home"] #plan-factors > .sf-statement-inner,
  .sf-page[data-page="home"] #responsible-pauses > .sf-statement-inner { max-inline-size: 96rem; border-radius: var(--radius-xl); padding: clamp(1.5rem, 3.5vw, 3.5rem); text-align: start; }
  .sf-page[data-page="home"] #plan-factors .sf-section-head,
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head { max-inline-size: 43rem; }
  .sf-page[data-page="home"] #plan-factors .sf-section-head h2,
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head h2 { margin-inline: 0; }
  .sf-page[data-page="home"] #plan-factors .sf-content-card-grid,
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid color-mix(in srgb, var(--gold-300) 62%, transparent); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card,
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card { min-block-size: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 1.2rem 1.35rem; }
  .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(3n + 2),
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid color-mix(in srgb, var(--gold-300) 44%, transparent); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(n + 4),
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 44%, transparent); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card h3,
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card h3 { font-size: clamp(1.25rem, 1.55vw, 1.6rem); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card p,
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card p { font-size: .9rem; line-height: 1.52; }
  .sf-page[data-page="home"] #plan-factors .sf-pull-quote,
  .sf-page[data-page="home"] #responsible-pauses .sf-pull-quote { margin: 1.65rem 0 0; }

  /* 05 — a treatment index with three compact vertical bands. */
  .sf-page[data-page="home"] #treatment-pathways > .sf-section-inner { border-radius: var(--radius-xl); padding: clamp(1.5rem, 3.5vw, 3.5rem); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card { min-block-size: 7.5rem; padding: 1.2rem 1.35rem; }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card h3 { font-size: clamp(1.35rem, 1.65vw, 1.7rem); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card p { font-size: .88rem; line-height: 1.48; }

  /* 06 — an intimate two-column value contrast with the image as a pause. */
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media-layout { grid-template-columns: minmax(22rem, .78fr) minmax(0, 1.22fr); border-radius: var(--radius-xl); padding: clamp(1.25rem, 2.5vw, 2.5rem); }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media { grid-column: 1; grid-row: 1; align-self: stretch; max-inline-size: none; }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media img { block-size: 100%; aspect-ratio: auto; }
  .sf-page[data-page="home"] #science-with-softness .sf-section-inner { grid-column: 2; grid-row: 1; }
  .sf-page[data-page="home"] #science-with-softness .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--color-border-warm); background: var(--color-border-warm); padding: 0; }
  .sf-page[data-page="home"] #science-with-softness .sf-content-card { border: 0; border-radius: 0; background: color-mix(in srgb, var(--ivory-50) 90%, transparent); padding: clamp(1rem, 2vw, 1.6rem); }

  /* 08 — an about spread with a narrow identity column and compact principles. */
  .sf-page[data-page="home"] #meet-franciele > .sf-section-inner { grid-template-columns: minmax(17rem, .48fr) minmax(0, 1fr); border-radius: var(--radius-xl); padding: clamp(1.5rem, 3.5vw, 3.5rem); }
  .sf-page[data-page="home"] #meet-franciele > .sf-section-inner > :not(.sf-section-head) { grid-column: 2; }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--color-border-warm); background: var(--color-border-warm); }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card { min-block-size: 7.5rem; border: 0; border-radius: 0; background: color-mix(in srgb, var(--ivory-50) 92%, transparent); box-shadow: none; padding: 1.15rem 1.35rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-pull-quote { max-inline-size: 36rem; }

  /* 09 — four short voices as an editorial strip; it scrolls sideways on phones. */
  .sf-page[data-page="home"] #results-and-patient-words > .sf-section-inner { grid-template-columns: minmax(16rem, .46fr) minmax(0, 1fr); border-radius: var(--radius-xl); padding: clamp(1.5rem, 3.5vw, 3.5rem); }
  .sf-page[data-page="home"] #results-and-patient-words > .sf-section-inner > :not(.sf-section-head) { grid-column: 2; }
  .sf-page[data-page="home"] #results-and-patient-words .sf-section-head h2 {
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 3.6vw, 4.25rem);
    font-weight: 400;
    letter-spacing: -.048em;
    line-height: .98;
    text-transform: none;
  }
  .sf-page[data-page="home"] #results-and-patient-words .sf-content-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--color-border-warm); background: var(--color-border-warm); }
  .sf-page[data-page="home"] #results-and-patient-words .sf-content-card { min-block-size: 10rem; border: 0; border-radius: 0; background: color-mix(in srgb, var(--ivory-50) 92%, transparent); box-shadow: none; padding: 1.25rem; }
  .sf-page[data-page="home"] #results-and-patient-words .sf-content-card h3 { color: var(--forest-800); font-family: var(--font-heading); font-size: clamp(1.2rem, 1.45vw, 1.55rem); font-style: italic; font-weight: 400; letter-spacing: -.035em; line-height: 1.12; text-transform: none; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="home"] #care-routes .sf-editorial-media-layout,
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media-layout { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media,
    .sf-page[data-page="home"] #science-with-softness .sf-section-inner { grid-column: 1; }
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media { grid-row: 2; min-block-size: 18rem; }
    .sf-page[data-page="home"] #science-with-softness .sf-section-inner { grid-row: 1; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) { padding-block: 2.25rem; }
    .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) > :is(.sf-section-inner, .sf-editorial-media-layout, .sf-statement-inner) { border-radius: var(--radius-lg); padding: 1.25rem; }
    .sf-page[data-page="home"] .sf-section-head h2 { font-size: clamp(2.15rem, 10vw, 3.3rem); }
    .sf-page[data-page="home"] .sf-button { min-block-size: 3.35rem; font-size: .76rem; }
    .sf-page[data-page="home"] #care-routes .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(1) { grid-column: span 2; }
    .sf-page[data-page="home"] #decision-flow .sf-section-head,
    .sf-page[data-page="home"] #meet-franciele > .sf-section-inner,
    .sf-page[data-page="home"] #results-and-patient-words > .sf-section-inner { display: block; }
    .sf-page[data-page="home"] #decision-flow .sf-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="home"] #decision-flow .sf-step:nth-child(odd) { border-inline-start: 0; }
    .sf-page[data-page="home"] #decision-flow .sf-step:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card-grid,
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid,
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(3n + 2),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(3n + 2) { border-inline: 0; }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(even),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(even) { border-inline-start: 1px solid color-mix(in srgb, var(--gold-300) 44%, transparent); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(n + 3),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 44%, transparent); }
    .sf-page[data-page="home"] #results-and-patient-words .sf-content-card-grid { display: flex; gap: .75rem; overflow-x: auto; border: 0; background: transparent; padding-block-end: .4rem; scroll-snap-type: inline mandatory; }
    .sf-page[data-page="home"] #results-and-patient-words .sf-content-card { flex: 0 0 min(80vw, 19rem); border: 1px solid var(--color-border-warm); scroll-snap-align: start; }
  }

  @media (max-width: 35.999rem) {
    .sf-page[data-page="home"] #care-routes .sf-content-card-grid,
    .sf-page[data-page="home"] #science-with-softness .sf-content-card-grid,
    .sf-page[data-page="home"] #meet-franciele .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(1) { grid-column: auto; }
    .sf-page[data-page="home"] #care-routes .sf-content-card { min-block-size: 0; }
    .sf-page[data-page="home"] #decision-flow .sf-process-list,
    .sf-page[data-page="home"] #plan-factors .sf-content-card-grid,
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid,
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #decision-flow .sf-step + .sf-step,
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(n),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(n) { border-inline-start: 0; border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 44%, transparent); }
    .sf-page[data-page="home"] #decision-flow .sf-step:first-child,
    .sf-page[data-page="home"] #plan-factors .sf-content-card:first-child,
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:first-child { border-block-start: 0; }
    .sf-page[data-page="home"] #decision-flow .sf-step { min-block-size: 0; padding: 1rem 0; }
  }
}

/* Source: css/src/pages/home-art-direction.css */
@layer pages {
  /* Chapters 04–06 use distinct editorial compositions rather than a repeated card grid. */
  .sf-page[data-page="home"] #treatment-families .sf-section-inner { display: grid; grid-template-columns: minmax(14rem, .48fr) minmax(0, 1.52fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
  .sf-page[data-page="home"] #treatment-families .sf-section-head { position: sticky; inset-block-start: calc(var(--header-height) + 1.5rem); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { min-block-size: 12.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.35rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner > p, .sf-page[data-page="home"] #treatment-families .sf-button-row { grid-column: 2; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid; grid-template-columns: minmax(17rem, .68fr) minmax(0, 1.32fr); gap: clamp(2.5rem, 6vw, 6.5rem); align-items: center; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-column: 2; grid-row: 1; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait { grid-column: 1; grid-row: 1 / span 3; margin: 0; overflow: hidden; border-radius: 9rem 9rem .6rem .6rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait img { inline-size: 100%; block-size: 38rem; object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card-grid { grid-column: 2; grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card { min-block-size: 10rem; border-radius: .5rem; box-shadow: none; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 2; grid-row: 3; margin: 1rem 0 0; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.28fr) minmax(17rem, .72fr); gap: clamp(2.5rem, 6vw, 6.5rem); align-items: center; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { display: grid; grid-template-columns: minmax(14rem, .5fr) minmax(0, 1.5fr); gap: 2rem clamp(2rem, 5vw, 5rem); }
  .sf-page[data-page="home"] #care-standard .sf-section-head, .sf-page[data-page="home"] #care-standard .sf-practitioner-quote, .sf-page[data-page="home"] #care-standard .sf-button-row { grid-column: 1; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 3; grid-template-columns: 1fr; gap: 0; border-block: 1px solid rgb(234 213 173 / .38); }
  .sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size: 10rem; border: 0; border-radius: 0; background: transparent; color: var(--ivory-50); padding: 1.5rem 0; }
  .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #care-standard .sf-content-card h3 { color: var(--gold-200); }
  .sf-page[data-page="home"] #care-standard .sf-content-card p { color: rgb(255 253 249 / .82); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { overflow: hidden; border-radius: .6rem 8rem .6rem .6rem; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { block-size: 38rem; object-fit: cover; }
  @media (max-width: 47.999rem) { .sf-page[data-page="home"] #treatment-families .sf-section-inner, .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner, .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout, .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-template-columns: 1fr; } .sf-page[data-page="home"] #treatment-families .sf-section-head { position: static; } .sf-page[data-page="home"] #treatment-families :is(.sf-section-inner > p, .sf-button-row), .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-section-head, .sf-home-portrait, .sf-content-card-grid, .sf-practitioner-quote), .sf-page[data-page="home"] #care-standard :is(.sf-section-head, .sf-practitioner-quote, .sf-button-row, .sf-content-card-grid) { grid-column: 1; grid-row: auto; } .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: 1fr; } .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(n) { border-inline: 0; } .sf-page[data-page="home"] #treatment-families .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-rose); } .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait { inline-size: min(100%, 22rem); } .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait img { block-size: 28rem; } .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-row: auto; } }
  /* Homepage prototype: Sections 02–08 are individual editorial chapters.
   * This file deliberately avoids a universal panel or card silhouette. */
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) {
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block: clamp(5rem, 8vw, 9rem);
    background:
      repeating-linear-gradient(0deg, rgb(88 74 48 / .022) 0 1px, transparent 1px 5px),
      transparent;
  }

  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) > :is(.sf-section-inner, .sf-editorial-media-layout, .sf-statement-inner) {
    position: relative;
    z-index: 1;
    inline-size: min(calc(100% - 2 * var(--page-gutter)), 82rem);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-section-head { position: relative; z-index: 1; }
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-section-head h2 { max-inline-size: 13ch; font-size: clamp(2.7rem, 5vw, 5.75rem); line-height: .92; }
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-content-card { box-shadow: none; }

  /* 02 · light-filled route atlas */
  .sf-page[data-page="home"] #care-routes {
    margin-block-start: -1px;
    background:
      radial-gradient(ellipse 48% 78% at 10% 48%, color-mix(in srgb, var(--blush-100) 72%, transparent), transparent 70%),
      linear-gradient(110deg, rgb(255 253 249 / .72), rgb(255 253 249 / .18));
  }
  .sf-page[data-page="home"] #care-routes::before {
    content: "02";
    position: absolute;
    z-index: 0;
    inset: clamp(1rem, 5vw, 5rem) auto auto max(1rem, calc((100% - 90rem) / 2));
    color: color-mix(in srgb, var(--rose-gold-500) 16%, transparent);
    font-family: var(--font-heading);
    font-size: clamp(10rem, 20vw, 22rem);
    font-style: italic;
    line-height: .72;
    pointer-events: none;
  }
  .sf-page[data-page="home"] #care-routes::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: auto -8rem -9rem auto;
    inline-size: min(43vw, 39rem);
    block-size: min(43vw, 39rem);
    background: url("../assets/shared/interface-icons/icone-science-flor.svg") right bottom / contain no-repeat;
    opacity: .38;
    pointer-events: none;
  }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.1fr) minmax(23rem, .78fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; padding: 0; }
  .sf-page[data-page="home"] #care-routes .sf-section-inner { padding-block: clamp(2rem, 4vw, 4rem); }
  .sf-page[data-page="home"] #care-routes .sf-content-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid color-mix(in srgb, var(--gold-300) 64%, transparent); background: transparent; }
  .sf-page[data-page="home"] #care-routes .sf-content-card { min-block-size: 8.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem 1.5rem; }
  .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(odd) { border-inline-end: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
  .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
  .sf-page[data-page="home"] #care-routes .sf-content-card h3 { color: var(--forest-800); font-size: clamp(1.25rem, 1.7vw, 1.7rem); }
  .sf-page[data-page="home"] #care-routes .sf-content-card p { font-size: .88rem; line-height: 1.52; }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media { align-self: stretch; overflow: visible; border: 0; border-radius: 9rem 9rem 1rem 1rem; background: transparent; box-shadow: none; }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media::before { content: ""; position: absolute; z-index: -1; inset: 1.5rem -1.5rem -1.5rem 1.5rem; border: 1px solid color-mix(in srgb, var(--rose-gold-500) 52%, transparent); background: color-mix(in srgb, var(--champagne-100) 58%, transparent); }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media::after { inset: .7rem; border-radius: 8rem 8rem .5rem .5rem; }
  .sf-page[data-page="home"] #care-routes .sf-editorial-media img { block-size: 100%; min-block-size: 31rem; aspect-ratio: auto; border-radius: 8.5rem 8.5rem .75rem .75rem; object-position: 58% center; }

  /* 03 · the plan is a reading rail over warm paper, not a card. */
  .sf-page[data-page="home"] #decision-flow {
    background:
      linear-gradient(94deg, rgb(255 253 249 / .96) 0 46%, rgb(255 253 249 / .76) 66%, rgb(240 242 229 / .36)),
      url("../assets/shared/backgrounds/inicio-fundo-direita.webp") 100% 52% / min(48vw, 64rem) auto no-repeat,
      linear-gradient(rgb(255 253 249 / .72), rgb(232 237 220 / .72));
  }
  .sf-page[data-page="home"] #decision-flow { padding-block: clamp(4rem, 6vw, 6.5rem); }
  .sf-page[data-page="home"] #decision-flow::before { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, transparent 0 13%, color-mix(in srgb, var(--gold-300) 28%, transparent) 13.1%, transparent 13.25% 86.75%, color-mix(in srgb, var(--gold-300) 28%, transparent) 86.9%, transparent 87%); opacity: .7; pointer-events: none; }
  .sf-page[data-page="home"] #decision-flow::after { content: ""; position: absolute; z-index: 0; inset: auto auto -9rem -5rem; inline-size: min(35vw, 30rem); block-size: min(35vw, 30rem); background: url("../assets/shared/call-to-action/fresh-salvia-porcelain.png") left bottom / contain no-repeat; mix-blend-mode: multiply; opacity: .18; pointer-events: none; }
  .sf-page[data-page="home"] #decision-flow > .sf-section-inner { max-inline-size: 88rem; padding: clamp(1.5rem, 3vw, 3rem) 0; }
  .sf-page[data-page="home"] #decision-flow .sf-section-head { display: grid; grid-template-columns: minmax(14rem, .45fr) minmax(0, 1fr); align-items: end; gap: clamp(2rem, 7vw, 8rem); max-inline-size: none; }
  .sf-page[data-page="home"] #decision-flow .sf-section-head::before { content: "03"; align-self: start; color: color-mix(in srgb, var(--rose-gold-500) 38%, transparent); font-family: var(--font-heading); font-size: clamp(5rem, 10vw, 10rem); font-style: italic; line-height: .7; }
  .sf-page[data-page="home"] #decision-flow .sf-section-head .sf-eyebrow { grid-column: 2; margin-block-end: -.75rem; }
  .sf-page[data-page="home"] #decision-flow .sf-section-head h2 { grid-column: 2; max-inline-size: 10ch; }
  .sf-page[data-page="home"] #decision-flow .sf-process-list { position: relative; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-block-start: clamp(2.25rem, 4vw, 4rem); border-block: 1px solid color-mix(in srgb, var(--gold-300) 66%, transparent); }
  .sf-page[data-page="home"] #decision-flow .sf-step { min-block-size: 10.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem clamp(1rem, 2.2vw, 2.25rem); }
  .sf-page[data-page="home"] #decision-flow .sf-step + .sf-step { border-inline-start: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
  .sf-page[data-page="home"] #decision-flow .sf-step-number { inline-size: auto; block-size: auto; border: 0; border-radius: 0; background: transparent; color: var(--rose-gold-600); font-family: var(--font-heading); font-size: clamp(2.6rem, 4vw, 4.5rem); font-style: italic; }
  .sf-page[data-page="home"] #decision-flow .sf-pull-quote { max-inline-size: 34rem; margin: clamp(2rem, 4vw, 4rem) 0 0 auto; }

  /* 04 · luminous editorial ledger */
  .sf-page[data-page="home"] #plan-factors {
    color: var(--forest-900);
    background:
      linear-gradient(98deg, rgb(245 249 238 / .94) 0 43%, rgb(255 253 249 / .7) 65%, rgb(239 210 202 / .28)),
      url("../assets/shared/backgrounds/inicio-fundo-centro.webp") 100% 48% / min(48vw, 64rem) auto no-repeat,
      linear-gradient(rgb(241 245 233 / .7), rgb(255 253 249 / .7));
  }
  .sf-page[data-page="home"] #plan-factors::before { content: ""; position: absolute; z-index: 0; inset: clamp(2rem, 6vw, 7rem) clamp(1rem, 5vw, 6rem) clamp(2rem, 6vw, 7rem) auto; inline-size: clamp(14rem, 27vw, 30rem); border: 1px solid color-mix(in srgb, var(--gold-500) 45%, transparent); border-radius: 50% 50% .5rem .5rem; box-shadow: inset 0 0 0 .45rem rgb(255 253 249 / .2); pointer-events: none; }
  .sf-page[data-page="home"] #plan-factors::after { content: "04"; position: absolute; z-index: 0; inset: auto max(2rem, calc((100% - 86rem) / 2)) 1rem auto; color: color-mix(in srgb, var(--gold-200) 15%, transparent); font-family: var(--font-heading); font-size: clamp(10rem, 21vw, 23rem); font-style: italic; line-height: .7; pointer-events: none; }
  .sf-page[data-page="home"] #plan-factors > .sf-statement-inner { max-inline-size: 82rem; padding: 0; text-align: start; }
  .sf-page[data-page="home"] #plan-factors :is(h2, h3, p, .sf-eyebrow) { color: inherit; }
  .sf-page[data-page="home"] #plan-factors .sf-eyebrow { color: var(--rose-gold-700); }
  .sf-page[data-page="home"] #plan-factors .sf-section-head { max-inline-size: 40rem; }
  .sf-page[data-page="home"] #plan-factors .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block-start: clamp(3rem, 5vw, 5rem); border-block: 1px solid color-mix(in srgb, var(--gold-200) 52%, transparent); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card { min-block-size: 9rem; border: 0; border-radius: 0; background: rgb(255 253 249 / .52); color: var(--forest-900); padding: 1.35rem 1.5rem; }
  .sf-page[data-page="home"] #plan-factors .sf-content-card p { color: var(--color-text-secondary); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #plan-factors .sf-pull-quote { margin: clamp(2rem, 4vw, 4rem) 0 0; border-color: var(--rose-gold-500); }

  /* 05 · sunlit treatment atlas with one featured entry. */
  .sf-page[data-page="home"] #treatment-pathways {
    background:
      linear-gradient(94deg, rgb(255 253 249 / .96) 0 47%, rgb(255 250 246 / .72) 66%, rgb(244 216 205 / .3)),
      url("../assets/shared/backgrounds/inicio-fundo-esquerda.webp") 100% 50% / min(46vw, 62rem) auto no-repeat,
      radial-gradient(ellipse 48% 72% at 90% 16%, rgb(248 232 226 / .72), transparent 70%),
      linear-gradient(rgb(255 253 249 / .68), rgb(255 247 243 / .68));
  }
  .sf-page[data-page="home"] #treatment-pathways::before { content: ""; position: absolute; z-index: 0; inset: 2rem -8rem auto auto; inline-size: min(32vw, 29rem); block-size: min(32vw, 29rem); background: url("../assets/shared/call-to-action/celadon-apothecary.png") right top / contain no-repeat; mix-blend-mode: multiply; opacity: .12; pointer-events: none; }
  .sf-page[data-page="home"] #treatment-pathways::after { content: ""; position: absolute; z-index: 0; inset: auto auto -7rem -6rem; inline-size: 29rem; block-size: 29rem; background: url("../assets/shared/interface-icons/icone-flor.svg") left bottom / contain no-repeat; opacity: .32; pointer-events: none; }
  .sf-page[data-page="home"] #treatment-pathways > .sf-section-inner { max-inline-size: 90rem; padding: 0; }
  .sf-page[data-page="home"] #treatment-pathways .sf-section-head { display: grid; grid-template-columns: minmax(18rem, .6fr) 1fr; align-items: end; max-inline-size: none; }
  .sf-page[data-page="home"] #treatment-pathways .sf-section-head::after { content: "05"; justify-self: end; color: color-mix(in srgb, var(--rose-gold-500) 22%, transparent); font-family: var(--font-heading); font-size: clamp(6rem, 12vw, 12rem); font-style: italic; line-height: .65; }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.75rem, 1.5vw, 1.5rem); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card { min-block-size: 10rem; border-radius: 0; border-block: 1px solid color-mix(in srgb, var(--gold-300) 54%, transparent); border-inline: 0; background: color-mix(in srgb, var(--ivory-50) 45%, transparent); padding: 1.5rem 0; }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card:first-child { grid-column: span 2; min-block-size: 15rem; padding: clamp(2rem, 4vw, 4rem); border: 1px solid color-mix(in srgb, var(--rose-gold-500) 45%, transparent); border-radius: 8rem 1rem 1rem 1rem; background: linear-gradient(125deg, color-mix(in srgb, var(--champagne-100) 78%, transparent), color-mix(in srgb, var(--blush-100) 64%, transparent)); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card:first-child h3 { font-size: clamp(2rem, 3.5vw, 3.65rem); }
  .sf-page[data-page="home"] #treatment-pathways .sf-content-card h3 { font-size: clamp(1.3rem, 1.8vw, 1.8rem); }
  .sf-page[data-page="home"] #treatment-pathways .sf-button-row { margin-block-start: 2.5rem; }

  /* 06 · layered clinical photograph and blush typographic plate. */
  .sf-page[data-page="home"] #science-with-softness {
    background:
      linear-gradient(104deg, rgb(255 246 242 / .72), rgb(255 253 249 / .94) 38% 66%, rgb(255 253 249 / .54)),
      url("../assets/shared/backgrounds/inicio-fundo-centro.webp") 100% 46% / min(43vw, 58rem) auto no-repeat,
      radial-gradient(ellipse 50% 66% at 8% 88%, rgb(189 121 107 / .18), transparent 76%),
      linear-gradient(rgb(255 250 247 / .7), rgb(255 253 249 / .7));
  }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media-layout { grid-template-columns: minmax(19rem, .76fr) minmax(0, 1.24fr); align-items: stretch; gap: clamp(2rem, 7vw, 8rem); padding: 0; }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media { grid-column: 1; align-self: center; overflow: visible; border: 0; border-radius: 1rem 7rem 1rem 1rem; background: transparent; box-shadow: none; }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media::before { content: ""; position: absolute; z-index: -1; inset: -1.5rem 1.5rem 1.5rem -1.5rem; border: 1px solid color-mix(in srgb, var(--gold-300) 66%, transparent); background: color-mix(in srgb, var(--blush-100) 46%, transparent); }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media::after { inset: .7rem; border-radius: .5rem 6.5rem .5rem .5rem; }
  .sf-page[data-page="home"] #science-with-softness .sf-editorial-media img { aspect-ratio: 4 / 5; border-radius: .75rem 7rem .75rem .75rem; object-position: 50% center; }
  .sf-page[data-page="home"] #science-with-softness .sf-section-inner { grid-column: 2; padding-block: clamp(2rem, 5vw, 5rem); }
  .sf-page[data-page="home"] #science-with-softness .sf-section-head::before { content: "06"; position: absolute; inset: auto auto calc(100% + .7rem) -3.5rem; color: color-mix(in srgb, var(--rose-gold-500) 30%, transparent); font-family: var(--font-heading); font-size: clamp(5rem, 9vw, 9rem); font-style: italic; line-height: .7; }
  .sf-page[data-page="home"] #science-with-softness .sf-content-card-grid { gap: 0; border: 1px solid color-mix(in srgb, var(--rose-gold-500) 37%, transparent); }
  .sf-page[data-page="home"] #science-with-softness .sf-content-card { border: 0; border-radius: 0; background: color-mix(in srgb, var(--ivory-50) 64%, transparent); padding: clamp(1.25rem, 2vw, 2rem); }
  .sf-page[data-page="home"] #science-with-softness .sf-content-card + .sf-content-card { border-inline-start: 1px solid color-mix(in srgb, var(--rose-gold-500) 37%, transparent); }

  /* 07 · deep botanical pause, deliberately quieter than 04. */
  .sf-page[data-page="home"] #responsible-pauses { color: var(--ivory-50); background: linear-gradient(145deg, color-mix(in srgb, var(--forest-900) 88%, transparent), color-mix(in srgb, var(--olive-700) 94%, transparent)); }
  .sf-page[data-page="home"] #responsible-pauses::before { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgb(17 30 13 / .74), transparent 68%), url("../assets/shared/call-to-action/dark-botanico-garden.png") right center / auto 120% no-repeat, url("../assets/shared/backgrounds/inicio-botanico-fundo.webp") center bottom / cover no-repeat; mix-blend-mode: screen; opacity: .27; pointer-events: none; }
  .sf-page[data-page="home"] #responsible-pauses > .sf-statement-inner { max-inline-size: 76rem; padding: 0; text-align: start; }
  .sf-page[data-page="home"] #responsible-pauses :is(h2, h3, p, .sf-eyebrow) { color: inherit; }
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head { display: grid; grid-template-columns: minmax(10rem, .35fr) minmax(0, 1fr); align-items: end; max-inline-size: none; }
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head::before { content: "07"; color: color-mix(in srgb, var(--gold-200) 38%, transparent); font-family: var(--font-heading); font-size: clamp(5rem, 10vw, 10rem); font-style: italic; line-height: .7; }
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head .sf-eyebrow { grid-column: 2; margin-block-end: -.75rem; }
  .sf-page[data-page="home"] #responsible-pauses .sf-section-head h2 { grid-column: 2; max-inline-size: 13ch; }
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block-start: 4rem; border-block: 1px solid color-mix(in srgb, var(--gold-200) 48%, transparent); }
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card { min-block-size: 9rem; border: 0; border-radius: 0; background: transparent; color: var(--ivory-50); padding: 1.3rem 1.5rem; }
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card p { color: color-mix(in srgb, var(--ivory-50) 76%, transparent); }
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid color-mix(in srgb, var(--gold-200) 35%, transparent); }
  .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid color-mix(in srgb, var(--gold-200) 35%, transparent); }
  .sf-page[data-page="home"] #responsible-pauses .sf-pull-quote { margin: 2.5rem 0 0 auto; max-inline-size: 36rem; border-color: var(--gold-300); }

  /* 08 · private editorial profile, open rather than card-framed. */
  .sf-page[data-page="home"] #meet-franciele {
    background:
      linear-gradient(96deg, rgb(255 253 249 / .96) 0 46%, rgb(255 253 249 / .72) 65%, rgb(234 238 222 / .3)),
      url("../assets/shared/backgrounds/inicio-fundo-direita.webp") 100% 50% / min(48vw, 64rem) auto no-repeat,
      radial-gradient(ellipse 45% 80% at 92% 30%, rgb(248 232 226 / .58), transparent 73%),
      linear-gradient(rgb(255 253 249 / .66), rgb(232 237 220 / .66));
  }
  .sf-page[data-page="home"] #meet-franciele::before { content: ""; position: absolute; z-index: 0; inset: auto auto -2rem max(1rem, calc((100% - 88rem) / 2)); inline-size: min(38vw, 31rem); block-size: min(38vw, 31rem); background: url("../assets/shared/brand/rodape-assinatura-marca-dagua.png") left bottom / contain no-repeat; opacity: .2; pointer-events: none; }
  .sf-page[data-page="home"] #meet-franciele > .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .5fr) minmax(0, 1fr); column-gap: clamp(3rem, 8vw, 10rem); max-inline-size: 82rem; padding: 0; }
  .sf-page[data-page="home"] #meet-franciele .sf-section-head { grid-column: 1; grid-row: span 4; align-self: start; }
  .sf-page[data-page="home"] #meet-franciele .sf-section-head::before { content: "08"; display: block; margin-block-end: 1.25rem; color: color-mix(in srgb, var(--rose-gold-500) 35%, transparent); font-family: var(--font-heading); font-size: clamp(5rem, 9vw, 9rem); font-style: italic; line-height: .7; }
  .sf-page[data-page="home"] #meet-franciele > .sf-section-inner > :not(.sf-section-head) { grid-column: 2; }
  .sf-page[data-page="home"] #meet-franciele .sf-section-inner > p { max-inline-size: 52ch; font-size: clamp(1.08rem, 1.15vw, 1.35rem); line-height: 1.7; }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.5rem; border-block: 1px solid color-mix(in srgb, var(--gold-300) 60%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card { min-block-size: 8.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem 1.5rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card p { color: var(--forest-900); }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card:nth-child(odd) { border-inline-end: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-pull-quote { margin: 2.5rem 0 0; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="home"] #care-routes .sf-editorial-media-layout,
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media-layout { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #care-routes .sf-editorial-media { grid-row: 1; max-inline-size: min(100%, 42rem); margin-inline: auto; }
    .sf-page[data-page="home"] #care-routes .sf-editorial-media img { min-block-size: 20rem; }
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media { grid-column: 1; grid-row: 2; max-inline-size: min(100%, 29rem); margin: 2rem auto 0; }
    .sf-page[data-page="home"] #science-with-softness .sf-section-inner { grid-column: 1; grid-row: 1; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) { padding-block: clamp(3.25rem, 11vw, 5rem); }
    .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-section-head h2 { font-size: clamp(2.35rem, 10vw, 3.55rem); }
    .sf-page[data-page="home"] #care-routes .sf-editorial-media-layout { gap: 2.75rem; }
    .sf-page[data-page="home"] #decision-flow::after,
    .sf-page[data-page="home"] #treatment-pathways::before { inline-size: 15rem; block-size: 15rem; opacity: .1; }
    .sf-page[data-page="home"] #care-routes .sf-editorial-media { order: -1; border-radius: 5rem 5rem .75rem .75rem; }
    /* Keep the editorial outline inside the mobile canvas at normal and
     * high browser zoom; the full desktop offset deliberately remains. */
    .sf-page[data-page="home"] #care-routes .sf-editorial-media::before { inset: 1rem .5rem -1rem .75rem; }
    .sf-page[data-page="home"] #care-routes .sf-editorial-media img { border-radius: 4.5rem 4.5rem .5rem .5rem; }
    .sf-page[data-page="home"] #care-routes .sf-content-card { min-block-size: 0; padding: 1rem; }
    .sf-page[data-page="home"] #decision-flow .sf-section-head,
    .sf-page[data-page="home"] #responsible-pauses .sf-section-head,
    .sf-page[data-page="home"] #treatment-pathways .sf-section-head,
    .sf-page[data-page="home"] #meet-franciele > .sf-section-inner { display: block; }
    .sf-page[data-page="home"] #decision-flow .sf-section-head::before,
    .sf-page[data-page="home"] #responsible-pauses .sf-section-head::before { display: block; margin-block-end: 1rem; }
    .sf-page[data-page="home"] #decision-flow .sf-section-head .sf-eyebrow,
    .sf-page[data-page="home"] #decision-flow .sf-section-head h2,
    .sf-page[data-page="home"] #responsible-pauses .sf-section-head .sf-eyebrow,
    .sf-page[data-page="home"] #responsible-pauses .sf-section-head h2 { display: block; }
    .sf-page[data-page="home"] #decision-flow .sf-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: 2.5rem; }
    .sf-page[data-page="home"] #decision-flow .sf-step { min-block-size: 10rem; padding: 1rem; }
    .sf-page[data-page="home"] #decision-flow .sf-step:nth-child(odd) { border-inline-start: 0; }
    .sf-page[data-page="home"] #decision-flow .sf-step:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card-grid,
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid,
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(3n + 2),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(3n + 2) { border-inline: 0; }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(even),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(even) { border-inline-start: 1px solid color-mix(in srgb, var(--gold-200) 36%, transparent); }
    .sf-page[data-page="home"] #plan-factors .sf-content-card:nth-child(n + 3),
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-200) 36%, transparent); }
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card:first-child { grid-column: span 2; min-block-size: 0; border-radius: 4rem .75rem .75rem .75rem; }
    .sf-page[data-page="home"] #science-with-softness .sf-editorial-media { margin-block-start: 2.5rem; }
    .sf-page[data-page="home"] #science-with-softness .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #science-with-softness .sf-content-card + .sf-content-card { border-block-start: 1px solid color-mix(in srgb, var(--rose-gold-500) 37%, transparent); border-inline-start: 0; }
    .sf-page[data-page="home"] #meet-franciele .sf-section-head { margin-block-end: 2.5rem; }
    .sf-page[data-page="home"] #meet-franciele .sf-content-card { min-block-size: 0; padding: 1rem; }
  }

  @media (max-width: 34rem) {
    .sf-page[data-page="home"] #care-routes .sf-content-card-grid,
    .sf-page[data-page="home"] #plan-factors .sf-content-card-grid,
    .sf-page[data-page="home"] #responsible-pauses .sf-content-card-grid,
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card-grid,
    .sf-page[data-page="home"] #meet-franciele .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #care-routes .sf-content-card:nth-child(n),
    .sf-page[data-page="home"] #meet-franciele .sf-content-card:nth-child(n) { border-inline-end: 0; border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
    .sf-page[data-page="home"] #care-routes .sf-content-card:first-child,
    .sf-page[data-page="home"] #meet-franciele .sf-content-card:first-child { border-block-start: 0; }
    .sf-page[data-page="home"] #treatment-pathways .sf-content-card:first-child { grid-column: auto; }
    .sf-page[data-page="home"] #decision-flow .sf-process-list { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #decision-flow .sf-step + .sf-step { border-inline-start: 0; border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
  }

  /* 06 + 07 homepage rebuild — two bespoke editorial chapters. These
     compositions intentionally do not inherit the generic media/card grids. */
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas {
    display: grid;
    grid-template-columns: minmax(18rem, .76fr) minmax(0, 1.24fr);
    align-items: center;
    gap: clamp(2.5rem, 6vw, 7.5rem);
    padding-block: clamp(1rem, 2vw, 2rem);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual {
    position: relative;
    max-inline-size: 31rem;
    justify-self: center;
    padding: clamp(1rem, 2vw, 2rem) 0 0 clamp(1rem, 2.4vw, 2.5rem);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: clamp(3.5rem, 7vw, 7rem) clamp(1.5rem, 4vw, 4rem) 1.25rem 0;
    border-radius: 12rem 12rem .4rem .4rem;
    background:
      radial-gradient(circle at 50% 24%, rgb(234 213 173 / .16), transparent 32%),
      linear-gradient(155deg, var(--olive-700), var(--forest-900));
    box-shadow: 0 2.5rem 5rem rgb(28 48 34 / .18);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--gold-300) 68%, transparent);
    border-radius: 11rem 11rem .45rem .45rem;
    background: var(--ivory-100);
    box-shadow: 0 1.5rem 4rem rgb(28 48 34 / .14);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait::after {
    content: "";
    position: absolute;
    inset: .7rem;
    border: 1px solid rgb(255 253 249 / .72);
    border-radius: 10.5rem 10.5rem .25rem .25rem;
    pointer-events: none;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img {
    inline-size: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center;
    scale: 1.08;
    translate: 0 -2.5%;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption {
    position: absolute;
    z-index: 2;
    inset: auto 0 0;
    display: grid;
    gap: .15rem;
    margin: 0;
    border-block-start: 1px solid rgb(234 213 173 / .45);
    background: rgb(36 49 41 / .94);
    color: var(--ivory-50);
    padding: .9rem 1.25rem 1rem;
    backdrop-filter: blur(10px);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption strong {
    font-family: var(--font-heading);
    font-size: 1.08rem;
    font-weight: 500;
    letter-spacing: .02em;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption span {
    color: var(--gold-200);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__location {
    position: absolute;
    inset: 48% auto auto calc(100% - .55rem);
    margin: 0;
    color: var(--rose-gold-700);
    font-size: .66rem;
    font-weight: 750;
    letter-spacing: .2em;
    text-transform: uppercase;
    transform: rotate(90deg);
    transform-origin: left top;
    white-space: nowrap;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { min-inline-size: 0; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-section-head { margin-block-end: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-chapter-number { color: color-mix(in srgb, var(--rose-gold-700) 58%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-eyebrow { margin-block-end: .7rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content h2 { max-inline-size: none; }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__lede {
    max-inline-size: 49ch;
    color: var(--forest-800);
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 1.75vw, 1.8rem);
    line-height: 1.42;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content > p:not(.sf-home-profile__lede) {
    max-inline-size: 61ch;
    margin-block-start: 1.1rem;
    color: var(--color-text-secondary);
    font-size: .98rem;
    line-height: 1.72;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: clamp(2rem, 4vw, 3.5rem) 0 0;
    padding: 0;
    border-block: 1px solid color-mix(in srgb, var(--gold-300) 58%, transparent);
    list-style: none;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .75rem;
    margin: 0;
    padding: 1.15rem clamp(.75rem, 1.5vw, 1.35rem);
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(even) { border-inline-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(n + 3) { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li > span { color: var(--rose-gold-700); font-family: var(--font-heading); font-size: .82rem; font-style: italic; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles h3 { margin: 0 0 .3rem; color: var(--forest-900); font-size: clamp(1.1rem, 1.4vw, 1.35rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles p { margin: 0; color: var(--color-text-secondary); font-size: .84rem; line-height: 1.55; }
  .sf-page[data-page="home"] #meet-franciele .sf-button-row { margin-block-start: 2rem; }

  .sf-page[data-page="home"] #results-in-context.sf-home-results { padding-block: clamp(4.5rem, 7vw, 7.5rem); }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__canvas {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .72fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: clamp(2rem, 5vw, 6rem);
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__canvas::before {
    content: "07";
    position: absolute;
    z-index: -1;
    inset: clamp(-2rem, -3vw, -1rem) auto auto clamp(-1rem, -2vw, 0rem);
    color: rgb(234 213 173 / .075);
    font-family: var(--font-heading);
    font-size: clamp(13rem, 27vw, 28rem);
    font-style: italic;
    line-height: .68;
    pointer-events: none;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__content { position: relative; z-index: 2; max-inline-size: 43rem; padding-block: clamp(1rem, 3vw, 3rem); }
  .sf-page[data-page="home"] #results-in-context .sf-section-head { margin-block-end: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="home"] #results-in-context .sf-section-head h2 { max-inline-size: 9ch; font-size: clamp(3rem, 5.6vw, 6.25rem); line-height: .9; }
  .sf-page[data-page="home"] #results-in-context .sf-home-results__lede { max-inline-size: 52ch; color: rgb(255 253 249 / .78); font-size: clamp(1.04rem, 1.2vw, 1.22rem); line-height: 1.72; }
  .sf-page[data-page="home"] #results-in-context .sf-button-row { gap: 1.35rem; margin-block-start: 2rem; }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__text-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-block-size: 3.2rem;
    color: var(--gold-200);
    font-family: var(--font-heading);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-decoration: none;
    text-transform: uppercase;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__text-link span { font-family: var(--font-body); font-size: 1.15rem; transition: translate var(--duration-fast); }
  .sf-page[data-page="home"] #results-in-context .sf-home-results__text-link:hover span { translate: .2rem -.2rem; }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait {
    position: relative;
    align-self: end;
    margin: 0;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__halo {
    position: relative;
    display: grid;
    place-items: end center;
    min-block-size: clamp(28rem, 43vw, 39rem);
    overflow: hidden;
    border: 1px solid rgb(234 213 173 / .38);
    border-radius: 50% 50% .45rem .45rem;
    background:
      radial-gradient(circle at 50% 34%, rgb(255 246 242 / .2), transparent 31%),
      linear-gradient(155deg, rgb(248 232 226 / .18), rgb(36 49 41 / .08));
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__halo::after {
    content: "";
    position: absolute;
    inset: .7rem;
    border: 1px solid rgb(255 253 249 / .16);
    border-radius: 50% 50% .25rem .25rem;
    pointer-events: none;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait img {
    inline-size: min(100%, 31rem);
    block-size: clamp(28rem, 43vw, 39rem);
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 1.5rem 2rem rgb(9 18 11 / .3));
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait figcaption {
    max-inline-size: 35ch;
    margin: .9rem auto 0;
    color: rgb(255 253 249 / .62);
    font-size: .72rem;
    line-height: 1.55;
    text-align: center;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: clamp(1rem, 3vw, 3rem) 0 0;
    padding: 0;
    border-block: 1px solid rgb(234 213 173 / .38);
    list-style: none;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors li {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: .85rem;
    margin: 0;
    padding: clamp(1.25rem, 2.2vw, 2rem);
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors li + li { border-inline-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors li > span { color: var(--gold-200); font-family: var(--font-heading); font-size: .88rem; font-style: italic; }
  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors h3 { margin: 0 0 .35rem; color: var(--ivory-50); font-size: clamp(1.2rem, 1.5vw, 1.5rem); }
  .sf-page[data-page="home"] #results-in-context .sf-home-results__factors p { margin: 0; color: rgb(255 253 249 / .68); font-size: .86rem; line-height: 1.58; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { grid-template-columns: minmax(16rem, .68fr) minmax(0, 1.32fr); gap: clamp(2rem, 4vw, 3.5rem); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(n) { border-inline-start: 0; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li + li { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__canvas { grid-template-columns: minmax(0, 1fr) minmax(17rem, .65fr); gap: 2.5rem; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas,
    .sf-page[data-page="home"] #results-in-context .sf-home-results__canvas { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { display: contents; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-section-head { grid-row: 1; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { grid-row: 2; inline-size: min(100%, 26rem); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__lede { grid-row: 3; margin-block-start: 1rem; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content > p:not(.sf-home-profile__lede) { grid-row: 4; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-row: 5; }
    .sf-page[data-page="home"] #meet-franciele .sf-button-row { grid-row: 6; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(even) { border-inline-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(2) { border-block-start: 0; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__content { grid-row: 1; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait { grid-row: 2; inline-size: min(100%, 24rem); justify-self: center; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__halo { min-block-size: 30rem; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait img { block-size: 30rem; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__factors { grid-column: 1; grid-row: 3; grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__factors li + li { border-block-start: 1px solid rgb(234 213 173 / .25); border-inline-start: 0; }
  }

  @media (max-width: 34rem) {
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(n) { border-inline-start: 0; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li + li { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 42%, transparent); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__location { display: none; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__halo { min-block-size: 25rem; }
    .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait img { block-size: 25rem; }
  }

  /* 02 · full-width forest chapter, sharing the homepage's dark editorial rhythm. */
  .sf-page[data-page="home"] #care-pathways {
    color: var(--ivory-50);
    background:
      linear-gradient(106deg, rgb(17 30 13 / .96), rgb(36 49 41 / .93) 54%, rgb(58 75 50 / .88)),
      url("../assets/shared/backgrounds/inicio-botanico-fundo.webp") center / cover;
  }

  .sf-page[data-page="home"] #care-pathways::before { color: rgb(234 213 173 / .11); }
  .sf-page[data-page="home"] #care-pathways::after { opacity: .14; filter: brightness(0) invert(1); }
  .sf-page[data-page="home"] #care-pathways .sf-section-inner { padding-block: clamp(2rem, 4vw, 4rem); }
  .sf-page[data-page="home"] #care-pathways :is(.sf-eyebrow, h2, h3) { color: var(--ivory-50); }
  .sf-page[data-page="home"] #care-pathways .sf-section-inner > p { max-inline-size: 54ch; color: rgb(255 253 249 / .78); font-size: clamp(1.04rem, 1.15vw, 1.22rem); line-height: 1.7; }
  .sf-page[data-page="home"] #care-pathways .sf-content-card-grid { border-color: rgb(234 213 173 / .42); }
  .sf-page[data-page="home"] #care-pathways .sf-content-card { background: rgb(255 253 249 / .045); }
  .sf-page[data-page="home"] #care-pathways .sf-content-card:nth-child(odd),
  .sf-page[data-page="home"] #care-pathways .sf-content-card:nth-child(n + 3) { border-color: rgb(234 213 173 / .28); }
  .sf-page[data-page="home"] #care-pathways .sf-content-card h3 { font-size: clamp(1.35rem, 1.8vw, 1.8rem); }
  .sf-page[data-page="home"] #care-pathways .sf-content-card p { color: rgb(255 253 249 / .72); font-size: .93rem; line-height: 1.62; }
  .sf-page[data-page="home"] #care-pathways .sf-editorial-media::before { border-color: rgb(234 213 173 / .48); background: rgb(234 213 173 / .08); }
  .sf-page[data-page="home"] #care-pathways .sf-button--primary { border-color: var(--gold-300); background: linear-gradient(135deg, var(--ivory-50), var(--champagne-100)); color: var(--forest-900); }
  .sf-page[data-page="home"] #care-pathways .sf-button--outline { border-color: rgb(234 213 173 / .72); background: transparent; color: var(--ivory-50); }

  /* 06 · a single, large editorial composition: portrait and manifesto carry equal weight. */
  .sf-page[data-page="home"] #care-standard { padding-block: clamp(6rem, 10vw, 11rem); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout {
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 1fr);
    align-items: center;
    gap: clamp(3rem, 7vw, 9rem);
    max-inline-size: 92rem;
  }

  .sf-page[data-page="home"] #care-standard .sf-section-inner { min-inline-size: 0; padding: 0; }
  .sf-page[data-page="home"] #care-standard .sf-section-head {
    display: grid;
    grid-template-columns: clamp(5rem, 8vw, 8.5rem) minmax(0, 1fr);
    column-gap: clamp(1rem, 2vw, 2rem);
    align-items: end;
    max-inline-size: 44rem;
  }
  .sf-page[data-page="home"] #care-standard .sf-section-head .sf-chapter-number { grid-row: 1 / span 2; align-self: start; color: rgb(234 213 173 / .78); font-size: clamp(5.5rem, 8vw, 8.5rem); line-height: .7; }
  .sf-page[data-page="home"] #care-standard .sf-section-head .sf-eyebrow,
  .sf-page[data-page="home"] #care-standard .sf-section-head h2 { grid-column: 2; }
  .sf-page[data-page="home"] #care-standard .sf-section-head h2 { max-inline-size: 9ch; font-size: clamp(3.5rem, 5.6vw, 6.5rem); line-height: .88; }

  .sf-page[data-page="home"] #care-standard .sf-content-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-block-start: clamp(2.5rem, 4vw, 4.25rem);
    border-block: 1px solid rgb(234 213 173 / .42);
  }
  .sf-page[data-page="home"] #care-standard .sf-content-card {
    display: block;
    min-block-size: 12rem;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ivory-50);
    padding: clamp(1.25rem, 2vw, 2rem) clamp(1rem, 1.7vw, 1.8rem);
  }
  .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-inline-start: 1px solid rgb(234 213 173 / .28); }
  .sf-page[data-page="home"] #care-standard .sf-content-card h3 { margin: 0 0 .8rem; color: var(--gold-200); font-size: clamp(1.25rem, 1.55vw, 1.6rem); line-height: 1.1; }
  .sf-page[data-page="home"] #care-standard .sf-content-card p { margin: 0; color: rgb(255 253 249 / .76); font-size: .94rem; line-height: 1.65; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote { max-inline-size: 43rem; margin: clamp(2rem, 3vw, 3rem) 0 0; border-inline-start-color: var(--gold-300); }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote .sf-pull-quote p { color: var(--ivory-50); font-size: clamp(1.25rem, 1.8vw, 1.7rem); line-height: 1.38; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote figcaption { color: var(--gold-200); }
  .sf-page[data-page="home"] #care-standard .sf-button-row { gap: 1rem; margin-block-start: clamp(2rem, 3vw, 2.75rem); }

  .sf-page[data-page="home"] #care-standard .sf-editorial-media {
    position: relative;
    inline-size: 100%;
    max-inline-size: 39rem;
    justify-self: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media::before { content: ""; position: absolute; z-index: -1; inset: clamp(1rem, 3vw, 2.5rem) clamp(-1rem, -2vw, -2.5rem) clamp(-1rem, -2vw, -2rem) clamp(-1.5rem, -3vw, -3rem); border: 1px solid rgb(234 213 173 / .5); background: linear-gradient(145deg, rgb(234 213 173 / .16), rgb(255 253 249 / .03)); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { inline-size: 100%; block-size: clamp(34rem, 49vw, 48rem); aspect-ratio: auto; border: 1px solid rgb(234 213 173 / .56); border-radius: 15rem 15rem .6rem .6rem; object-fit: cover; object-position: center top; box-shadow: 0 2rem 5rem rgb(9 18 11 / .25); }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .92fr); gap: clamp(2.5rem, 5vw, 4rem); }
    .sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size: 13rem; padding-inline: 1rem; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #care-pathways .sf-editorial-media { border-radius: 5rem 5rem .75rem .75rem; }
    .sf-page[data-page="home"] #care-standard { padding-block: clamp(4.5rem, 13vw, 6.5rem); }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { grid-template-columns: 1fr; gap: 3.25rem; }
    .sf-page[data-page="home"] #care-standard .sf-section-head { grid-template-columns: 4.25rem minmax(0, 1fr); }
    .sf-page[data-page="home"] #care-standard .sf-section-head .sf-chapter-number { font-size: 4.3rem; }
    .sf-page[data-page="home"] #care-standard .sf-section-head h2 { font-size: clamp(3rem, 13vw, 4.5rem); }
    .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size: 0; padding: 1.25rem 0; }
    .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .28); border-inline-start: 0; }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media { inline-size: min(100%, 31rem); }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media img { block-size: min(122vw, 39rem); border-radius: 10rem 10rem .5rem .5rem; }
  }
}

/* Source: css/src/pages/about.css */
@layer pages {
  /* ABOUT — an editorial biography, moving from professional motivation to
     method, experience, technology, continuity and values. The approved hero
     and final CTA intentionally remain outside this redesign. */
  .sf-page[data-page="about"] :is(#why-this-work, #my-view-of-aesthetics, #clinical-judgment, #what-you-can-expect, #the-clinic-experience, #technology-with-purpose, #after-treatment, #the-values-behind-the-work) .sf-section-head h2 {
    max-inline-size: 12ch;
    font-size: clamp(2.6rem, 4.6vw, 5.25rem);
    line-height: .94;
  }

  /* 01 · opening biography spread */
  .sf-page[data-page="about"] #why-this-work .sf-editorial-media-layout {
    grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
    align-items: stretch;
    gap: clamp(2.5rem, 6vw, 7rem);
  }

  .sf-page[data-page="about"] #why-this-work .sf-editorial-media { grid-column: 1; grid-row: 1; align-self: stretch; overflow: hidden; border: 0; border-radius: 12rem 12rem .5rem .5rem; background: linear-gradient(155deg, var(--blush-100), var(--sage-100)); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="about"] #why-this-work .sf-editorial-media img { block-size: 100%; min-block-size: 42rem; aspect-ratio: 4 / 5; object-fit: contain; object-position: center bottom; }
  .sf-page[data-page="about"] #why-this-work .sf-section-inner { grid-column: 2; grid-row: 1; align-self: center; }
  .sf-page[data-page="about"] #why-this-work .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.5rem; border-block: 1px solid var(--color-border-warm); counter-reset: about-motive; }
  .sf-page[data-page="about"] #why-this-work .sf-content-card { position: relative; min-block-size: 9rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem 1.5rem 1.25rem 3.4rem; counter-increment: about-motive; }
  .sf-page[data-page="about"] #why-this-work .sf-content-card::before { content: "0" counter(about-motive); position: absolute; inset: 1.25rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: .78rem; font-style: italic; }
  .sf-page[data-page="about"] #why-this-work .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #why-this-work .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #why-this-work .sf-content-card h2 { margin: 0 0 .35rem; font-size: clamp(1.25rem, 1.6vw, 1.55rem); }
  .sf-page[data-page="about"] #why-this-work .sf-content-card p { margin: 0; color: var(--color-text-secondary); font-size: .88rem; line-height: 1.55; }

  /* 02 · manifesto: two opposing positions, not two generic cards */
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-section-inner { display: grid; grid-template-columns: minmax(16rem, .58fr) minmax(0, 1.42fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-section-head,
  .sf-page[data-page="about"] #my-view-of-aesthetics > .sf-section-inner > :is(.sf-lede, p) { grid-column: 1; }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-lede { margin-block-start: 1.75rem; color: var(--gold-200); font-family: var(--font-heading); font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.35; }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-section-inner > p:not(.sf-lede) { color: rgb(255 253 249 / .72); }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid rgb(234 213 173 / .38); }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card { border: 0; border-radius: 0; background: rgb(255 253 249 / .88); color: var(--forest-900); padding: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card + .sf-content-card { border-inline-start: 1px solid rgb(234 213 173 / .28); }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card h2 { color: var(--forest-900); font-size: clamp(1.5rem, 2vw, 2rem); }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-botanical-list { margin-block-start: 1.25rem; color: var(--forest-800); font-size: 1.05rem; font-weight: 500; line-height: 1.65; }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-practitioner-quote { grid-column: 2; max-inline-size: 38rem; margin: 2rem 0 0 auto; }

  /* 03 · recommendation pathway: a clear decision process with one integrated portrait. */
  .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.12fr) minmax(20rem, .88fr); gap: clamp(2.5rem, 6vw, 6.5rem); align-items: stretch; }
  .sf-page[data-page="about"] #clinical-judgment .sf-recommendation-content { display: flex; flex-direction: column; }
  .sf-page[data-page="about"] #clinical-judgment .sf-recommendation-introduction { max-inline-size: 51ch; margin-block: 1.5rem 0; color: var(--forest-800); font-size: clamp(1.06rem, 1.2vw, 1.2rem); font-weight: 500; line-height: 1.65; }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); flex: 1; gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); counter-reset: about-judgment; }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card { position: relative; display: flex; flex-direction: column; justify-content: center; min-block-size: 12.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.75rem 1.75rem 1.75rem 4.15rem; counter-increment: about-judgment; }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card::before { content: "0" counter(about-judgment); position: absolute; inset: 1.8rem auto auto 1.25rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card h2 { margin: 0 0 .6rem; color: var(--forest-900); font-size: clamp(1.35rem, 1.7vw, 1.65rem); line-height: 1.15; }
  .sf-page[data-page="about"] #clinical-judgment .sf-content-card p { margin: 0; color: var(--forest-800); font-size: clamp(1rem, 1.1vw, 1.12rem); font-weight: 500; line-height: 1.62; }
  .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media { overflow: hidden; inline-size: 100%; min-block-size: 100%; border-radius: 8rem 8rem .5rem .5rem; background: var(--sage-100); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media img { inline-size: 100%; block-size: clamp(43rem, 52vw, 51rem) !important; aspect-ratio: auto !important; object-fit: cover; object-position: 54% center; }
  .sf-page[data-page="about"] #clinical-judgment .sf-callout { grid-column: 1 / -1; margin-block-start: clamp(2.5rem, 5vw, 4.5rem); border: 1px solid var(--color-border-warm); border-inline-start: .3rem solid var(--rose-gold-600); border-radius: .4rem; background: color-mix(in srgb, var(--ivory-50) 72%, var(--blush-100)); box-shadow: none; padding: clamp(1.75rem, 3vw, 2.75rem); }
  .sf-page[data-page="about"] #clinical-judgment .sf-callout h2 { margin: 0 0 .65rem; color: var(--forest-900); font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.15; }
  .sf-page[data-page="about"] #clinical-judgment .sf-callout p { max-inline-size: 70ch; margin: 0; color: var(--forest-800); font-size: clamp(1.05rem, 1.25vw, 1.2rem); font-weight: 500; line-height: 1.65; }

  /* 04 · consultation experience as an editorial promise rail */
  .sf-page[data-page="about"] #what-you-can-expect .sf-statement-inner { display: grid; grid-template-columns: minmax(15rem, .52fr) minmax(0, 1.48fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-section-head { grid-column: 1; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); counter-reset: about-expect; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card { position: relative; min-block-size: 9.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem 1.35rem 1.25rem 3.7rem; counter-increment: about-expect; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card::before { content: "0" counter(about-expect); position: absolute; inset: 1.25rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card h2 { font-size: 1.3rem; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-content-card p { color: var(--color-text-secondary); font-size: .85rem; line-height: 1.55; }
  .sf-page[data-page="about"] #what-you-can-expect .sf-practitioner-quote { grid-column: 1; max-inline-size: 23rem; margin-block-start: 2rem; }

  /* 05 · clinic portrait and quiet-room index */
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media-layout { grid-template-columns: minmax(17rem, .68fr) minmax(0, 1.32fr); align-items: center; gap: clamp(2.5rem, 6vw, 7rem); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media { grid-column: 1; grid-row: 1; justify-self: start; overflow: hidden; border: 0; border-radius: .5rem 10rem .5rem .5rem; background: var(--blush-100); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media img { block-size: 40rem; aspect-ratio: 4 / 5; object-fit: contain; object-position: center bottom; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-section-inner { grid-column: 2; grid-row: 1; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-section-inner > p { max-inline-size: 58ch; color: var(--color-text-secondary); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card { min-block-size: 7.5rem; border: 0; border-radius: 0; background: transparent; padding: 1rem 1.2rem; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card h2 { font-size: 1.25rem; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card p { color: var(--color-text-secondary); font-size: .82rem; line-height: 1.5; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card--link { background: color-mix(in srgb, var(--blush-100) 48%, transparent); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-practitioner-quote { max-inline-size: 35rem; margin: 1.75rem 0 0 auto; }

  /* 06 · technology capability index */
  .sf-page[data-page="about"] #technology-with-purpose .sf-section-inner { display: grid; grid-template-columns: minmax(16rem, .56fr) minmax(0, 1.44fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-section-head,
  .sf-page[data-page="about"] #technology-with-purpose .sf-section-inner > p,
  .sf-page[data-page="about"] #technology-with-purpose .sf-button-row { grid-column: 1; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-section-inner > p { color: rgb(255 253 249 / .72); }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid rgb(234 213 173 / .38); counter-reset: about-tech; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card { position: relative; min-block-size: 9rem; border: 0; border-radius: 0; background: transparent; color: var(--ivory-50); padding: 1.25rem 1.25rem 1.25rem 3.7rem; counter-increment: about-tech; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card::before { content: "0" counter(about-tech); position: absolute; inset: 1.2rem auto auto 1rem; color: var(--gold-200); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card:nth-child(even) { border-inline-start: 1px solid rgb(234 213 173 / .24); }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid rgb(234 213 173 / .24); }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card h2 { color: var(--ivory-50); font-size: 1.3rem; }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card p { color: rgb(255 253 249 / .68); font-size: .84rem; line-height: 1.52; }

  /* 07 · continuation of care as a four-stage handoff */
  .sf-page[data-page="about"] #after-treatment .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.24fr) minmax(17rem, .56fr); align-items: center; gap: clamp(2.5rem, 6vw, 6.5rem); }
  .sf-page[data-page="about"] #after-treatment .sf-content-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); counter-reset: about-aftercare; }
  .sf-page[data-page="about"] #after-treatment .sf-content-card { position: relative; min-block-size: 11rem; border: 0; border-radius: 0; background: transparent; padding: 3.2rem 1rem 1.15rem; counter-increment: about-aftercare; }
  .sf-page[data-page="about"] #after-treatment .sf-content-card::before { content: "0" counter(about-aftercare); position: absolute; inset: .9rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.15rem; font-style: italic; }
  .sf-page[data-page="about"] #after-treatment .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #after-treatment .sf-content-card h2 { font-size: 1.22rem; }
  .sf-page[data-page="about"] #after-treatment .sf-content-card p { color: var(--color-text-secondary); font-size: .82rem; line-height: 1.5; }
  .sf-page[data-page="about"] #after-treatment .sf-editorial-media { overflow: hidden; border-radius: 10rem 10rem .5rem .5rem; }
  .sf-page[data-page="about"] #after-treatment .sf-editorial-media img { block-size: 34rem; aspect-ratio: 3 / 4; object-fit: cover; object-position: 58% center; }

  /* 08 · value words and final portrait before the approved CTA */
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.25fr) minmax(17rem, .55fr); align-items: center; gap: clamp(2.5rem, 6vw, 7rem); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card { min-block-size: 7.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.1rem 1.25rem; }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card h2 { color: var(--rose-gold-700); font-size: clamp(1.4rem, 2vw, 1.9rem); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card p { color: var(--color-text-secondary); font-size: .84rem; }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-editorial-media { overflow: hidden; border: 0; border-radius: 10rem 10rem .5rem .5rem; background: linear-gradient(150deg, var(--sage-100), var(--blush-100)); }
  .sf-page[data-page="about"] #the-values-behind-the-work .sf-editorial-media img { block-size: 38rem; aspect-ratio: 3 / 4; object-fit: contain; object-position: center bottom; }

  /* Approved CTA — retain its existing proportions. */
  .sf-page[data-page="about"] #continue-the-story .sf-bottom-cta__inner { max-inline-size: min(66rem, calc(100% - 2 * var(--page-gutter))); }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="about"] :is(#why-this-work, #clinical-judgment, #the-clinic-experience, #after-treatment, #the-values-behind-the-work) .sf-editorial-media-layout { gap: 2.5rem; }
    .sf-page[data-page="about"] #after-treatment .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="about"] #after-treatment .sf-content-card:nth-child(odd) { border-inline-start: 0; }
    .sf-page[data-page="about"] #after-treatment .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="about"] #why-this-work .sf-editorial-media-layout,
    .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media-layout,
    .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media-layout,
    .sf-page[data-page="about"] #after-treatment .sf-editorial-media-layout,
    .sf-page[data-page="about"] #the-values-behind-the-work .sf-editorial-media-layout,
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-section-inner,
    .sf-page[data-page="about"] #what-you-can-expect .sf-statement-inner,
    .sf-page[data-page="about"] #technology-with-purpose .sf-section-inner { display: grid; grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #why-this-work .sf-section-inner,
    .sf-page[data-page="about"] #clinical-judgment .sf-section-inner,
    .sf-page[data-page="about"] #the-clinic-experience .sf-section-inner,
    .sf-page[data-page="about"] #after-treatment .sf-section-inner,
    .sf-page[data-page="about"] #the-values-behind-the-work .sf-section-inner { grid-column: 1; grid-row: 1; }
    .sf-page[data-page="about"] #why-this-work .sf-editorial-media,
    .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media,
    .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media,
    .sf-page[data-page="about"] #after-treatment .sf-editorial-media,
    .sf-page[data-page="about"] #the-values-behind-the-work .sf-editorial-media { grid-column: 1; grid-row: 2; inline-size: min(100%, 22rem); justify-self: center; margin-block-start: 2rem; }
    .sf-page[data-page="about"] :is(#why-this-work, #the-clinic-experience, #the-values-behind-the-work) .sf-editorial-media img { min-block-size: 0; block-size: auto; max-block-size: 31rem; }
    .sf-page[data-page="about"] :is(#clinical-judgment, #after-treatment) .sf-editorial-media img { block-size: 27rem; }
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card-grid,
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-practitioner-quote,
    .sf-page[data-page="about"] #what-you-can-expect .sf-content-card-grid,
    .sf-page[data-page="about"] #what-you-can-expect .sf-practitioner-quote,
    .sf-page[data-page="about"] #technology-with-purpose .sf-content-card-grid { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card-grid,
    .sf-page[data-page="about"] #what-you-can-expect .sf-content-card-grid,
    .sf-page[data-page="about"] #technology-with-purpose .sf-content-card-grid,
    .sf-page[data-page="about"] #the-clinic-experience .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card + .sf-content-card,
    .sf-page[data-page="about"] #what-you-can-expect .sf-content-card:nth-child(n),
    .sf-page[data-page="about"] #technology-with-purpose .sf-content-card:nth-child(n),
    .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(n) { border-inline: 0; }
    .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card + .sf-content-card,
    .sf-page[data-page="about"] #what-you-can-expect .sf-content-card + .sf-content-card,
    .sf-page[data-page="about"] #technology-with-purpose .sf-content-card + .sf-content-card,
    .sf-page[data-page="about"] #the-clinic-experience .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="about"] #why-this-work .sf-content-card-grid,
    .sf-page[data-page="about"] #clinical-judgment .sf-content-card-grid,
    .sf-page[data-page="about"] #the-values-behind-the-work .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] :is(#why-this-work, #clinical-judgment, #the-values-behind-the-work) .sf-content-card:nth-child(n) { border-inline: 0; }
    .sf-page[data-page="about"] :is(#why-this-work, #clinical-judgment, #the-values-behind-the-work) .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="about"] #after-treatment .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #after-treatment .sf-content-card + .sf-content-card { border-inline-start: 0; border-block-start: 1px solid var(--color-border-subtle); }

    .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media-layout { display: grid; grid-template-columns: 1fr; gap: 0; }
    .sf-page[data-page="about"] #clinical-judgment .sf-recommendation-content { display: contents; }
    .sf-page[data-page="about"] #clinical-judgment .sf-section-head,
    .sf-page[data-page="about"] #clinical-judgment .sf-recommendation-introduction { grid-column: 1; order: 1; }
    .sf-page[data-page="about"] #clinical-judgment .sf-recommendation-introduction { margin-block: 1.25rem 2.25rem; }
    .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media { grid-column: 1; grid-row: auto; order: 2; inline-size: 100%; max-inline-size: none; margin: 0; border-radius: 5rem 5rem .5rem .5rem; }
    .sf-page[data-page="about"] #clinical-judgment .sf-editorial-media img { block-size: auto !important; min-block-size: 0; aspect-ratio: 4 / 5 !important; }
    .sf-page[data-page="about"] #clinical-judgment .sf-content-card-grid { grid-column: 1; order: 3; grid-template-columns: 1fr; margin-block: 2.5rem 0; }
    .sf-page[data-page="about"] #clinical-judgment .sf-content-card { min-block-size: 0; padding: 1.6rem 1.25rem 1.6rem 4rem; }
    .sf-page[data-page="about"] #clinical-judgment .sf-content-card:nth-child(n) { border-inline: 0; }
    .sf-page[data-page="about"] #clinical-judgment .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="about"] #clinical-judgment .sf-callout { grid-column: 1; order: 4; margin-block-start: 2.5rem; }
  }
}

/* Source: css/src/pages/mission.css */
@layer pages {
  .sf-page[data-page="mission"] #why-it-matters .sf-editorial-media-layout { display: block; max-inline-size: var(--editorial-standard); margin-inline: auto; border: 1px solid var(--color-border-warm); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md); background: color-mix(in srgb, var(--white) 70%, transparent); padding: clamp(2rem, 6vw, 5.5rem); }
  .sf-page[data-page="mission"] #why-it-matters .sf-section-inner { display: grid; grid-template-columns: minmax(14rem, .62fr) minmax(0, 1.38fr); gap: clamp(2rem, 7vw, 7rem); align-items: start; }
  .sf-page[data-page="mission"] #why-it-matters .sf-section-head { grid-row: 1 / span 3; }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card-grid { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card { min-block-size: 9rem; border: 0; border-radius: 0; background: transparent; padding: 1.25rem; }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="mission"] #why-it-matters .sf-practitioner-quote { grid-column: 2; margin: 0; }
  .sf-page[data-page="mission"] #the-change .sf-content-card { min-block-size: 10rem; align-content: start; }
  .sf-page[data-page="mission"] #science-with-humanity .sf-statement-inner { max-inline-size: min(70rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="mission"] #natural-beauty .sf-statement-inner { margin-inline-end: max(var(--page-gutter), calc((100% - var(--container-standard)) / 2)); margin-inline-start: auto; }
  .sf-page[data-page="mission"] #a-calmer-space .sf-statement-inner { border-radius: var(--radius-arch) var(--radius-lg) var(--radius-arch) var(--radius-lg); }
  .sf-page[data-page="mission"] #mission-in-action .sf-content-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card { min-block-size: 12rem; border: 0; border-radius: 0; background: transparent; padding: clamp(1.4rem, 3vw, 2.4rem); }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-subtle); }
  @media (max-width: 47.999rem) { .sf-page[data-page="mission"] #why-it-matters .sf-section-inner { grid-template-columns: 1fr; } .sf-page[data-page="mission"] #why-it-matters .sf-section-head, .sf-page[data-page="mission"] #why-it-matters .sf-content-card-grid, .sf-page[data-page="mission"] #why-it-matters .sf-practitioner-quote { grid-column: 1; grid-row: auto; } .sf-page[data-page="mission"] #why-it-matters .sf-content-card-grid, .sf-page[data-page="mission"] #science-with-humanity .sf-content-card-grid { grid-template-columns: 1fr; } .sf-page[data-page="mission"] :is(#why-it-matters, #science-with-humanity) .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); border-inline-start: 0; } }
}

/* Source: css/src/pages/values.css */
@layer pages {
  /* Bring the values chapters back into the site’s shared editorial system. */
  .sf-page[data-page="values"] .sf-values-chapter { position: relative; isolation: isolate; }
  .sf-page[data-page="values"] .sf-values-chapter:not(.sf-values-chapter--dark)::before { content: ""; position: absolute; inset: 0 max(0px, calc((100% - var(--editorial-wide)) / 2)); z-index: -1; border-inline: 1px solid color-mix(in srgb, var(--gold-500) 14%, transparent); pointer-events: none; }
  .sf-page[data-page="values"] .sf-values-heading { padding-block-start: 0; }
  .sf-page[data-page="values"] .sf-values-number { inset: -1rem auto auto -.5rem; color: color-mix(in srgb, var(--rose-gold-700) 12%, transparent); font-size: clamp(4.5rem, 7vw, 7rem); }
  .sf-page[data-page="values"] .sf-values-media { border-radius: .6rem 5rem .6rem .6rem; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="values"] .sf-values-media--portrait { border-radius: 6rem 6rem .6rem .6rem; }
  .sf-page[data-page="values"] .sf-values-impact { color: var(--color-text-secondary); }
  .sf-page[data-page="values"] .sf-values-chapter--dark .sf-values-impact { color: rgb(255 253 249 / .86); }
  .sf-page[data-page="values"] .sf-values-chapter { padding-block: clamp(4.75rem, 8vw, 8rem); }

  .sf-page[data-page="values"] :is(.sf-values-layout, .sf-values-decision, .sf-values-clarity, .sf-values-restraint, .sf-values-safety, .sf-values-honesty, .sf-values-respect) { min-inline-size: 0; }

  .sf-page[data-page="values"] .sf-values-heading { position: relative; max-inline-size: 48rem; padding-block-start: 1.15rem; }
  .sf-page[data-page="values"] .sf-values-number { position: absolute; inset: -.25rem auto auto -.1rem; color: color-mix(in srgb, var(--rose-gold-700) 18%, transparent); font-family: var(--font-heading); font-size: clamp(5.5rem, 9vw, 9rem); font-style: italic; line-height: .7; pointer-events: none; }
  .sf-page[data-page="values"] .sf-values-heading > :not(.sf-values-number) { position: relative; z-index: 1; }
  .sf-page[data-page="values"] .sf-values-heading .sf-eyebrow { margin-block-end: .8rem; }
  .sf-page[data-page="values"] .sf-values-heading h2 { max-inline-size: 15ch; font-size: clamp(2.8rem, 5vw, 5.35rem); line-height: .96; text-wrap: balance; }
  .sf-page[data-page="values"] .sf-values-impact { max-inline-size: 61ch; color: var(--color-text-secondary); font-size: clamp(1.06rem, 1.25vw, 1.25rem); line-height: 1.72; }

  .sf-page[data-page="values"] .sf-values-layout { display: grid; align-items: center; gap: clamp(2.75rem, 7vw, 7.5rem); }
  .sf-page[data-page="values"] .sf-values-layout--media { grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .78fr); }
  .sf-page[data-page="values"] .sf-values-layout--portrait { grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr); }
  .sf-page[data-page="values"] .sf-values-copy > .sf-values-impact { margin-block-start: clamp(1.5rem, 3vw, 2.5rem); }

  .sf-page[data-page="values"] .sf-values-media { position: relative; overflow: hidden; margin: 0; border: 1px solid color-mix(in srgb, var(--gold-500) 38%, transparent); border-radius: .9rem; background: var(--ivory-100); box-shadow: 0 1.5rem 3.5rem rgb(62 51 35 / .13); }
  .sf-page[data-page="values"] .sf-values-media img { inline-size: 100%; object-fit: cover; }
  .sf-page[data-page="values"] .sf-values-media--landscape img { aspect-ratio: 16 / 10; }
  .sf-page[data-page="values"] .sf-values-media--portrait { inline-size: min(100%, 27rem); justify-self: center; }
  .sf-page[data-page="values"] .sf-values-media--portrait img { aspect-ratio: 4 / 5; object-position: center top; }
  .sf-page[data-page="values"] .sf-values-media figcaption { border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 24%, transparent); color: var(--color-text-secondary); padding: .85rem 1rem 1rem; font-size: .75rem; line-height: 1.5; }

  .sf-page[data-page="values"] .sf-values-examples { margin-block-start: clamp(2rem, 4vw, 3rem); border-block: 1px solid color-mix(in srgb, var(--gold-500) 30%, transparent); padding-block: 1.35rem; }
  .sf-page[data-page="values"] .sf-values-examples > h3 { margin-block-end: 1.2rem; color: var(--rose-gold-700); font-family: var(--font-body); font-size: .7rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-value-example { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 1rem; padding-block: .9rem; }
  .sf-page[data-page="values"] .sf-value-example + .sf-value-example { border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 20%, transparent); }
  .sf-page[data-page="values"] .sf-value-icon { inline-size: 2rem; block-size: 2rem; object-fit: contain; }
  .sf-page[data-page="values"] .sf-value-example h4 { margin: 0 0 .25rem; color: var(--forest-900); font-family: var(--font-heading); font-size: 1.18rem; font-weight: 500; }
  .sf-page[data-page="values"] .sf-value-example p { margin: 0; color: var(--color-text-secondary); font-size: .88rem; line-height: 1.58; }

  .sf-page[data-page="values"] .sf-values-chapter--dark { color: var(--ivory-50); }
  .sf-page[data-page="values"] .sf-values-chapter--dark .sf-values-number { color: rgb(234 213 173 / .1); }
  .sf-page[data-page="values"] .sf-values-chapter--dark :is(h2, h3, .sf-values-impact) { color: var(--ivory-50); }
  .sf-page[data-page="values"] .sf-values-chapter--dark .sf-values-impact { color: rgb(255 253 249 / .76); }
  .sf-page[data-page="values"] .sf-values-chapter--dark .sf-value-icon { filter: brightness(0) saturate(100%) invert(89%) sepia(25%) saturate(447%) hue-rotate(355deg) brightness(98%); }

  .sf-page[data-page="values"] .sf-values-decision { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); column-gap: clamp(3rem, 8vw, 9rem); }
  .sf-page[data-page="values"] .sf-values-decision > .sf-values-impact { align-self: end; }
  .sf-page[data-page="values"] .sf-values-decision-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-start: clamp(2.5rem, 5vw, 4.5rem); border-block: 1px solid rgb(234 213 173 / .35); }
  .sf-page[data-page="values"] .sf-values-decision-grid article { padding: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="values"] .sf-values-decision-grid article + article { border-inline-start: 1px solid rgb(234 213 173 / .24); }
  .sf-page[data-page="values"] .sf-values-decision-grid h3 { margin-block: 1.3rem .6rem; font-size: clamp(1.35rem, 1.8vw, 1.75rem); }
  .sf-page[data-page="values"] .sf-values-decision-grid p { color: rgb(255 253 249 / .68); font-size: .9rem; line-height: 1.62; }
  .sf-page[data-page="values"] .sf-values-verdict { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 2rem; align-items: baseline; padding-block-start: 1.5rem; }
  .sf-page[data-page="values"] .sf-values-verdict span { color: var(--gold-200); font-size: .7rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-values-verdict p { color: rgb(255 253 249 / .82); font-family: var(--font-heading); font-size: clamp(1.25rem, 2vw, 2rem); }

  .sf-page[data-page="values"] .sf-values-clarity { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(3rem, 8vw, 9rem); }
  .sf-page[data-page="values"] .sf-values-clarity .sf-values-heading .sf-values-impact { margin-block-start: 1.75rem; }
  .sf-page[data-page="values"] .sf-values-stages { margin: 0; padding: 0; border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 36%, transparent); list-style: none; }
  .sf-page[data-page="values"] .sf-values-stages li { display: grid; grid-template-columns: minmax(8rem, .38fr) minmax(0, 1fr); gap: 1.5rem; padding-block: 1.6rem; border-block-end: 1px solid color-mix(in srgb, var(--gold-500) 28%, transparent); }
  .sf-page[data-page="values"] .sf-values-stages li > span { color: var(--rose-gold-700); font-size: .69rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-values-stages h3 { margin: 0 0 .35rem; font-size: clamp(1.3rem, 1.65vw, 1.65rem); }
  .sf-page[data-page="values"] .sf-values-stages p { color: var(--color-text-secondary); font-size: .9rem; line-height: 1.6; }
  .sf-page[data-page="values"] .sf-values-quote { margin: clamp(2.5rem, 5vw, 4rem) 0 0; border-inline-start: 2px solid var(--rose-gold-500); padding: .5rem 0 .5rem clamp(1.25rem, 3vw, 2.25rem); }
  .sf-page[data-page="values"] .sf-values-clarity > .sf-values-quote { grid-column: 1 / -1; max-inline-size: 48rem; justify-self: end; }
  .sf-page[data-page="values"] .sf-values-quote p { color: var(--forest-900); font-family: var(--font-heading); font-size: clamp(1.5rem, 2.6vw, 2.5rem); font-style: italic; line-height: 1.3; }
  .sf-page[data-page="values"] .sf-values-quote cite { display: block; margin-block-start: .75rem; color: var(--rose-gold-700); font-size: .72rem; font-style: normal; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

  .sf-page[data-page="values"] .sf-values-restraint { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: end; gap: clamp(2.5rem, 7vw, 8rem); }
  .sf-page[data-page="values"] .sf-values-restraint__statement { border-block: 1px solid color-mix(in srgb, var(--rose-gold-500) 35%, transparent); padding-block: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="values"] .sf-values-restraint__statement p { color: var(--forest-800); font-family: var(--font-heading); font-size: clamp(1.4rem, 2.3vw, 2.25rem); line-height: 1.4; }
  .sf-page[data-page="values"] .sf-values-mini-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-start: clamp(2rem, 4vw, 3rem); }
  .sf-page[data-page="values"] .sf-values-mini-grid article { padding: 1.5rem clamp(1rem, 3vw, 2.25rem); }
  .sf-page[data-page="values"] .sf-values-mini-grid article + article { border-inline-start: 1px solid color-mix(in srgb, var(--rose-gold-500) 28%, transparent); }
  .sf-page[data-page="values"] .sf-values-mini-grid span { color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="values"] .sf-values-mini-grid h3 { margin-block: .8rem .5rem; font-size: clamp(1.25rem, 1.6vw, 1.55rem); }
  .sf-page[data-page="values"] .sf-values-mini-grid p { color: var(--color-text-secondary); font-size: .88rem; line-height: 1.6; }

  .sf-page[data-page="values"] .sf-values-contrast { margin-block-start: 2.5rem; }
  .sf-page[data-page="values"] .sf-values-contrast > h3 { margin-block-end: 1rem; color: var(--rose-gold-700); font-family: var(--font-body); font-size: .7rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-values-contrast dl { border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 32%, transparent); }
  .sf-page[data-page="values"] .sf-values-contrast dl > div { display: grid; grid-template-columns: minmax(8rem, .4fr) minmax(0, 1fr); gap: 1.25rem; padding-block: 1.15rem; border-block-end: 1px solid color-mix(in srgb, var(--gold-500) 25%, transparent); }
  .sf-page[data-page="values"] .sf-values-contrast dt { color: var(--forest-900); font-family: var(--font-heading); font-size: 1.15rem; }
  .sf-page[data-page="values"] .sf-values-contrast dd { color: var(--color-text-secondary); font-size: .88rem; line-height: 1.58; }

  .sf-page[data-page="values"] .sf-values-safety { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(20rem, .88fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
  .sf-page[data-page="values"] .sf-values-safety .sf-values-media { border-color: rgb(234 213 173 / .35); background: transparent; box-shadow: none; }
  .sf-page[data-page="values"] .sf-values-safety__steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-block: 1px solid rgb(234 213 173 / .34); list-style: none; }
  .sf-page[data-page="values"] .sf-values-safety__steps li { display: grid; grid-template-columns: 2rem 1fr; gap: .7rem; padding: 1.5rem clamp(1rem, 2.5vw, 2rem); }
  .sf-page[data-page="values"] .sf-values-safety__steps li + li { border-inline-start: 1px solid rgb(234 213 173 / .22); }
  .sf-page[data-page="values"] .sf-values-safety__steps .sf-value-icon { grid-row: 1 / span 2; }
  .sf-page[data-page="values"] .sf-values-safety__steps span { color: var(--gold-200); font-family: var(--font-heading); font-size: .8rem; font-style: italic; }
  .sf-page[data-page="values"] .sf-values-safety__steps h3 { margin: 0; font-size: 1.35rem; }
  .sf-page[data-page="values"] .sf-values-safety__steps p { grid-column: 1 / -1; margin-block-start: .5rem; color: rgb(255 253 249 / .68); font-size: .84rem; line-height: 1.58; }

  .sf-page[data-page="values"] .sf-values-honesty > .sf-values-heading { max-inline-size: 68rem; }
  .sf-page[data-page="values"] .sf-values-honesty > .sf-values-heading h2 { max-inline-size: 13ch; }
  .sf-page[data-page="values"] .sf-values-honesty > .sf-values-heading .sf-values-impact { max-inline-size: 63ch; margin-block-start: 1.75rem; }
  .sf-page[data-page="values"] .sf-values-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-block-start: clamp(2.5rem, 5vw, 4rem); }
  .sf-page[data-page="values"] .sf-values-ledger article { min-block-size: 17rem; border-block-start: 2px solid var(--rose-gold-500); background: rgb(255 253 249 / .58); padding: clamp(1.5rem, 3vw, 2.4rem); }
  .sf-page[data-page="values"] .sf-values-ledger__label { color: var(--rose-gold-700) !important; font-size: .66rem !important; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-values-ledger h3 { margin-block: 2rem .8rem; font-size: clamp(1.35rem, 1.8vw, 1.8rem); }
  .sf-page[data-page="values"] .sf-values-ledger article > p:last-child { color: var(--color-text-secondary); font-size: .9rem; line-height: 1.62; }
  .sf-page[data-page="values"] .sf-values-honesty__close { max-inline-size: 42rem; margin: clamp(2.5rem, 5vw, 4rem) 0 0 auto; color: var(--forest-800); font-family: var(--font-heading); font-size: clamp(1.3rem, 2vw, 1.9rem); line-height: 1.45; }

  .sf-page[data-page="values"] .sf-values-respect > .sf-values-heading { max-inline-size: 70rem; }
  .sf-page[data-page="values"] .sf-values-respect > .sf-values-heading h2 { max-inline-size: 13ch; }
  .sf-page[data-page="values"] .sf-values-respect > .sf-values-heading .sf-values-impact { max-inline-size: 61ch; margin-block-start: 1.75rem; }
  .sf-page[data-page="values"] .sf-values-respect__body { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(3rem, 8vw, 9rem); margin-block-start: clamp(2.5rem, 5vw, 4.5rem); }
  .sf-page[data-page="values"] .sf-values-respect__body .sf-values-quote { margin: 0; }
  .sf-page[data-page="values"] .sf-values-respect__list { border-block: 1px solid color-mix(in srgb, var(--gold-500) 32%, transparent); padding-block: 1.25rem; }
  .sf-page[data-page="values"] .sf-values-respect__list > h3 { margin-block-end: 1rem; color: var(--rose-gold-700); font-family: var(--font-body); font-size: .7rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
  .sf-page[data-page="values"] .sf-values-respect__list ul { margin: 0; padding: 0; list-style: none; }
  .sf-page[data-page="values"] .sf-values-respect__list li { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); gap: .85rem; align-items: center; padding-block: .85rem; color: var(--forest-800); font-size: .92rem; line-height: 1.48; }
  .sf-page[data-page="values"] .sf-values-respect__list li + li { border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 20%, transparent); }
  .sf-page[data-page="values"] .sf-values-respect__list img { inline-size: 1.6rem; block-size: 1.6rem; object-fit: contain; }

  .sf-page[data-page="values"] #responsibility .sf-content-card { min-block-size: 12rem; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="values"] :is(.sf-values-layout--media, .sf-values-layout--portrait, .sf-values-safety) { grid-template-columns: minmax(0, 1fr) minmax(16rem, .62fr); gap: 2.5rem; }
    .sf-page[data-page="values"] .sf-values-decision { grid-template-columns: 1fr; }
    .sf-page[data-page="values"] .sf-values-decision > .sf-values-impact { margin-block-start: 1.5rem; }
    .sf-page[data-page="values"] .sf-values-clarity { gap: 3rem; }
    .sf-page[data-page="values"] .sf-values-safety__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="values"] .sf-values-safety__steps li:nth-child(3) { border-inline-start: 0; }
    .sf-page[data-page="values"] .sf-values-safety__steps li:nth-child(n + 3) { border-block-start: 1px solid rgb(234 213 173 / .22); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="values"] .sf-values-chapter { padding-block: clamp(3.75rem, 12vw, 5.25rem); }
    .sf-page[data-page="values"] :is(.sf-values-layout--media, .sf-values-layout--portrait, .sf-values-clarity, .sf-values-restraint, .sf-values-safety, .sf-values-respect__body) { grid-template-columns: 1fr; }
    .sf-page[data-page="values"] .sf-values-layout--media .sf-values-media { grid-row: 1; }
    .sf-page[data-page="values"] .sf-values-layout--media .sf-values-copy { grid-row: 2; }
    .sf-page[data-page="values"] .sf-values-media--portrait { inline-size: min(78vw, 22rem); }
    .sf-page[data-page="values"] .sf-values-decision-grid,
    .sf-page[data-page="values"] .sf-values-mini-grid,
    .sf-page[data-page="values"] .sf-values-ledger { grid-template-columns: 1fr; }
    .sf-page[data-page="values"] .sf-values-decision-grid article + article,
    .sf-page[data-page="values"] .sf-values-mini-grid article + article { border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 24%, transparent); border-inline-start: 0; }
    .sf-page[data-page="values"] .sf-values-verdict { display: block; }
    .sf-page[data-page="values"] .sf-values-verdict p { margin-block-start: .75rem; }
    .sf-page[data-page="values"] .sf-values-clarity > .sf-values-quote { grid-column: 1; }
    .sf-page[data-page="values"] .sf-values-mini-grid { grid-column: 1; }
    .sf-page[data-page="values"] .sf-values-ledger article { min-block-size: 0; }
  }

  @media (max-width: 34rem) {
    .sf-page[data-page="values"] .sf-values-heading h2 { font-size: clamp(2.45rem, 12vw, 3.35rem); }
    .sf-page[data-page="values"] .sf-values-stages li,
    .sf-page[data-page="values"] .sf-values-contrast dl > div { grid-template-columns: 1fr; gap: .6rem; }
    .sf-page[data-page="values"] .sf-values-safety__steps { grid-template-columns: 1fr; }
    .sf-page[data-page="values"] .sf-values-safety__steps li:nth-child(n) { border-inline-start: 0; }
    .sf-page[data-page="values"] .sf-values-safety__steps li + li { border-block-start: 1px solid rgb(234 213 173 / .22); }
  }
}

/* Source: css/src/pages/treatments.css */
@layer pages {
  .sf-page[data-page="treatments"] {
    --treatment-line: color-mix(in srgb, var(--gold-500) 42%, transparent);
    --treatment-surface: rgb(255 253 249 / .96);
  }

  .sf-page[data-page="treatments"] :is(.sf-section[data-treatment-filterable], #treatment-finder) {
    scroll-margin-block-start: 5.5rem;
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(21rem, .62fr) minmax(24rem, 1.38fr);
    align-items: end;
    column-gap: clamp(2.5rem, 6vw, 7rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene > .sf-section-head {
    grid-column: 1;
    align-self: start;
    margin: 0;
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene > .sf-lede {
    grid-column: 2;
    align-self: end;
    margin: 0;
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene > :is(.sf-treatment-menu, .sf-process-list, .sf-treatment-back) {
    grid-column: 1 / -1;
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene > .sf-treatment-menu {
    margin-block-start: clamp(2.5rem, 5vw, 5rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene .sf-section-head h2 {
    max-inline-size: 18ch;
    font-size: clamp(2.5rem, 4vw, 4.75rem);
    line-height: .96;
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene .sf-chapter-number {
    color: var(--rose-gold-600);
    font-size: clamp(3.1rem, 4.8vw, 5.5rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-scene .sf-eyebrow {
    color: var(--rose-gold-700);
    font-size: clamp(.875rem, .82rem + .15vw, .95rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu {
    max-inline-size: none;
    border: 0;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card {
    min-block-size: 0;
    border: 1px solid var(--treatment-line);
    border-radius: 0;
    background: var(--treatment-surface);
    color: var(--forest-900);
    box-shadow: 0 1rem 3rem rgb(53 62 43 / .08);
    transform: none;
    transition: border-color var(--duration-fast), box-shadow var(--duration-standard);
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card:hover {
    translate: 0;
    border-color: color-mix(in srgb, var(--rose-gold-600) 55%, var(--gold-300));
    box-shadow: 0 1.25rem 3.5rem rgb(53 62 43 / .12);
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__media {
    min-block-size: 0;
    border-radius: 0;
    background: linear-gradient(145deg, var(--sage-100), var(--blush-100));
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__media::after {
    background: linear-gradient(180deg, transparent 68%, rgb(36 49 41 / .16));
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__media img {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__copy {
    min-inline-size: 0;
    align-content: start;
    gap: 1rem;
    padding: clamp(1.35rem, 2.5vw, 2.5rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__copy :is(h3, h4) {
    max-inline-size: 25ch;
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.05;
    text-transform: none;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__copy > p:not(.sf-treatment-menu-card__label) {
    max-inline-size: 58ch;
    color: var(--ink-700);
    font-size: clamp(1rem, .15vw + .98rem, 1.08rem);
    line-height: 1.65;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card__label {
    color: var(--rose-gold-700);
    font-size: .875rem;
    font-weight: 820;
    letter-spacing: .14em;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-tags { gap: .45rem; }

  .sf-page[data-page="treatments"] .sf-treatment-menu-tags li {
    border-color: color-mix(in srgb, var(--olive-700) 26%, transparent);
    background: var(--sage-50);
    color: var(--forest-800);
    font-size: .875rem;
    font-weight: 620;
  }

  .sf-page[data-page="treatments"] .sf-treatment-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem 1rem;
    margin: 0;
    border-block: 1px solid color-mix(in srgb, var(--gold-500) 30%, transparent);
    padding-block: .85rem;
  }

  .sf-page[data-page="treatments"] .sf-treatment-meta div { min-inline-size: 0; }
  .sf-page[data-page="treatments"] .sf-treatment-meta dt { color: var(--rose-gold-700); font-size: .875rem; font-weight: 820; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
  .sf-page[data-page="treatments"] .sf-treatment-meta dd { margin: .25rem 0 0; color: var(--forest-800); font-size: .9rem; line-height: 1.45; }

  .sf-page[data-page="treatments"] .sf-treatment-menu-note {
    border: 0;
    border-inline-start: 2px solid var(--gold-500);
    background: color-mix(in srgb, var(--champagne-100) 48%, transparent);
    padding: .75rem .9rem;
    color: var(--forest-800);
    font-size: .9rem;
    line-height: 1.5;
  }

  .sf-page[data-page="treatments"] .sf-text-link {
    inline-size: fit-content;
    color: var(--forest-900);
    font-size: .9rem;
    font-weight: 780;
    text-decoration-color: var(--rose-gold-600);
  }

  .sf-page[data-page="treatments"] .sf-treatment-back {
    inline-size: fit-content;
    justify-self: end;
    margin-block-start: 2rem;
    color: var(--forest-800);
    font-size: .875rem;
    font-weight: 760;
    letter-spacing: .06em;
    text-decoration: none;
  }

  .sf-page[data-page="treatments"] .sf-treatment-back:hover { color: var(--rose-gold-700); }

  /* 01 — compact porcelain concierge */
  .sf-page[data-page="treatments"] #treatment-finder {
    overflow: visible;
    border-block: 1px solid var(--treatment-line);
    background:
      linear-gradient(110deg, rgb(255 253 249 / .98), rgb(250 242 235 / .96) 55%, rgb(240 238 224 / .9)),
      var(--ivory-50);
    box-shadow: 0 1.25rem 3rem rgb(83 65 41 / .06);
  }

  .sf-page[data-page="treatments"] #treatment-finder::after {
    content: "";
    position: absolute;
    inset: auto -3rem -4rem auto;
    z-index: 0;
    inline-size: 18rem;
    aspect-ratio: 1;
    background: url("../assets/shared/interface-icons/icone-botanico-ramo.svg") center / contain no-repeat;
    opacity: .08;
    pointer-events: none;
    rotate: -12deg;
  }

  .sf-page[data-page="treatments"] #treatment-finder .sf-treatment-scene {
    grid-template-columns: minmax(18rem, .58fr) minmax(0, 1.42fr);
    align-items: start;
    row-gap: 1rem;
  }

  .sf-page[data-page="treatments"] #treatment-finder .sf-section-head { grid-row: 1; }
  .sf-page[data-page="treatments"] #treatment-finder .sf-section-head h2 { max-inline-size: 14ch; font-size: clamp(2rem, 3vw, 3.35rem); }
  .sf-page[data-page="treatments"] #treatment-finder .sf-chapter-number { font-size: clamp(2.7rem, 3.5vw, 4rem); }
  .sf-page[data-page="treatments"] #treatment-finder .sf-lede { grid-column: 1; grid-row: 2; align-self: start; font-size: clamp(1rem, .4vw + .92rem, 1.15rem); }

  .sf-page[data-page="treatments"] .sf-treatment-finder {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-inline-size: 0;
    border-inline-start: 1px solid var(--rose-gold-500);
    padding-inline-start: clamp(1.5rem, 3.5vw, 3.5rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-finder__fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
  }

  .sf-page[data-page="treatments"] .sf-treatment-finder__field { min-inline-size: 0; }
  .sf-page[data-page="treatments"] .sf-treatment-finder__field label { display: block; margin-block-end: .45rem; color: var(--forest-900); font-size: .875rem; font-weight: 820; letter-spacing: .06em; }
  .sf-page[data-page="treatments"] .sf-treatment-finder__field select { inline-size: 100%; min-block-size: 3.35rem; border-color: color-mix(in srgb, var(--olive-700) 27%, transparent); border-radius: .35rem; background-color: rgb(255 253 249 / .94); color: var(--forest-900); font-size: .92rem; padding-inline: .8rem 2rem; }

  .sf-page[data-page="treatments"] .sf-treatment-finder__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-block-start: 1rem;
    border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 28%, transparent);
    padding-block-start: .9rem;
  }

  .sf-page[data-page="treatments"] .sf-treatment-finder__reset {
    min-block-size: 2.9rem;
    border: 1px solid var(--rose-gold-600);
    border-radius: 999px;
    background: var(--ivory-50);
    color: var(--forest-900);
    padding-inline: 1.25rem;
    font-size: .875rem;
    font-weight: 800;
  }

  .sf-page[data-page="treatments"] .sf-treatment-finder__reset:hover { background: var(--blush-100); }
  .sf-page[data-page="treatments"] .sf-treatment-finder__status { max-inline-size: 34rem; margin: 0; color: var(--forest-800); font-size: .875rem; line-height: 1.45; text-align: end; }

  /* Sticky category index: a real alignment rail, not a decorative guide. */
  .sf-page[data-page="treatments"] .sf-treatment-index {
    position: sticky;
    inset-block-start: 0;
    z-index: calc(var(--z-header) - 2);
    border-block-end: 1px solid var(--treatment-line);
    background: rgb(255 253 249 / .96);
    box-shadow: 0 .75rem 1.75rem rgb(50 58 42 / .07);
    backdrop-filter: blur(.9rem);
  }

  .sf-page[data-page="treatments"] .sf-treatment-index__inner {
    min-block-size: 4rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1.5rem;
  }

  .sf-page[data-page="treatments"] .sf-treatment-index__label { color: var(--rose-gold-700); font-size: .875rem; font-weight: 840; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
  .sf-page[data-page="treatments"] .sf-treatment-index__links { min-inline-size: 0; display: flex; justify-content: flex-end; gap: .3rem; }
  .sf-page[data-page="treatments"] .sf-treatment-index__links a { min-block-size: 2.65rem; display: inline-flex; align-items: center; gap: .38rem; border: 1px solid transparent; border-radius: 999px; padding-inline: clamp(.55rem, .9vw, .9rem); color: var(--forest-800); font-size: clamp(.875rem, .16vw + .84rem, .95rem); font-weight: 700; text-decoration: none; white-space: nowrap; }
  .sf-page[data-page="treatments"] .sf-treatment-index__links a span { color: var(--rose-gold-600); font-family: var(--font-heading); }
  .sf-page[data-page="treatments"] .sf-treatment-index__links a:hover { border-color: var(--treatment-line); background: var(--blush-50); }
  .sf-page[data-page="treatments"] .sf-treatment-index__links a[aria-current="location"] { border-color: var(--rose-gold-600); background: var(--champagne-100); color: var(--forest-900); }

  /* 02 — large asymmetrical feature */
  .sf-page[data-page="treatments"] #featured-treatment {
    background:
      radial-gradient(ellipse 42% 64% at 92% 12%, rgb(244 216 205 / .72), transparent 72%),
      radial-gradient(ellipse 35% 62% at 5% 92%, rgb(233 214 174 / .42), transparent 74%),
      linear-gradient(135deg, var(--ivory-50), var(--blush-50));
  }

  .sf-page[data-page="treatments"] #featured-treatment::before {
    content: "";
    position: absolute;
    inset: 4rem auto auto -4rem;
    inline-size: min(30vw, 28rem);
    aspect-ratio: 1;
    background: url("../assets/shared/interface-icons/icone-olive-ramo.svg") center / contain no-repeat;
    opacity: .09;
    pointer-events: none;
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] { display: block; }
  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(22rem, .72fr); overflow: hidden; border-radius: 9rem 1rem 1rem 1rem; box-shadow: 0 2rem 5rem rgb(83 65 41 / .14); }
  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card__media { border-radius: 8.6rem 0 0; }
  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card__media img { aspect-ratio: 4 / 3; object-position: 54% center; }
  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card__copy { align-content: center; padding: clamp(2rem, 4.5vw, 4.75rem); }
  .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card__copy h3 { font-size: clamp(2.15rem, 3.4vw, 3.8rem); }

  /* 03 — image-led cleansing story */
  .sf-page[data-page="treatments"] #facial-cleansing {
    background:
      radial-gradient(ellipse 36% 58% at 94% 20%, rgb(248 232 226 / .72), transparent 72%),
      repeating-linear-gradient(0deg, rgb(94 73 43 / .018) 0 1px, transparent 1px 5px),
      var(--ivory-50);
  }

  .sf-page[data-page="treatments"] #facial-cleansing::after {
    content: "";
    position: absolute;
    inset: auto -4rem -5rem auto;
    inline-size: min(27vw, 25rem);
    aspect-ratio: 1;
    background: url("../assets/shared/interface-icons/icone-eucalipto-sprig.svg") center / contain no-repeat;
    opacity: .09;
    pointer-events: none;
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="image-story"] { grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr); gap: clamp(1rem, 2vw, 2rem); align-items: stretch; }
  .sf-page[data-page="treatments"] [data-treatment-layout="image-story"] .sf-treatment-menu-card { grid-template-rows: auto 1fr; }
  .sf-page[data-page="treatments"] [data-treatment-layout="image-story"] .sf-treatment-menu-card:first-child { border-radius: .75rem .75rem .75rem 6rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="image-story"] .sf-treatment-menu-card:first-child .sf-treatment-menu-card__media { border-radius: 0 0 0 5.6rem; }

  /* 04 — one horizontal comparison surface */
  .sf-page[data-page="treatments"] #mechanical-exfoliation {
    background:
      linear-gradient(90deg, rgb(234 239 225 / .88), rgb(255 253 249 / .96) 48%, rgb(238 228 211 / .7)),
      var(--sage-100);
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--treatment-line); background: rgb(255 253 249 / .48); }
  .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] .sf-treatment-menu-card { border: 0; box-shadow: none; background: transparent; }
  .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] .sf-treatment-menu-card + .sf-treatment-menu-card { border-inline-start: 1px solid var(--treatment-line); }
  .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] .sf-treatment-menu-card__media img { aspect-ratio: 16 / 8; }

  /* 05 — luminous chemical-renewal composition */
  .sf-page[data-page="treatments"] #chemical-renewal {
    background:
      radial-gradient(ellipse 44% 70% at 8% 14%, rgb(255 244 239 / .92), transparent 72%),
      radial-gradient(ellipse 40% 60% at 95% 85%, rgb(224 168 151 / .3), transparent 74%),
      linear-gradient(135deg, var(--blush-50), var(--champagne-100));
  }

  .sf-page[data-page="treatments"] #chemical-renewal::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(118deg, transparent 0 45%, rgb(220 166 154 / .12) 45.1% 45.35%, transparent 45.5%);
    pointer-events: none;
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] { grid-template-columns: minmax(25rem, 1.12fr) minmax(28rem, .88fr); grid-template-rows: repeat(3, auto); gap: .75rem; align-items: stretch; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:first-of-type { grid-row: 1 / span 3; border-radius: 8rem .6rem .6rem .6rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:first-of-type .sf-treatment-menu-card__media { border-radius: 7.55rem 0 0; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:first-of-type .sf-treatment-menu-card__media img { aspect-ratio: 4 / 3; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) { display: grid; grid-template-columns: minmax(10rem, .62fr) minmax(0, 1.38fr); box-shadow: none; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__media img { aspect-ratio: auto; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__copy { padding: 1.25rem 1.4rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__copy :is(h3, h4) { font-size: clamp(1.35rem, 1.55vw, 1.75rem); }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-tags li { padding: .3rem .5rem; font-size: .875rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-meta { grid-template-columns: 1fr; }

  /* 06 — one technical dark-to-luminous scene */
  .sf-page[data-page="treatments"] #laser-services {
    color: var(--ivory-50);
    background:
      linear-gradient(102deg, rgb(25 42 32 / .97), rgb(62 77 57 / .94) 58%, rgb(123 111 80 / .86)),
      url("../assets/shared/backgrounds/laser-fundo-centro.webp") center / cover no-repeat;
  }

  .sf-page[data-page="treatments"] #laser-services::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(120deg, transparent 0 42%, rgb(235 205 146 / .14) 42.2% 42.45%, transparent 42.7%),
      radial-gradient(ellipse 34% 62% at 88% 20%, rgb(244 216 184 / .25), transparent 72%);
    pointer-events: none;
  }

  .sf-page[data-page="treatments"] #laser-services .sf-section-head :is(h2, .sf-eyebrow),
  .sf-page[data-page="treatments"] #laser-services .sf-lede,
  .sf-page[data-page="treatments"] #laser-services .sf-treatment-back { color: var(--ivory-50); }
  .sf-page[data-page="treatments"] #laser-services .sf-chapter-number { color: var(--gold-200); }

  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] { grid-template-columns: minmax(25rem, 1.12fr) minmax(28rem, .88fr); grid-template-rows: repeat(2, auto); gap: .8rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card { border-color: color-mix(in srgb, var(--gold-200) 54%, transparent); background: rgb(255 253 249 / .97); box-shadow: 0 1.75rem 4rem rgb(13 26 18 / .24); }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:first-of-type { grid-row: 1 / span 2; border-radius: 7rem .5rem .5rem .5rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:first-of-type .sf-treatment-menu-card__media { border-radius: 6.6rem 0 0; }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:first-of-type .sf-treatment-menu-card__media img { aspect-ratio: 4 / 3; }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:not(:first-of-type) { display: grid; grid-template-columns: minmax(11rem, .68fr) minmax(0, 1.32fr); }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__media img { aspect-ratio: auto; }
  .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__copy { padding: 1.35rem 1.5rem; }

  /* 07 — restrained clinical ledger */
  .sf-page[data-page="treatments"] #expression-and-lower-face {
    background:
      repeating-linear-gradient(0deg, rgb(80 70 56 / .02) 0 1px, transparent 1px 6px),
      radial-gradient(ellipse 35% 65% at 94% 30%, rgb(233 220 202 / .58), transparent 72%),
      var(--ivory-50);
  }

  .sf-page[data-page="treatments"] #expression-and-lower-face::after {
    content: "";
    position: absolute;
    inset: 8% 1% auto auto;
    inline-size: min(27vw, 24rem);
    aspect-ratio: 1;
    background: url("../assets/shared/interface-icons/icone-feminino-perfil-folha.svg") center / contain no-repeat;
    opacity: .055;
    pointer-events: none;
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] { grid-template-columns: 1fr; gap: 0; border-block: 1px solid var(--treatment-line); }
  .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] .sf-treatment-menu-card { display: grid; grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr); border: 0; background: rgb(255 253 249 / .7); box-shadow: none; }
  .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] .sf-treatment-menu-card + .sf-treatment-menu-card { border-block-start: 1px solid var(--treatment-line); }
  .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] .sf-treatment-menu-card__media img { aspect-ratio: 16 / 8; }

  /* 08 — image/process split */
  .sf-page[data-page="treatments"] #scalp-and-microinfusion {
    background:
      radial-gradient(ellipse 40% 65% at 4% 18%, rgb(255 249 239 / .76), transparent 72%),
      linear-gradient(125deg, var(--sage-100), var(--ivory-100));
  }

  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-treatment-scene { grid-template-columns: minmax(0, 1.18fr) minmax(22rem, .82fr); align-items: start; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-section-head { grid-column: 1; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion > .sf-treatment-scene > .sf-lede { grid-column: 2; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"] { grid-column: 1; grid-template-columns: 1fr; gap: .75rem; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"] .sf-treatment-menu-card { display: grid; grid-template-columns: minmax(12rem, .68fr) minmax(0, 1.32fr); }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"] .sf-treatment-menu-card__media img { aspect-ratio: auto; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-process-list { grid-column: 2; align-self: stretch; display: grid; align-content: stretch; gap: 0; margin-block-start: clamp(2.5rem, 5vw, 5rem); padding: 0; list-style: none; border-block: 1px solid var(--treatment-line); }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-step { min-block-size: 0; display: grid; grid-template-columns: 3rem 1fr; align-content: center; gap: 1rem; border: 0; border-block-end: 1px solid var(--treatment-line); background: rgb(255 253 249 / .52); padding: 1.25rem; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-step:last-child { border-block-end: 0; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-step-number { margin: 0; color: var(--rose-gold-700); font-size: 1.45rem; }
  .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-step h3 { font-size: 1.35rem; }

  /* 09 — focused plate and compact secondary ledger */
  .sf-page[data-page="treatments"] #microneedling {
    background:
      radial-gradient(circle at 88% 16%, rgb(190 119 105 / .16) 0 .12rem, transparent .14rem) 0 0 / 1.2rem 1.2rem,
      radial-gradient(ellipse 42% 64% at 8% 82%, rgb(232 211 177 / .42), transparent 72%),
      linear-gradient(135deg, var(--ivory-50), var(--blush-50));
  }

  .sf-page[data-page="treatments"] [data-treatment-layout="plate"] { display: block; }
  .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(23rem, .8fr); overflow: hidden; border-radius: .75rem 7rem .75rem .75rem; box-shadow: 0 1.75rem 4rem rgb(83 65 41 / .12); }
  .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card__media { border-radius: 0 6.55rem 0 0; }
  .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card__media img { aspect-ratio: 4 / 3; object-position: 50% center; }
  .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card__copy { align-content: center; padding: clamp(2rem, 4vw, 4rem); }

  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-block-start: clamp(2rem, 4vw, 3.5rem);
    border-block: 1px solid var(--treatment-line);
    background: rgb(255 253 249 / .66);
  }

  .sf-page[data-page="treatments"] .sf-treatment-group-head { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr); align-items: end; gap: 2rem; border-block-end: 1px solid var(--treatment-line); padding: 1.25rem 1.5rem; }
  .sf-page[data-page="treatments"] .sf-treatment-group-head h3 { font-size: clamp(1.6rem, 2vw, 2.15rem); }
  .sf-page[data-page="treatments"] .sf-treatment-group-head p { max-inline-size: 54ch; color: var(--ink-700); line-height: 1.6; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card { border: 0; background: transparent; box-shadow: none; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card + .sf-treatment-menu-card { border-inline-start: 1px solid var(--treatment-line); }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card__media img { aspect-ratio: 16 / 7; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card__copy { padding: 1.25rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card__copy :is(h3, h4) { font-size: 1.35rem; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-tags { display: none; }
  .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-meta { grid-template-columns: 1fr; }

  .sf-page[data-page="treatments"] [data-treatment-entry][hidden],
  .sf-page[data-page="treatments"] [data-treatment-filterable][hidden] { display: none !important; /* important: the native hidden state must override chapter grid display. */ }

  @media (max-width: 74rem) {
    .sf-page[data-page="treatments"] .sf-treatment-index__label { display: none; }
    .sf-page[data-page="treatments"] .sf-treatment-index__inner { grid-template-columns: minmax(0, 1fr); }
    .sf-page[data-page="treatments"] .sf-treatment-index__links { justify-content: flex-start; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
    .sf-page[data-page="treatments"] .sf-treatment-finder__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="treatments"] [data-treatment-layout="intensity"],
    .sf-page[data-page="treatments"] [data-treatment-layout="technical"] { grid-template-columns: 1fr; grid-template-rows: auto; }
    .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:first-of-type,
    .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:first-of-type { grid-row: auto; }
  }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="treatments"] .sf-treatment-scene,
    .sf-page[data-page="treatments"] #treatment-finder .sf-treatment-scene,
    .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-treatment-scene { grid-template-columns: 1fr; row-gap: 1.25rem; }
    .sf-page[data-page="treatments"] .sf-treatment-scene > :is(.sf-section-head, .sf-lede),
    .sf-page[data-page="treatments"] #treatment-finder .sf-lede,
    .sf-page[data-page="treatments"] #scalp-and-microinfusion > .sf-treatment-scene > :is(.sf-section-head, .sf-lede) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="treatments"] .sf-treatment-finder { grid-column: 1; grid-row: auto; border-inline-start: 0; border-block-start: 1px solid var(--rose-gold-500); padding: 1.5rem 0 0; }
    .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card,
    .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card { grid-template-columns: 1fr; border-radius: 4rem .75rem .75rem .75rem; }
    .sf-page[data-page="treatments"] [data-treatment-layout="featured"] .sf-treatment-menu-card__media,
    .sf-page[data-page="treatments"] [data-treatment-layout="plate"] .sf-treatment-menu-card__media { border-radius: 3.65rem 0 0; }
    .sf-page[data-page="treatments"] [data-treatment-layout="image-story"] { grid-template-columns: 1fr 1fr; }
    .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"],
    .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-process-list { grid-column: 1; }
    .sf-page[data-page="treatments"] #scalp-and-microinfusion .sf-process-list { margin-block-start: 0; }
    .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] { grid-template-columns: 1fr; }
    .sf-page[data-page="treatments"] [data-treatment-layout="secondary-routes"] .sf-treatment-menu-card + .sf-treatment-menu-card { border-inline-start: 0; border-block-start: 1px solid var(--treatment-line); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="treatments"] .sf-treatment-index__inner { inline-size: 100%; }
    .sf-page[data-page="treatments"] .sf-treatment-index__links { padding-inline: var(--edge-gutter); }
    .sf-page[data-page="treatments"] .sf-treatment-index__links a { min-block-size: 3.25rem; }
    .sf-page[data-page="treatments"] .sf-treatment-scene .sf-section-head h2 { max-inline-size: 18ch; font-size: clamp(2.35rem, 10vw, 3.45rem); }
    .sf-page[data-page="treatments"] .sf-treatment-finder__fields { grid-template-columns: 1fr; }
    .sf-page[data-page="treatments"] .sf-treatment-finder__footer { align-items: flex-start; flex-direction: column; }
    .sf-page[data-page="treatments"] .sf-treatment-finder__status { text-align: start; }
    .sf-page[data-page="treatments"] [data-treatment-layout="image-story"],
    .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] { grid-template-columns: 1fr; }
    .sf-page[data-page="treatments"] [data-treatment-layout="comparison"] .sf-treatment-menu-card + .sf-treatment-menu-card { border-inline-start: 0; border-block-start: 1px solid var(--treatment-line); }
    .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type),
    .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:not(:first-of-type),
    .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] .sf-treatment-menu-card,
    .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"] .sf-treatment-menu-card { grid-template-columns: 1fr; }
    .sf-page[data-page="treatments"] [data-treatment-layout="intensity"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__media img,
    .sf-page[data-page="treatments"] [data-treatment-layout="technical"] .sf-treatment-menu-card:not(:first-of-type) .sf-treatment-menu-card__media img,
    .sf-page[data-page="treatments"] [data-treatment-layout="clinical"] .sf-treatment-menu-card__media img,
    .sf-page[data-page="treatments"] #scalp-and-microinfusion [data-treatment-layout="process"] .sf-treatment-menu-card__media img { aspect-ratio: 4 / 3; }
    .sf-page[data-page="treatments"] .sf-treatment-meta { grid-template-columns: 1fr; }
    .sf-page[data-page="treatments"] .sf-treatment-group-head { grid-template-columns: 1fr; gap: .5rem; }
    .sf-page[data-page="treatments"] .sf-treatment-back { justify-self: start; }
  }

  @media (prefers-reduced-transparency: reduce) {
    .sf-page[data-page="treatments"] :is(.sf-treatment-index, .sf-treatment-menu-card, .sf-treatment-finder__field select) { background-color: var(--ivory-50); backdrop-filter: none; }
  }
}

/* Source: css/src/pages/care.css */
@layer pages {
  .sf-page[data-page="care"] #my-care-philosophy > .sf-editorial-split { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 80%, transparent)); }
  .sf-page[data-page="care"] #how-i-build-a-plan .sf-process-list { max-inline-size: none; }
  .sf-page[data-page="care"] #before-treatment .sf-statement-inner { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); }
  .sf-page[data-page="care"] #different-treatments-different-recovery .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-page[data-page="care"] #aftercare-foundations > .sf-reading-column { max-inline-size: min(60rem, calc(100% - 2 * var(--page-gutter))); border: 1px solid var(--color-border-rose); border-radius: var(--radius-xl); background: color-mix(in srgb, var(--white) 70%, transparent); padding: clamp(1.4rem, 4vw, 4rem); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="care"] #dos-and-don-ts .sf-statement-inner { border-radius: var(--radius-lg) var(--radius-arch) var(--radius-lg) var(--radius-arch); }
  .sf-page[data-page="care"] #daily-life-during-recovery .sf-content-card { align-content: start; }
  .sf-page[data-page="care"] #contact-and-safety .sf-content-card--caution { border-inline-start: .25rem solid var(--rose-gold-600); }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="care"] #different-treatments-different-recovery .sf-content-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
  }
}

/* Source: css/src/pages/skin.css */
@layer pages {
  /* SKIN — an assessment-led editorial journey. The existing hero and final
     CTA remain unchanged; each chapter below uses a distinct information
     pattern suited to its content. */
  .sf-page[data-page="skin"] :is(#beneath-the-surface, #the-skin-barrier, #a-useful-routine, #your-skin-concern-atlas, #skin-myths, #pigment-sun-and-memory, #acne-without-punishment, #professional-skin-treatments) .sf-section-head h2 {
    max-inline-size: 12ch;
    font-size: clamp(2.55rem, 4.5vw, 5.1rem);
    line-height: .94;
  }

  /* 01 · anatomy/depth assessment spread */
  .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.22fr) minmax(18rem, .68fr); align-items: center; gap: clamp(2.5rem, 6vw, 7rem); }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); counter-reset: skin-depth; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card { position: relative; min-block-size: 8.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.15rem 1.2rem 1.15rem 3.7rem; counter-increment: skin-depth; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card::before { content: "0" counter(skin-depth); position: absolute; inset: 1.1rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card:last-child { grid-column: 1 / -1; min-block-size: 0; background: color-mix(in srgb, var(--sage-100) 62%, transparent); }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card h3 { font-size: 1.3rem; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card p { color: var(--color-text-secondary); font-size: .84rem; line-height: 1.52; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media { overflow: hidden; border: 0; border-radius: 10rem 10rem .5rem .5rem; }
  .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media img { block-size: 37rem; aspect-ratio: 3 / 4; object-fit: cover; object-position: 56% center; }

  /* 02 · barrier triage board, with a quiet skincare still-life */
  .sf-page[data-page="skin"] #the-skin-barrier .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .5fr) minmax(0, 1.5fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-section-head,
  .sf-page[data-page="skin"] #the-skin-barrier .sf-lede,
  .sf-page[data-page="skin"] #the-skin-barrier .sf-practitioner-quote { grid-column: 1; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-lede { color: var(--gold-200); font-family: var(--font-heading); font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.35; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-section-head::after { content: ""; display: block; min-block-size: 12rem; margin-block-start: 2rem; border: 1px solid rgb(234 213 173 / .3); border-radius: 5rem 5rem .35rem .35rem; background: url("../assets/journal/articles/pele-barreira-hidratante-cuidado.webp") center / cover no-repeat; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid rgb(234 213 173 / .4); }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card { border: 0; border-radius: 0; background: transparent; color: var(--forest-900); padding: clamp(1.4rem, 2.5vw, 2.2rem); }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card + .sf-content-card { border-inline-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card:last-child { grid-column: 1 / -1; border-block-start: 1px solid rgb(234 213 173 / .25); border-inline-start: 0; background: rgb(255 253 249 / .06); }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card h3 { color: var(--forest-900); font-size: 1.4rem; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card :is(p, li) { color: var(--color-text-secondary); font-size: .86rem; line-height: 1.55; }
  .sf-page[data-page="skin"] #the-skin-barrier .sf-practitioner-quote { max-inline-size: 24rem; margin-block-start: 2rem; }

  /* 03 · morning/evening routine with a product decision checklist */
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .5fr) minmax(0, 1.5fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-head,
  .sf-page[data-page="skin"] #a-useful-routine .sf-practitioner-quote { grid-column: 1; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card-grid { grid-column: 2; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border: 1px solid var(--color-border-warm); }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card { min-block-size: 20rem; border: 0; border-radius: 0; background: transparent; padding: clamp(1.5rem, 3vw, 2.5rem); text-align: start; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card:first-child { grid-column: auto; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-warm); background: color-mix(in srgb, var(--sage-100) 42%, transparent); }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card h3 { color: var(--rose-gold-700); font-size: clamp(1.7rem, 2.4vw, 2.4rem); }
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card li { color: var(--color-text-secondary); font-size: .9rem; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > h3,
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > ul { grid-column: 2; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > h3 { margin-block-start: 2rem; font-size: 1.35rem; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > ul { columns: 2; column-gap: 2rem; margin-block-start: .75rem; border-block: 1px solid var(--color-border-warm); padding: 1rem 0; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > ul li { break-inside: avoid; color: var(--color-text-secondary); font-size: .86rem; }
  .sf-page[data-page="skin"] #a-useful-routine .sf-practitioner-quote { max-inline-size: 23rem; margin-block-start: 2rem; }

  /* 04 · diagnostic atlas with close-up imagery and a ruled concern index */
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-section-inner { display: grid; grid-template-columns: minmax(16rem, .58fr) minmax(0, 1.42fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-section-head { grid-column: 1; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-section-head::after { content: ""; display: block; min-block-size: 16rem; margin-block-start: 2rem; border-radius: .5rem 7rem .5rem .5rem; background: linear-gradient(rgb(36 49 41 / .05), rgb(36 49 41 / .05)), url("../assets/journal/articles/profissional-pele-cuidado-consulta.webp") center / cover no-repeat; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card-grid { grid-column: 2; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); counter-reset: skin-atlas; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card { position: relative; min-block-size: 9.25rem; border: 0; border-radius: 0; background: transparent; padding: 1.2rem 1.25rem 1.2rem 3.7rem; counter-increment: skin-atlas; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card::before { content: "0" counter(skin-atlas); position: absolute; inset: 1.15rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card h3 { font-size: 1.3rem; }
  .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card p { color: var(--color-text-secondary); font-size: .84rem; line-height: 1.52; }

  /* 05 · myth and evidence reading table */
  .sf-page[data-page="skin"] #skin-myths .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.24fr) minmax(18rem, .58fr); align-items: start; gap: clamp(2.5rem, 6vw, 7rem); }
  .sf-page[data-page="skin"] #skin-myths .sf-section-inner { display: grid; grid-template-columns: minmax(12rem, .72fr) minmax(0, 1.28fr); align-items: baseline; column-gap: 1.5rem; }
  .sf-page[data-page="skin"] #skin-myths .sf-section-head,
  .sf-page[data-page="skin"] #skin-myths .sf-practitioner-quote { grid-column: 1 / -1; }
  .sf-page[data-page="skin"] #skin-myths .sf-section-inner > h3 { grid-column: 1; margin: 0; border-block-start: 1px solid var(--color-border-warm); padding: 1rem 0; font-size: 1.15rem; }
  .sf-page[data-page="skin"] #skin-myths .sf-section-inner > p { grid-column: 2; max-inline-size: none; margin: 0; border-block-start: 1px solid var(--color-border-subtle); color: var(--color-text-secondary); padding: 1rem 0; font-size: .86rem; line-height: 1.55; }
  .sf-page[data-page="skin"] #skin-myths .sf-practitioner-quote { max-inline-size: 37rem; margin: 2rem 0 0 auto; }
  .sf-page[data-page="skin"] #skin-myths .sf-editorial-media { position: sticky; inset-block-start: calc(var(--header-height) + 1.5rem); overflow: hidden; border: 0; border-radius: 9rem 9rem .5rem .5rem; }
  .sf-page[data-page="skin"] #skin-myths .sf-editorial-media img { block-size: 36rem; aspect-ratio: 3 / 4; object-fit: cover; object-position: 54% center; }

  /* 06 · pigmentation history matrix */
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner { display: grid; grid-template-columns: minmax(16rem, .56fr) minmax(0, 1.44fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head,
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner > p,
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-practitioner-quote { grid-column: 1; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head::after { content: ""; display: block; min-block-size: 12rem; margin-block-start: 2rem; border: 1px solid rgb(234 213 173 / .28); border-radius: 5rem 5rem .35rem .35rem; background: url("../assets/journal/articles/facial-pigmentacao-and-sardas.webp") center / cover no-repeat; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner > p { color: rgb(255 253 249 / .72); }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid rgb(234 213 173 / .38); counter-reset: skin-pigment; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card { position: relative; min-block-size: 8.5rem; border: 0; border-radius: 0; background: transparent; color: var(--ivory-50); padding: 1.15rem 1.2rem 1.15rem 3.6rem; counter-increment: skin-pigment; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card::before { content: "0" counter(skin-pigment); position: absolute; inset: 1.1rem auto auto 1rem; color: var(--gold-200); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:nth-child(even) { border-inline-start: 1px solid rgb(234 213 173 / .24); }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid rgb(234 213 173 / .24); }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:last-child { grid-column: 1 / -1; min-block-size: 0; background: rgb(255 253 249 / .07); }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card h3 { color: var(--ivory-50); font-size: 1.28rem; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card p { color: rgb(255 253 249 / .68); font-size: .83rem; line-height: 1.5; }
  .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-practitioner-quote { max-inline-size: 24rem; margin-block-start: 2rem; }

  /* 07 · acne support/pressure comparison with real skin texture */
  .sf-page[data-page="skin"] #acne-without-punishment .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .52fr) minmax(0, 1.48fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-section-head,
  .sf-page[data-page="skin"] #acne-without-punishment .sf-section-inner > p,
  .sf-page[data-page="skin"] #acne-without-punishment .sf-practitioner-quote { grid-column: 1; }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-section-head::after { content: ""; display: block; min-block-size: 12rem; margin-block-start: 2rem; border-radius: .5rem 5rem .5rem .5rem; background: url("../assets/journal/articles/acne-cicatrizes-and-natural-pele-texture.webp") center / cover no-repeat; }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-section-inner > p { color: var(--color-text-secondary); }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border: 1px solid var(--color-border-warm); }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card { border: 0; border-radius: 0; background: color-mix(in srgb, var(--sage-100) 36%, transparent); padding: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-warm); background: color-mix(in srgb, var(--blush-100) 46%, transparent); }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card h3 { font-size: clamp(1.5rem, 2vw, 2rem); }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card li { color: var(--color-text-secondary); font-size: .87rem; }
  .sf-page[data-page="skin"] #acne-without-punishment .sf-practitioner-quote { max-inline-size: 24rem; margin-block-start: 2rem; }

  /* 08 · professional care taxonomy with an image-led introduction */
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-statement-inner { display: grid; grid-template-columns: minmax(15rem, .52fr) minmax(0, 1.48fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; max-inline-size: none; }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-section-head { grid-column: 1; }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-section-head::after { content: ""; display: block; min-block-size: 15rem; margin-block-start: 2rem; border-radius: 7rem 7rem .5rem .5rem; background: url("../assets/journal/articles/calming-cuidado-for-reativa-pele.webp") center / cover no-repeat; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card { min-block-size: 8rem; border: 0; border-radius: 0; background: transparent; padding: 1.2rem 1.35rem; }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card h3 { color: var(--rose-gold-700); font-size: 1.3rem; }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card p { color: var(--color-text-secondary); font-size: .84rem; line-height: 1.5; }
  .sf-page[data-page="skin"] #professional-skin-treatments .sf-button-row { grid-column: 2; margin-block-start: 2rem; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="skin"] #skin-myths .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .45fr); gap: 2.5rem; }
    .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media-layout { gap: 2.5rem; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media-layout,
    .sf-page[data-page="skin"] #the-skin-barrier .sf-section-inner,
    .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner,
    .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-section-inner,
    .sf-page[data-page="skin"] #skin-myths .sf-editorial-media-layout,
    .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner,
    .sf-page[data-page="skin"] #acne-without-punishment .sf-section-inner,
    .sf-page[data-page="skin"] #professional-skin-treatments .sf-statement-inner { display: grid; grid-template-columns: 1fr; }
    .sf-page[data-page="skin"] #beneath-the-surface .sf-section-inner { grid-column: 1; grid-row: 1; }
    .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media { grid-column: 1; grid-row: 2; inline-size: min(100%, 22rem); justify-self: center; margin-block-start: 2rem; }
    .sf-page[data-page="skin"] #beneath-the-surface .sf-editorial-media img { block-size: 25rem; }
    .sf-page[data-page="skin"] :is(#the-skin-barrier, #a-useful-routine, #your-skin-concern-atlas, #pigment-sun-and-memory, #acne-without-punishment, #professional-skin-treatments) :is(.sf-content-card-grid, .sf-practitioner-quote, .sf-section-inner > h3, .sf-section-inner > ul, .sf-button-row) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="skin"] #the-skin-barrier .sf-section-head::after,
    .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-section-head::after,
    .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head::after,
    .sf-page[data-page="skin"] #acne-without-punishment .sf-section-head::after,
    .sf-page[data-page="skin"] #professional-skin-treatments .sf-section-head::after { min-block-size: 10rem; margin-block-start: 1.5rem; }
    .sf-page[data-page="skin"] #a-useful-routine .sf-content-card-grid,
    .sf-page[data-page="skin"] #the-skin-barrier .sf-content-card-grid,
    .sf-page[data-page="skin"] #acne-without-punishment .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="skin"] :is(#the-skin-barrier, #a-useful-routine, #acne-without-punishment) .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-warm); border-inline-start: 0; }
    .sf-page[data-page="skin"] #a-useful-routine .sf-content-card { min-block-size: 0; }
    .sf-page[data-page="skin"] #a-useful-routine .sf-section-inner > ul { columns: 1; }
    .sf-page[data-page="skin"] #skin-myths .sf-section-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="skin"] #skin-myths .sf-section-inner > :is(h3, p) { grid-column: 1; }
    .sf-page[data-page="skin"] #skin-myths .sf-section-inner > p { border-block-start: 0; padding-block-start: 0; }
    .sf-page[data-page="skin"] #skin-myths .sf-editorial-media { position: static; inline-size: min(100%, 22rem); justify-self: center; margin-block-start: 2rem; }
    .sf-page[data-page="skin"] #skin-myths .sf-editorial-media img { block-size: 26rem; }
    .sf-page[data-page="skin"] #your-skin-concern-atlas .sf-content-card-grid,
    .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card-grid,
    .sf-page[data-page="skin"] #professional-skin-treatments .sf-content-card-grid,
    .sf-page[data-page="skin"] #beneath-the-surface .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="skin"] :is(#your-skin-concern-atlas, #pigment-sun-and-memory, #professional-skin-treatments, #beneath-the-surface) .sf-content-card:nth-child(n) { grid-column: 1; border-inline: 0; }
    .sf-page[data-page="skin"] :is(#your-skin-concern-atlas, #pigment-sun-and-memory, #professional-skin-treatments, #beneath-the-surface) .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
  }
}

/* Source: css/src/pages/laser.css */
@layer pages {
  /* LASER — a clinical field guide. The approved hero and chapter 07
     (When Treatment Should Wait) are deliberately untouched. */
  .sf-page[data-page="laser"] :is(#what-laser-is, #what-laser-is-not, #when-laser-may-be-used, #technologies-i-use, #laser-hair-reduction, #co-resurfacing, #before-during-and-after) .sf-section-head h2 {
    max-inline-size: 12ch;
    font-size: clamp(2.55rem, 4.4vw, 5rem);
    line-height: .94;
  }

  /* 01 · target first: image-led wavelength/target matrix */
  .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media-layout { grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(2.5rem, 6vw, 7rem); }
  .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media { grid-column: 1; grid-row: 1; overflow: hidden; border: 0; border-radius: .5rem 8rem .5rem .5rem; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media img { block-size: 35rem; aspect-ratio: 4 / 5; object-fit: cover; object-position: 52% center; }
  .sf-page[data-page="laser"] #what-laser-is .sf-section-inner { grid-column: 2; grid-row: 1; }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); counter-reset: laser-target; }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card { position: relative; min-block-size: 8.75rem; border: 0; border-radius: 0; background: transparent; padding: 1.2rem 1.25rem 1.2rem 3.7rem; text-align: start; counter-increment: laser-target; }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card::before { content: "0" counter(laser-target); position: absolute; inset: 1.15rem auto auto 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card:last-child { grid-column: 1 / -1; min-block-size: 0; background: color-mix(in srgb, var(--sage-100) 68%, transparent); }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card h3 { font-size: 1.35rem; }
  .sf-page[data-page="laser"] #what-laser-is .sf-content-card p { color: var(--color-text-secondary); font-size: .85rem; line-height: 1.55; }

  /* 02 · definition versus misconception comparison board */
  .sf-page[data-page="laser"] #what-laser-is-not .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .55fr) minmax(0, 1.45fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-section-head,
  .sf-page[data-page="laser"] #what-laser-is-not .sf-section-inner > p { grid-column: 1; }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-section-inner > p { color: rgb(255 253 249 / .7); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 3; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid rgb(234 213 173 / .4); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card { border: 0; border-radius: 0; background: transparent; color: var(--ivory-50); padding: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card + .sf-content-card { border-inline-start: 1px solid rgb(234 213 173 / .28); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card h3 { color: var(--ivory-50); font-size: clamp(1.5rem, 2vw, 2rem); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-botanical-list { color: rgb(255 253 249 / .76); }
  .sf-page[data-page="laser"] #what-laser-is-not .sf-practitioner-quote { grid-column: 2; max-inline-size: 37rem; margin: 2rem 0 0 auto; }

  /* 03 · six clinical uses arranged as an application spectrum */
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-statement-inner { display: grid; grid-template-columns: minmax(15rem, .5fr) minmax(0, 1.5fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-section-head { grid-column: 1; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); counter-reset: laser-use; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card { position: relative; min-block-size: 10.5rem; border: 0; border-radius: 0; background: transparent; padding: 3.1rem 1.15rem 1.2rem; counter-increment: laser-use; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card::before { content: "0" counter(laser-use); position: absolute; inset: .9rem auto auto 1.15rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(3n + 2) { border-inline: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card h3 { font-size: 1.3rem; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card p { color: var(--color-text-secondary); font-size: .83rem; line-height: 1.5; }
  .sf-page[data-page="laser"] #when-laser-may-be-used .sf-practitioner-quote { grid-column: 1; max-inline-size: 22rem; margin-block-start: 2rem; }

  /* 04 · technology dossier: names and explanations share one ruled field */
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .52fr) minmax(0, 1.48fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; }
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-head { grid-column: 1; grid-row: 1 / span 7; position: sticky; inset-block-start: calc(var(--header-height) + 1.5rem); }
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner > h3,
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner > p,
  .sf-page[data-page="laser"] #technologies-i-use .sf-button-row { grid-column: 2; }
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner > h3 { margin: 0; border-block-start: 1px solid var(--color-border-warm); padding: 1.4rem 0 .35rem; color: var(--rose-gold-700); font-size: clamp(1.55rem, 2.2vw, 2.2rem); }
  .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner > p { max-inline-size: 66ch; margin: 0; border-block-end: 1px solid var(--color-border-subtle); color: var(--color-text-secondary); padding: 0 0 1.5rem; }
  .sf-page[data-page="laser"] #technologies-i-use .sf-button-row { margin-block-start: 1.75rem; }

  /* 05 · hair reduction: assessment factors and expectation comparison */
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.28fr) minmax(17rem, .54fr); align-items: start; gap: clamp(2.5rem, 5vw, 5rem); }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media { position: sticky; inset-block-start: calc(var(--header-height) + 1.5rem); overflow: hidden; border: 0; border-radius: 9rem 9rem .5rem .5rem; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media img { block-size: 34rem; aspect-ratio: 3 / 4; object-fit: cover; object-position: 56% center; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-section-inner > p { max-inline-size: 60ch; color: var(--color-text-secondary); }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.25rem; border-block: 1px solid var(--color-border-warm); counter-reset: laser-hair; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card { position: relative; min-block-size: 8.5rem; border: 0; border-radius: 0; background: transparent; padding: 1.15rem 1.2rem 1.15rem 3.5rem; counter-increment: laser-hair; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card::before { content: "0" counter(laser-hair); position: absolute; inset: 1.1rem auto auto .9rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card:nth-last-child(-n + 2) { min-block-size: 13rem; background: color-mix(in srgb, var(--ivory-50) 56%, transparent); }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card h3 { font-size: 1.25rem; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card p,
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-content-card li { color: var(--color-text-secondary); font-size: .82rem; line-height: 1.5; }
  .sf-page[data-page="laser"] #laser-hair-reduction .sf-practitioner-quote { max-inline-size: 37rem; margin: 2rem 0 0 auto; }

  /* 06 · CO2 planning as a clinical dossier: image, decision criteria and CTA share one complete field. */
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner { display: grid; grid-template-columns: minmax(0, .82fr) minmax(18rem, 1.18fr); column-gap: clamp(2.5rem, 6vw, 6.5rem); align-items: start; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before { content: ""; grid-column: 1; grid-row: 1 / span 5; min-block-size: 36rem; border: 1px solid rgb(234 213 173 / .38); border-radius: .6rem 8rem .6rem .6rem; background: linear-gradient(rgb(36 49 41 / .14), rgb(36 49 41 / .04)), url("../assets/journal/articles/fractional-co2-laser-tratamento.webp") center / cover no-repeat; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-section-head, .sf-page[data-page="laser"] #co-resurfacing .sf-lede, .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner > p:not(.sf-lede), .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list, .sf-page[data-page="laser"] #co-resurfacing .sf-practitioner-quote { grid-column: 2; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-lede { color: var(--gold-200); font-family: var(--font-heading); font-size: clamp(1.45rem, 2vw, 2rem); }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner > p:not(.sf-lede),
  .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { color: rgb(255 253 249 / .74); }
  .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 1.5rem; border-block: 1px solid rgb(234 213 173 / .34); padding: 1.25rem 0 1.25rem 1.25rem; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-practitioner-quote { max-inline-size: none; margin: .75rem 0 0; border-inline-start-color: var(--gold-300); }

  /* Keep the CO₂ chapter as one stable two-column clinical composition. */
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner { grid-template-columns: minmax(18rem, .82fr) minmax(0, 1.18fr); align-items: start; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before { grid-column: 1; grid-row: 1 / span 5; min-block-size: 34rem; margin: 0; border-radius: .6rem; }
  .sf-page[data-page="laser"] #co-resurfacing :is(.sf-section-head, .sf-lede, .sf-statement-inner > p:not(.sf-lede), .sf-botanical-list, .sf-practitioner-quote) { grid-column: 2; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-section-head { margin: 0; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-section-head { grid-row: 1; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-lede { grid-row: 2; margin-block-start: 1rem; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner > p:nth-child(3) { grid-row: 3; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { margin: 1.25rem 0; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { grid-row: 4; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner > p:nth-child(5) { grid-row: 5; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-practitioner-quote { grid-row: 6; }

  /* Approved Section 8 — keep the existing composition exactly. */
  .sf-page[data-page="laser"] #when-to-wait .sf-statement-inner { max-inline-size: min(54rem, calc(100% - 2 * var(--page-gutter))); }

  /* 08 · preparation-to-recovery clinical timeline */
  .sf-page[data-page="laser"] #before-during-and-after .sf-section-head { display: grid; grid-template-columns: minmax(15rem, .5fr) minmax(0, 1fr); column-gap: clamp(2rem, 6vw, 6rem); align-items: end; max-inline-size: none; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-section-head .sf-chapter-number { grid-row: 1 / span 2; align-self: start; font-size: clamp(5rem, 8vw, 8rem); }
  .sf-page[data-page="laser"] #before-during-and-after .sf-section-head :is(.sf-eyebrow, h2) { grid-column: 2; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-process-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-block-start: 3rem; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="laser"] #before-during-and-after .sf-step { min-block-size: 12rem; border: 0; border-radius: 0; background: transparent; padding: 1.2rem; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-step + .sf-step { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="laser"] #before-during-and-after .sf-step-number { inline-size: auto; block-size: auto; border: 0; border-radius: 0; background: transparent; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 2.4rem; font-style: italic; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-step h3 { font-size: 1.3rem; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-step p { color: var(--color-text-secondary); font-size: .82rem; line-height: 1.5; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-content-card-grid { display: block; margin-block-start: 1.5rem; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-content-card { display: grid; grid-template-columns: minmax(12rem, .4fr) minmax(0, 1fr); gap: 2rem; border: 0; border-inline-start: 2px solid var(--rose-gold-500); border-radius: 0; background: color-mix(in srgb, var(--blush-100) 58%, transparent); box-shadow: none; padding: 1.25rem 1.5rem; }
  .sf-page[data-page="laser"] #before-during-and-after .sf-content-card :is(h3, p) { margin: 0; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(3n + 2) { border-inline: 0; }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="laser"] #before-during-and-after .sf-process-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sf-page[data-page="laser"] #before-during-and-after .sf-step:nth-child(4) { border-inline-start: 0; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-step:nth-child(n + 4) { border-block-start: 1px solid var(--color-border-subtle); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media-layout,
    .sf-page[data-page="laser"] #what-laser-is-not .sf-section-inner,
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-statement-inner,
    .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner,
    .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media-layout,
    .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner { display: grid; grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] #what-laser-is .sf-section-inner { grid-column: 1; grid-row: 1; }
    .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media { grid-column: 1; grid-row: 2; inline-size: min(100%, 24rem); justify-self: center; margin-block-start: 2rem; }
    .sf-page[data-page="laser"] #what-laser-is .sf-editorial-media img { block-size: 24rem; }
    .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card-grid,
    .sf-page[data-page="laser"] #what-laser-is-not .sf-practitioner-quote,
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card-grid,
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-practitioner-quote,
    .sf-page[data-page="laser"] #technologies-i-use .sf-section-head,
    .sf-page[data-page="laser"] #technologies-i-use .sf-section-inner > :is(h3, p, .sf-button-row) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] #what-laser-is-not .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .28); border-inline-start: 0; }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card:nth-child(n) { border-inline: 0; }
    .sf-page[data-page="laser"] #when-laser-may-be-used .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="laser"] #technologies-i-use .sf-section-head,
    .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media { position: static; }
    .sf-page[data-page="laser"] #laser-hair-reduction .sf-section-inner { grid-column: 1; grid-row: 1; }
    .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media { grid-column: 1; grid-row: 2; inline-size: min(100%, 22rem); justify-self: center; margin-block-start: 2rem; }
    .sf-page[data-page="laser"] #laser-hair-reduction .sf-editorial-media img { block-size: 26rem; }
    .sf-page[data-page="laser"] :is(#what-laser-is, #laser-hair-reduction) .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] :is(#what-laser-is, #laser-hair-reduction) .sf-content-card:nth-child(n) { grid-column: 1; border-inline: 0; }
    .sf-page[data-page="laser"] :is(#what-laser-is, #laser-hair-reduction) .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
    .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before { grid-column: 1; grid-row: 2; min-block-size: 17rem; margin-block: 1.5rem; border-radius: 5rem 5rem .5rem .5rem; }
    .sf-page[data-page="laser"] #co-resurfacing :is(.sf-section-head, .sf-lede, .sf-statement-inner > p:not(.sf-lede), .sf-botanical-list, .sf-practitioner-quote) { grid-column: 1; }
    .sf-page[data-page="laser"] #co-resurfacing .sf-section-head { grid-row: 1; }
    .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-section-head { display: block; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-process-list { grid-template-columns: 1fr; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-step + .sf-step { border-block-start: 1px solid var(--color-border-subtle); border-inline-start: 0; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-step { display: grid; grid-template-columns: 3rem minmax(0, 1fr); min-block-size: 0; }
    .sf-page[data-page="laser"] #before-during-and-after .sf-content-card { grid-template-columns: 1fr; gap: .4rem; }
  }
}

/* Source: css/src/pages/results.css */
@layer pages {
  .sf-page[data-page="results"] #what-a-photograph-cannot-show .sf-results-photograph-context { max-inline-size: min(78rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="results"] #what-a-photograph-cannot-show .sf-section-head { max-inline-size: 34rem; }
  .sf-page[data-page="results"] #what-a-photograph-cannot-show .sf-content-card { min-block-size: 10.5rem; }

  /* Result factors: a connected editorial map with the explanation anchored
     beside it. This replaces the visually equal four-card row, which gave the
     disclaimer the same weight as every other fact. */
  .sf-page[data-page="results"] #result-factors .sf-result-factors-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(18rem, .72fr) minmax(32rem, 1.28fr);
    gap: clamp(3rem, 7vw, 8rem);
    align-items: center;
  }

  .sf-page[data-page="results"] #result-factors .sf-result-factors-shell::before {
    content: "02";
    position: absolute;
    inset: 50% auto auto 46%;
    z-index: -1;
    translate: -50% -50%;
    color: rgb(234 213 173 / .08);
    font-family: var(--font-heading);
    font-size: clamp(13rem, 27vw, 29rem);
    font-style: italic;
    line-height: .65;
    pointer-events: none;
  }

  .sf-page[data-page="results"] #result-factors .sf-result-factors-copy {
    position: relative;
    align-self: start;
    border-inline-start: 1px solid rgb(234 213 173 / .46);
    padding-inline-start: clamp(1.25rem, 2.5vw, 2.25rem);
  }

  .sf-page[data-page="results"] #result-factors .sf-section-head { margin-block-end: 1.5rem; }

  .sf-page[data-page="results"] #result-factors .sf-section-head h2 {
    max-inline-size: 8ch;
    font-size: clamp(3rem, 5vw, 5.65rem);
    letter-spacing: -.045em;
    line-height: .9;
  }

  .sf-page[data-page="results"] #result-factors .sf-result-factors-copy > .sf-lede {
    max-inline-size: 38ch;
    color: rgb(255 253 249 / .8);
    font-size: clamp(1.05rem, 1.4vw, 1.28rem);
    line-height: 1.7;
  }

  .sf-page[data-page="results"] .sf-result-expectation {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    margin-block-start: clamp(2rem, 4vw, 3.5rem);
    border-block: 1px solid rgb(234 213 173 / .34);
    background: rgb(17 30 20 / .2);
    padding: 1.1rem 0;
  }

  .sf-page[data-page="results"] .sf-result-expectation > img {
    inline-size: 2.6rem;
    block-size: 2.6rem;
    border: 1px solid rgb(234 213 173 / .34);
    border-radius: 50%;
    background: rgb(255 253 249 / .92);
    padding: .48rem;
  }

  .sf-page[data-page="results"] .sf-result-expectation h3 {
    color: var(--gold-200);
    font-size: .75rem;
    font-weight: 820;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  .sf-page[data-page="results"] .sf-result-expectation p {
    margin-block-start: .35rem;
    color: rgb(255 253 249 / .75);
    font-size: .9rem;
    line-height: 1.55;
  }

  .sf-page[data-page="results"] .sf-result-factors-map {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.75rem);
    margin: 0;
    padding: 0 0 2.25rem;
    list-style: none;
  }

  .sf-page[data-page="results"] .sf-result-factors-map::before {
    content: "";
    position: absolute;
    inset: 2.5rem auto 1rem 50%;
    z-index: -1;
    inline-size: 1px;
    background: linear-gradient(transparent, rgb(234 213 173 / .62) 15% 85%, transparent);
  }

  .sf-page[data-page="results"] .sf-result-factor {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    gap: 1rem;
    min-block-size: clamp(13rem, 18vw, 16rem);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgb(234 213 173 / .62);
    border-radius: 5.5rem .7rem .7rem;
    background:
      radial-gradient(circle at 0 0, rgb(239 210 202 / .62), transparent 42%),
      rgb(255 253 249 / .97);
    padding: clamp(1.4rem, 2.7vw, 2.25rem);
    color: var(--forest-900);
    box-shadow: 0 1.6rem 3.5rem rgb(13 26 17 / .24), inset 0 1px 0 rgb(255 255 255 / .9);
  }

  .sf-page[data-page="results"] .sf-result-factor:nth-child(even) {
    translate: 0 2.25rem;
    border-radius: .7rem 5.5rem .7rem .7rem;
    background:
      radial-gradient(circle at 100% 0, rgb(219 228 209 / .82), transparent 44%),
      rgb(255 253 249 / .97);
  }

  .sf-page[data-page="results"] .sf-result-factor:nth-child(3) {
    border-radius: .7rem .7rem .7rem 5.5rem;
    background:
      radial-gradient(circle at 0 100%, rgb(244 232 210 / .85), transparent 46%),
      rgb(255 253 249 / .97);
  }

  .sf-page[data-page="results"] .sf-result-factor:nth-child(4) {
    border-radius: .7rem .7rem 5.5rem .7rem;
    background:
      radial-gradient(circle at 100% 100%, rgb(239 210 202 / .6), transparent 46%),
      rgb(255 253 249 / .97);
  }

  .sf-page[data-page="results"] .sf-result-factor::after {
    content: "";
    position: absolute;
    inset: auto -2.5rem -3.5rem auto;
    inline-size: 8rem;
    aspect-ratio: 1;
    border: 1px solid rgb(180 137 80 / .16);
    border-radius: 50%;
  }

  .sf-page[data-page="results"] .sf-result-factor__number {
    position: absolute;
    inset: 1rem 1.2rem auto auto;
    color: rgb(189 121 107 / .3);
    font-family: var(--font-heading);
    font-size: clamp(2.6rem, 4vw, 4rem);
    font-style: italic;
    line-height: .8;
  }

  .sf-page[data-page="results"] .sf-result-factor__icon {
    display: grid;
    place-items: center;
    inline-size: 3.75rem;
    aspect-ratio: 1;
    border: 1px solid rgb(180 137 80 / .4);
    border-radius: 50%;
    background: rgb(255 253 249 / .78);
  }

  .sf-page[data-page="results"] .sf-result-factor__icon img {
    inline-size: 2rem;
    block-size: 2rem;
    object-fit: contain;
  }

  .sf-page[data-page="results"] .sf-result-factor > div {
    grid-column: 1 / -1;
    align-self: end;
    max-inline-size: 29ch;
    padding-block-start: .65rem;
  }

  .sf-page[data-page="results"] .sf-result-factor h3 {
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    font-weight: 500;
    line-height: 1.05;
  }

  .sf-page[data-page="results"] .sf-result-factor p {
    margin-block-start: .65rem;
    color: var(--color-text-secondary);
    font-size: .94rem;
    line-height: 1.58;
  }

  .sf-page[data-page="results"] #timing > .sf-editorial-media-layout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md); }
  .sf-page[data-page="results"] #natural-looking-results .sf-content-card { min-block-size: 12rem; }
  .sf-page[data-page="results"] #improvement-is-not-erasure .sf-statement-inner { max-inline-size: min(70rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="results"] #maintenance-and-recurrence .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-page[data-page="results"] #your-context .sf-bottom-cta__inner { background: linear-gradient(145deg, var(--color-bg-sage-soft), var(--blush-50)); }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="results"] #result-factors .sf-result-factors-shell {
      grid-template-columns: 1fr;
      gap: 3rem;
    }

    .sf-page[data-page="results"] #result-factors .sf-result-factors-copy {
      max-inline-size: 44rem;
    }

    .sf-page[data-page="results"] #maintenance-and-recurrence .sf-content-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="results"] #what-a-photograph-cannot-show .sf-content-card-grid { grid-template-columns: 1fr; }

    .sf-page[data-page="results"] #result-factors .sf-result-factors-copy {
      border-inline-start: 0;
      padding-inline-start: 0;
    }

    .sf-page[data-page="results"] .sf-result-factors-map {
      grid-template-columns: 1fr;
      gap: .9rem;
      padding-block-end: 0;
    }

    .sf-page[data-page="results"] .sf-result-factors-map::before {
      inset: 2rem auto 2rem 1.9rem;
    }

    .sf-page[data-page="results"] .sf-result-factor,
    .sf-page[data-page="results"] .sf-result-factor:nth-child(even) {
      min-block-size: 11.5rem;
      translate: 0;
    }
  }
}

/* Source: css/src/pages/testimonials.css */
@layer pages {
  /* 01 — one verified review and a substantial clinic image. */
  .sf-page[data-page="testimonials"] #google-reviews .sf-editorial-media-layout { grid-template-columns: minmax(0, .85fr) minmax(24rem, 1.15fr); align-items: stretch; }
  .sf-page[data-page="testimonials"] #google-reviews .sf-editorial-media { max-inline-size: none; }
  .sf-page[data-page="testimonials"] #google-reviews .sf-editorial-media img { block-size: 100%; aspect-ratio: auto; min-block-size: 28rem; }
  .sf-page[data-page="testimonials"] #google-reviews .sf-content-card-grid { grid-template-columns: 1fr; max-inline-size: 35rem; }

  /* 02–04 — patient words are the focal artwork. Each chapter uses a
     different material recipe while the chapter header keeps one anchor. */
  .sf-page[data-page="testimonials"] :is(#attentive-expertise, #personalised-care, #the-environment) .sf-testimonial-quote { max-inline-size: 42rem; }
  .sf-page[data-page="testimonials"] :is(#attentive-expertise, #personalised-care, #the-environment) .sf-testimonial-quote .sf-pull-quote p { font-size: var(--type-quotation); line-height: 1.38; }
  .sf-page[data-page="testimonials"] #attentive-expertise .sf-pull-quote { border-color: var(--gold-200); }
  .sf-page[data-page="testimonials"] #attentive-expertise .sf-pull-quote::before { color: var(--gold-200); }
  .sf-page[data-page="testimonials"] #attentive-expertise .sf-pull-quote p,
  .sf-page[data-page="testimonials"] #attentive-expertise .sf-statement-inner > p { color: rgb(255 253 249 / .92); }
  .sf-page[data-page="testimonials"] #personalised-care .sf-pull-quote { border-color: var(--rose-gold-500); }
  .sf-page[data-page="testimonials"] #the-environment .sf-pull-quote { border-block: 1px solid var(--color-border-warm); border-inline-start: 0; padding-inline-start: clamp(2.8rem, 5vw, 4.6rem); }

  /* 05 — continuity joins the quotation to a real treatment image. */
  .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-editorial-media-layout { grid-template-columns: minmax(0, 1fr) minmax(25rem, .88fr); align-items: stretch; }
  .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-statement-inner { display: block; }
  .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-statement-inner > * + * { margin-block-start: var(--space-4); }
  .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-editorial-media { max-inline-size: none; border-radius: 7rem .7rem .7rem .7rem; }
  .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-editorial-media img { block-size: 100%; min-block-size: 35rem; aspect-ratio: auto; }

  /* 06 — eight words become one editorial index, followed by a pull quote. */
  .sf-page[data-page="testimonials"] #what-patients-often-value .sf-content-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); background: rgb(255 253 249 / .6); }
  .sf-page[data-page="testimonials"] #what-patients-often-value .sf-content-card { min-block-size: 9rem; background: transparent; }
  .sf-page[data-page="testimonials"] #what-patients-often-value .sf-pull-quote { margin-block-start: clamp(2rem, 4vw, 4rem); }

  /* 07 — transparency is a practitioner statement, not a testimonial. */
  .sf-page[data-page="testimonials"] #review-transparency .sf-botanical-list { max-inline-size: 48rem; }
  .sf-page[data-page="testimonials"] #review-transparency .sf-pull-quote { margin-block-start: clamp(2rem, 4vw, 4rem); border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="testimonials"] #share-your-experience .sf-content-card { border-radius: 0; text-align: start; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="testimonials"] :is(#google-reviews, #skin-care-and-trust) .sf-editorial-media-layout { grid-template-columns: 1fr; }
    .sf-page[data-page="testimonials"] #skin-care-and-trust .sf-editorial-media img { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sf-page[data-page="testimonials"] #what-patients-often-value .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 35.999rem) {
    .sf-page[data-page="testimonials"] #what-patients-often-value .sf-content-card-grid { grid-template-columns: 1fr; }
  }
}

/* Source: css/src/pages/journal.css */
@layer pages {
  /* ---------------------------------------------------------------
     Franciele Sofiati Journal — publication index
     --------------------------------------------------------------- */
  .sf-journal-index,
  .sf-journal-article {
    --journal-ink: var(--forest-900);
    --journal-paper: var(--ivory-50);
    --journal-olive: var(--menu-green);
    --journal-rose: var(--rose-gold-700);
    --journal-gold: var(--gold-700);
    background: var(--journal-paper);
  }

  .sf-journal-index .sj-main,
  .sf-journal-article .sja-main {
    overflow: clip;
  }

  .sf-journal-index :is(.sj-story__link, .sj-lead__link, .sj-full-feature__link, .sj-quiet-feature__link),
  .sf-journal-article :is(.sja-related-card > a, .sja-article-nav > a) {
    color: inherit;
    text-decoration: none;
  }

  .sf-journal-index :is(.sj-story__link, .sj-lead__link, .sj-full-feature__link, .sj-quiet-feature__link):focus-visible,
  .sf-journal-article :is(.sja-related-card > a, .sja-article-nav > a):focus-visible {
    border-radius: .15rem;
    box-shadow: var(--focus-ring);
  }

  .sj-publication-label,
  .sj-section-label,
  .sj-signoff__copy > .sj-publication-label,
  .sja-publication,
  .sja-label {
    margin: 0;
    color: var(--journal-rose);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 780;
    letter-spacing: .18em;
    line-height: 1.35;
    text-transform: uppercase;
  }

  .sj-masthead {
    position: relative;
    padding-block: clamp(8.5rem, 11vw, 10.5rem) clamp(2.5rem, 4vw, 4rem);
  }

  .sj-masthead::before {
    content: none;
  }

  .sj-masthead__rail {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.5rem;
    border-block: 1px solid var(--color-border-warm);
    padding-block: .8rem;
    color: var(--olive-700);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 650;
    letter-spacing: .06em;
  }

  .sj-masthead__place { text-align: center; }
  .sj-masthead__edition { text-align: end; }

  .sj-masthead__title-row {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .78fr);
    align-items: center;
    gap: clamp(2.5rem, 7vw, 7rem);
    padding-block: clamp(2.5rem, 4.5vw, 4.25rem) clamp(1rem, 2vw, 2rem);
  }

  .sj-masthead h1 {
    margin: .15rem 0 0;
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(5.2rem, 10.5vw, 9.75rem);
    font-weight: 400;
    letter-spacing: -.065em;
    line-height: .82;
    text-transform: uppercase;
  }

  .sj-masthead__intro {
    max-inline-size: 40ch;
    margin: 0;
    border-inline-start: 1px solid var(--color-border-rose);
    padding-inline-start: clamp(1.2rem, 2.2vw, 2rem);
    color: var(--color-text-secondary);
    font-family: var(--font-heading);
    font-size: clamp(1.18rem, 1.2vw, 1.42rem);
    line-height: 1.58;
  }

  .sj-masthead__intro em,
  .sj-section-heading em,
  .sj-register__heading em,
  .sj-signoff em,
  .sja-consultation em {
    color: var(--journal-rose);
    font-family: var(--font-heading);
    font-weight: 400;
  }

  .sj-support,
  .sj-full-feature__inner,
  .sj-overlays__inner { position: relative; }

  .sj-category-index {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-block: 1px solid var(--color-border-subtle);
    margin-block-end: clamp(5rem, 8vw, 7.5rem);
  }

  .sj-category-index a {
    min-block-size: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem clamp(.75rem, 1.5vw, 1.35rem);
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1vw, 1.12rem);
    font-weight: 650;
    text-decoration: none;
  }

  .sj-category-index a + a { border-inline-start: 1px solid var(--color-border-subtle); }
  .sj-category-index small { color: var(--journal-rose); font-family: var(--font-body); font-size: .8rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
  .sj-category-index a:hover { background: color-mix(in srgb, var(--sage-100) 52%, transparent); }

  .sj-lead {
    padding-block: 0 clamp(4rem, 7vw, 7rem);
  }

  .sj-lead__link {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(25rem, .85fr);
    align-items: stretch;
    border: 1px solid var(--color-border-subtle);
    background: var(--white);
  }

  .sj-lead__image {
    position: relative;
    min-block-size: clamp(32rem, 39vw, 40rem);
    overflow: hidden;
    background: var(--sage-100);
  }

  .sj-lead__image img,
  .sj-story__image img,
  .sj-full-feature figure img,
  .sj-quiet-feature figure img,
  .sja-hero__feature img,
  .sja-related-card figure img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }

  .sj-lead__image figcaption {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    margin: 0;
    background: color-mix(in srgb, var(--forest-900) 82%, transparent);
    color: var(--ivory-50);
    padding: .58rem .9rem;
    font-size: .78rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .sj-lead__copy {
    align-self: center;
    padding: clamp(2.5rem, 5vw, 5rem);
  }

  .sj-lead__number,
  .sj-story__eyebrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.5rem;
    color: var(--journal-rose);
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .sj-lead__number span:last-child {
    color: color-mix(in srgb, var(--rose-gold-500) 54%, transparent);
    font-family: var(--font-heading);
    font-size: clamp(3rem, 5vw, 5.4rem);
    font-weight: 400;
    letter-spacing: -.06em;
    line-height: .8;
  }

  .sj-lead h2 {
    margin: 0;
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(2.55rem, 3.3vw, 3.9rem);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.02;
    text-wrap: balance;
  }

  .sj-lead__copy > p:not(.sj-lead__number, .sj-story__meta) {
    max-inline-size: 43ch;
    margin-block-start: 1.6rem;
    color: var(--color-text-secondary);
    font-size: clamp(1.02rem, .3vw + .98rem, 1.12rem);
    line-height: 1.75;
  }

  .sj-story__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-block-start: 1.35rem;
    color: var(--olive-600);
    font-size: .9rem;
    font-weight: 680;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .sj-story__read {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-block-start: 1.25rem;
    border-block-end: 1px solid var(--journal-gold);
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 2;
    text-transform: uppercase;
  }

  .sj-lead__link:hover .sj-lead__image img,
  .sj-story__link:hover .sj-story__image img,
  .sj-full-feature__link:hover figure img,
  .sj-quiet-feature__link:hover figure img,
  .sja-related-card > a:hover figure img {
    scale: 1.018;
  }

  .sj-lead__image img,
  .sj-story__image img,
  .sj-full-feature figure img,
  .sj-quiet-feature figure img,
  .sja-related-card figure img {
    transition: scale var(--duration-slow) var(--ease-emphasized), filter var(--duration-standard);
  }

  .sj-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(19rem, .72fr);
    align-items: end;
    gap: clamp(2rem, 7vw, 7rem);
    margin-block-end: clamp(2.5rem, 5vw, 4.5rem);
  }

  .sj-section-heading__intro {
    max-inline-size: 45ch;
    margin: 0;
    color: var(--color-text-secondary);
    font-size: clamp(1rem, .25vw + .96rem, 1.08rem);
    line-height: 1.75;
  }

  .sj-section-heading h2,
  .sj-register__heading h2,
  .sj-signoff h2 {
    max-inline-size: 17ch;
    margin: .85rem 0 0;
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(2.55rem, 3.8vw, 4.25rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: 1;
    text-wrap: balance;
  }

  .sj-support { scroll-margin-block-start: 7rem; padding-block-end: clamp(6rem, 9vw, 8.5rem); }
  .sj-support__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, .82fr);
    align-items: start;
    gap: clamp(1.5rem, 3vw, 2.75rem);
  }

  .sj-support-story .sj-story__link { block-size: 100%; display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--color-border-subtle); background: var(--white); }
  .sj-support-story--1 .sj-story__image { min-block-size: clamp(28rem, 35vw, 35rem); }
  .sj-support-story--2 .sj-story__image { min-block-size: clamp(22rem, 29vw, 29rem); }
  .sj-support-story .sj-story__image { overflow: hidden; background: var(--sage-100); }
  .sj-support-story .sj-story__copy { padding: clamp(1.5rem, 3vw, 2.5rem); }
  .sj-support-story .sj-story__eyebrow { margin-block-end: 1rem; }
  .sj-support-story .sj-story__title {
    margin: 0;
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 2.3vw, 2.75rem);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.07;
    text-wrap: balance;
  }
  .sj-support-story--2 .sj-story__title { font-size: clamp(1.7rem, 1.9vw, 2.25rem); }
  .sj-support-story .sj-story__excerpt { max-inline-size: 56ch; margin-block-start: 1rem; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.72; }

  .sj-full-feature {
    scroll-margin-block-start: 7rem;
    padding-block: clamp(5.5rem, 9vw, 8.5rem);
    background: var(--sage-50);
  }
  .sj-full-feature__link {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(24rem, .92fr);
    align-items: stretch;
    border: 1px solid var(--color-border-subtle);
    background: var(--white);
    color: var(--journal-ink);
  }
  .sj-full-feature figure { min-block-size: clamp(29rem, 38vw, 38rem); overflow: hidden; }
  .sj-full-feature__copy { align-self: center; padding: clamp(2.5rem, 5vw, 5rem); }
  .sj-full-feature__copy > .sj-story__eyebrow { margin-block-end: 1.25rem; }
  .sj-full-feature h3 { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2.25rem, 3.2vw, 3.65rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.02; text-wrap: balance; }
  .sj-full-feature__excerpt { max-inline-size: 48ch; margin: 1.25rem 0 0; color: var(--color-text-secondary); font-size: 1.04rem; line-height: 1.75; }

  .sj-rows { padding-block: clamp(6rem, 9vw, 8.5rem); }
  .sj-section-heading--rule { border-block-end: 1px solid var(--color-border-subtle); padding-block-end: clamp(2rem, 4vw, 3rem); }
  .sj-rows__list { display: grid; }
  .sj-row-story { border-block-end: 1px solid var(--color-border-subtle); }
  .sj-row-story .sj-story__link { display: grid; grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(2rem, 4vw, 3.5rem); }
  .sj-row-story .sj-story__image { position: relative; min-block-size: clamp(18rem, 23vw, 23rem); overflow: hidden; background: var(--sage-100); }
  .sj-row-story .sj-story__image img { position: absolute; inset: 0; }
  .sj-row-story .sj-story__title { max-inline-size: 24ch; margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2rem, 2.8vw, 3.25rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.02; text-wrap: balance; }
  .sj-row-story .sj-story__excerpt { max-inline-size: 56ch; margin-block-start: 1.15rem; color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.75; }

  .sj-overlays { scroll-margin-block-start: 7rem; padding-block: clamp(6rem, 9vw, 8.5rem); background: var(--journal-olive); }
  .sj-overlays .sj-section-heading h2 { color: var(--ivory-50); }
  .sj-overlays .sj-section-label { color: var(--gold-200); }
  .sj-overlays .sj-section-heading__intro { color: color-mix(in srgb, var(--ivory-50) 86%, transparent); }
  .sj-overlays__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.75rem); }
  .sj-overlay-story .sj-story__link { block-size: 100%; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: var(--ivory-50); color: var(--journal-ink); }
  .sj-overlay-story--1 { grid-column: 1 / -1; }
  .sj-overlay-story--1 .sj-story__link { grid-template-columns: minmax(0, 1.08fr) minmax(23rem, .92fr); grid-template-rows: none; }
  .sj-overlay-story .sj-story__image { position: relative; min-block-size: clamp(20rem, 27vw, 27rem); overflow: hidden; background: var(--sage-100); }
  .sj-overlay-story--1 .sj-story__image { min-block-size: clamp(29rem, 36vw, 36rem); }
  .sj-overlay-story .sj-story__copy { align-self: center; padding: clamp(1.75rem, 4vw, 3.5rem); }
  .sj-overlay-story .sj-story__eyebrow { color: var(--journal-rose); }
  .sj-overlay-story .sj-story__title { max-inline-size: 22ch; margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(1.9rem, 2.5vw, 2.85rem); font-weight: 400; letter-spacing: -.03em; line-height: 1.04; text-wrap: balance; }
  .sj-overlay-story--1 .sj-story__title { font-size: clamp(2.3rem, 3.2vw, 3.7rem); }
  .sj-overlay-story .sj-story__excerpt { max-inline-size: 52ch; margin-block-start: 1.15rem; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.72; }
  .sj-overlay-story .sj-story__meta { color: var(--olive-600); }
  .sj-overlay-story .sj-story__read { border-color: var(--journal-gold); color: var(--journal-ink); }

  .sj-quiet-feature { scroll-margin-block-start: 7rem; padding-block: clamp(6rem, 9vw, 8.5rem); }
  .sj-quiet-feature__link { display: grid; grid-template-columns: minmax(23rem, .84fr) minmax(0, 1.16fr); align-items: stretch; border: 1px solid var(--color-border-subtle); background: var(--blush-50); }
  .sj-quiet-feature__copy { padding: clamp(2rem, 5vw, 5.5rem); }
  .sj-quiet-feature__copy > p:first-child { margin: 0 0 1.4rem; color: var(--journal-rose); font-size: .875rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
  .sj-quiet-feature h3 { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2.2rem, 3.2vw, 3.65rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.03; text-wrap: balance; }
  .sj-quiet-feature__copy > p:not(:first-child, .sj-story__meta) { margin-block-start: 1.25rem; color: var(--color-text-secondary); font-size: 1.03rem; line-height: 1.75; }
  .sj-quiet-feature figure { min-block-size: clamp(29rem, 38vw, 38rem); overflow: hidden; }

  .sj-register {
    display: grid;
    grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
    gap: clamp(3rem, 7vw, 7rem);
    padding-block: clamp(6rem, 9vw, 8.5rem);
    border-block-start: 1px solid var(--color-border-subtle);
  }
  .sj-register__heading { align-self: start; position: sticky; inset-block-start: 7.5rem; }
  .sj-register__heading h2 { margin-block-start: 1.25rem; }
  .sj-register__intro { max-inline-size: 41ch; margin-block-start: 1.5rem; color: var(--color-text-secondary); font-size: 1.04rem; font-weight: 400; letter-spacing: normal; line-height: 1.75; text-transform: none; }
  .sj-register__list { margin: 0; border-block-start: 1px solid var(--color-border-warm); padding: 0; list-style: none; }
  .sj-register__list li { margin: 0; border-block-end: 1px solid var(--color-border-subtle); }
  .sj-register__list li a { min-block-size: 5.75rem; display: grid; grid-template-columns: 3rem minmax(0, 1fr) 2rem; align-items: center; gap: clamp(.9rem, 2vw, 1.5rem); color: inherit; text-decoration: none; }
  .sj-register__number { color: var(--journal-rose); font-family: var(--font-heading); font-size: 1.3rem; font-variant-numeric: tabular-nums; }
  .sj-register__entry { display: grid; gap: .45rem; }
  .sj-register__entry strong { color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(1.12rem, 1.25vw, 1.35rem); font-weight: 400; line-height: 1.3; }
  .sj-register__entry small { color: var(--olive-600); font-size: .8rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
  .sj-register__arrow { color: var(--journal-gold); font-size: 1.15rem; text-align: end; transition: translate var(--duration-fast); }
  .sj-register__list li a:hover .sj-register__arrow { translate: .25rem -.25rem; }
  .sj-register__list li a:hover .sj-register__entry strong { color: var(--rose-gold-700); }

  .sj-signoff {
    margin-block-start: clamp(1rem, 3vw, 3rem);
    background:
      linear-gradient(120deg, color-mix(in srgb, var(--blush-100) 68%, var(--ivory-50)), color-mix(in srgb, var(--champagne-100) 56%, var(--sage-100)));
  }
  .sj-signoff__inner { display: grid; grid-template-columns: minmax(17rem, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(1.5rem, 4vw, 4.5rem); }
  .sj-signoff figure { position: relative; align-self: center; justify-self: end; inline-size: min(100%, 22rem); block-size: clamp(20rem, 22vw, 23rem); overflow: hidden; }
  .sj-signoff figure img { position: absolute; inset-inline-start: 50%; display: block; block-size: 132.35%; inline-size: auto; max-block-size: none; max-inline-size: none; transform: translate(-50%, -24.22%); }
  .sj-signoff__copy { max-inline-size: 48rem; padding-block: clamp(3rem, 5vw, 5rem); }
  .sj-signoff h2 { margin-block-start: 1rem; }
  .sj-signoff__copy > p:not(:first-child) { max-inline-size: 50ch; margin-block-start: 1.5rem; color: var(--color-text-secondary); font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.7; }
  .sj-signoff__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-block-start: 2rem; }
  .sj-signoff .sf-button--primary { background-color: var(--forest-800); }
  .sj-signoff__actions > a:not(.sf-button) { min-block-size: 2.75rem; display: inline-flex; align-items: center; border-block-end: 1px solid var(--journal-gold); color: var(--journal-ink); font-family: var(--font-heading); font-size: .9rem; font-weight: 700; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }

  /* ---------------------------------------------------------------
     Long-form article system
     --------------------------------------------------------------- */
  .sja-hero {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(1.25rem, 3vw, 3rem);
    padding-block: clamp(11rem, 15vw, 14rem) clamp(4rem, 7vw, 7rem);
    border-block-end: 1px solid var(--color-border-subtle);
  }
  .sja-hero__intro { align-self: center; }
  .sja-publication { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block-end: 1.5rem; }
  .sja-publication a { color: inherit; text-decoration: none; }
  .sja-publication span:last-child { margin-inline-start: auto; color: color-mix(in srgb, var(--rose-gold-500) 52%, transparent); font-family: var(--font-heading); font-size: clamp(2.7rem, 5vw, 5rem); font-weight: 400; letter-spacing: -.06em; line-height: .75; }
  .sja-hero h1 {
    max-inline-size: 18ch;
    margin: 0;
    color: var(--journal-ink);
    font-family: var(--font-heading);
    font-size: clamp(3.1rem, 5.4vw, 6.25rem);
    font-weight: 400;
    letter-spacing: -.052em;
    line-height: .92;
    text-wrap: balance;
  }
  .sja-standfirst { max-inline-size: 53ch; margin-block-start: clamp(1.4rem, 2.4vw, 2.25rem); color: var(--color-text-secondary); font-family: var(--font-heading); font-size: clamp(1.15rem, 1.45vw, 1.48rem); line-height: 1.55; }
  .sja-byline { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin-block-start: 1.7rem; color: var(--olive-600); font-size: .875rem; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
  .sja-byline span + span { border-inline-start: 1px solid var(--color-border-warm); padding-inline-start: 1rem; }
  .sja-hero__feature { position: relative; min-block-size: 30rem; overflow: hidden; background: var(--sage-100); }
  .sja-hero__feature figcaption { position: absolute; inset-block-end: 0; inset-inline-start: 0; margin: 0; background: color-mix(in srgb, var(--forest-900) 82%, transparent); color: var(--ivory-50); padding: .55rem .85rem; }
  .sja-hero__portrait { min-block-size: 16rem; display: grid; align-items: end; overflow: hidden; border-block-end: 1px solid var(--color-border-rose); background: linear-gradient(160deg, var(--blush-100), var(--sage-100)); }
  .sja-hero__portrait img { inline-size: 100%; block-size: 100%; object-fit: contain; object-position: center bottom; }

  .sja-hero--split .sja-hero__intro { grid-column: 1 / 7; grid-row: 1; }
  .sja-hero--split .sja-hero__feature { grid-column: 7 / 13; grid-row: 1 / 3; }
  .sja-hero--split .sja-hero__portrait { grid-column: 2 / 5; grid-row: 2; }
  .sja-hero--split .sja-hero__feature img { object-position: center; }

  .sja-hero--title-led .sja-hero__intro { grid-column: 1 / 10; grid-row: 1; }
  .sja-hero--title-led .sja-hero__portrait { grid-column: 10 / 13; grid-row: 1; }
  .sja-hero--title-led .sja-hero__feature { grid-column: 1 / 13; grid-row: 2; min-block-size: clamp(28rem, 43vw, 42rem); }

  .sja-hero--portrait-led .sja-hero__portrait { grid-column: 1 / 4; grid-row: 1; min-block-size: 30rem; }
  .sja-hero--portrait-led .sja-hero__intro { grid-column: 4 / 13; grid-row: 1; padding-inline-start: clamp(1rem, 3vw, 3rem); }
  .sja-hero--portrait-led .sja-hero__feature { grid-column: 1 / 13; grid-row: 2; min-block-size: clamp(27rem, 42vw, 40rem); }

  .sja-hero--panorama .sja-hero__intro { grid-column: 1 / 10; grid-row: 1; }
  .sja-hero--panorama .sja-hero__portrait { grid-column: 10 / 13; grid-row: 1; }
  .sja-hero--panorama .sja-hero__feature { grid-column: 1 / 13; grid-row: 2; min-block-size: clamp(30rem, 47vw, 46rem); }
  .sja-hero--panorama .sja-hero__feature img { object-position: center; }

  .sja-reading-grid {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 46rem);
    justify-content: center;
    align-items: start;
    gap: clamp(3rem, 7vw, 8rem);
    padding-block: clamp(5rem, 9vw, 9rem);
  }
  .sja-at-glance > div { position: sticky; inset-block-start: 7.5rem; border-block: 1px solid var(--color-border-warm); padding-block: 1.5rem; }
  .sja-at-glance p { margin: 0 0 .6rem; color: var(--journal-rose); font-size: .875rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
  .sja-at-glance h2 { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: 2rem; font-weight: 400; }
  .sja-at-glance ol { counter-reset: glance; display: grid; gap: 1rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }
  .sja-at-glance li { counter-increment: glance; position: relative; margin: 0; padding-inline-start: 2rem; color: var(--color-text-secondary); font-size: .875rem; line-height: 1.6; }
  .sja-at-glance li::before { content: counter(glance, decimal-leading-zero); position: absolute; inset-inline-start: 0; inset-block-start: .05em; color: var(--journal-gold); font-family: var(--font-heading); font-size: .8rem; }
  .sja-at-glance a { min-block-size: 2.75rem; display: inline-flex; align-items: center; margin-block-start: 1.3rem; border-block-end: 1px solid var(--journal-gold); color: var(--journal-ink); font-family: var(--font-heading); font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }

  .sja-prose { min-inline-size: 0; }
  .sja-reading-section { scroll-margin-block-start: 7rem; }
  .sja-reading-section + .sja-reading-section { margin-block-start: clamp(3.75rem, 6vw, 6rem); }
  .sja-reading-section h2 { max-inline-size: 23ch; margin: 0 0 1.5rem; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2rem, 3.25vw, 3.25rem); font-weight: 400; letter-spacing: -.032em; line-height: 1.03; text-wrap: balance; }
  .sja-reading-section > p { margin: 0; color: color-mix(in srgb, var(--forest-900) 84%, var(--ink-700)); font-size: clamp(1.04rem, .4vw + .98rem, 1.17rem); line-height: 1.86; }
  .sja-reading-section > p + p { margin-block-start: 1.25rem; }
  .sja-reading-section a { color: var(--rose-gold-700); font-weight: 650; text-decoration-color: color-mix(in srgb, var(--rose-gold-600) 45%, transparent); }
  .sja-reading-section > p.sja-editorial-lead { border-inline-start: 2px solid var(--journal-gold); padding-inline-start: 1.25rem; color: var(--olive-700); font-family: var(--font-heading); font-size: clamp(1.2rem, 1.5vw, 1.48rem); line-height: 1.55; }
  .sja-editorial-list { display: grid; gap: .9rem; margin: 1.5rem 0 1.75rem; padding: 0; list-style: none; }
  .sja-editorial-list li { position: relative; margin: 0; border-block-end: 1px solid var(--color-border-subtle); padding: 0 0 .9rem 1.65rem; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.65; }
  .sja-editorial-list li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .72em; inline-size: .45rem; aspect-ratio: 1; border-radius: 50%; background: var(--journal-gold); }
  .sja-editorial-list strong { color: var(--journal-ink); font-family: var(--font-heading); font-size: 1.05em; font-weight: 700; }
  .sja-pullquote { margin: clamp(3rem, 6vw, 5.75rem) clamp(-3.5rem, -4vw, -1.75rem); border: 0; border-block: 1px solid var(--color-border-warm); padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem); text-align: center; }
  .sja-pullquote p { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(1.65rem, 2.8vw, 2.7rem); font-style: italic; letter-spacing: -.02em; line-height: 1.28; }

  .sja-faqs { scroll-margin-block-start: 6rem; background: var(--journal-olive); color: var(--ivory-50); padding-block: clamp(5rem, 9vw, 9rem); }
  .sja-faqs__inner { display: grid; grid-template-columns: minmax(17rem, .65fr) minmax(0, 1.35fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); }
  .sja-faqs header { position: sticky; inset-block-start: 7.5rem; }
  .sja-faqs header > .sja-label { color: var(--gold-200); }
  .sja-faqs h2 { max-inline-size: 10ch; margin: 1rem 0 0; color: var(--ivory-50); font-family: var(--font-heading); font-size: clamp(2.7rem, 4.6vw, 5rem); font-weight: 400; letter-spacing: -.045em; line-height: .96; }
  .sja-faqs__intro { max-inline-size: 38ch; margin-block-start: 1.5rem; color: color-mix(in srgb, var(--ivory-50) 78%, transparent); line-height: 1.7; }
  .sja-faqs__list { border-block-start: 1px solid color-mix(in srgb, var(--gold-300) 45%, transparent); }
  .sja-faq { border-block-end: 1px solid color-mix(in srgb, var(--gold-300) 38%, transparent); }
  .sja-faq summary { min-block-size: 5rem; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) 1.5rem; align-items: center; gap: 1rem; cursor: pointer; color: var(--ivory-50); padding-block: 1rem; list-style: none; }
  .sja-faq summary::-webkit-details-marker { display: none; }
  .sja-faq__number { color: var(--gold-200); font-family: var(--font-heading); font-size: .88rem; }
  .sja-faq__question { font-family: var(--font-heading); font-size: clamp(1.08rem, 1.4vw, 1.35rem); line-height: 1.35; }
  .sja-faq__icon { color: var(--gold-200); font-size: 1.35rem; text-align: center; transition: rotate var(--duration-fast); }
  .sja-faq[open] .sja-faq__icon { rotate: 45deg; }
  .sja-faq > div { padding: 0 2.5rem 1.5rem 3.25rem; }
  .sja-faq > div p { max-inline-size: 57ch; margin: 0; color: color-mix(in srgb, var(--ivory-50) 82%, transparent); line-height: 1.72; }

  .sja-author { display: grid; grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr); align-items: end; gap: clamp(2rem, 7vw, 7rem); margin-block: clamp(5rem, 9vw, 9rem); background: linear-gradient(130deg, var(--blush-100), color-mix(in srgb, var(--sage-100) 74%, var(--ivory-50))); }
  .sja-author figure { min-block-size: 30rem; align-self: stretch; display: grid; align-items: end; overflow: hidden; }
  .sja-author figure img { inline-size: 100%; block-size: 100%; max-block-size: 38rem; object-fit: contain; object-position: center bottom; }
  .sja-author > div { max-inline-size: 44rem; padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 5vw, 5rem) clamp(3rem, 6vw, 6rem) 0; }
  .sja-author h2 { margin: .8rem 0 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2.6rem, 4.5vw, 4.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .95; }
  .sja-author__credentials { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-block-start: 1rem; color: var(--olive-700); font-size: .875rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
  .sja-author blockquote { margin: 1.8rem 0 0; border: 0; padding: 0; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 400; line-height: 1.35; }
  .sja-author__bio { margin-block-start: 1.25rem; color: var(--color-text-secondary); line-height: 1.75; }

  .sja-consultation { padding-block: clamp(5rem, 8vw, 8rem); background: linear-gradient(125deg, var(--forest-800), var(--menu-green)); color: var(--ivory-50); }
  .sja-consultation__inner { max-inline-size: 64rem; text-align: center; }
  .sja-consultation__inner > .sja-label { color: var(--gold-200); }
  .sja-consultation h2 { max-inline-size: 19ch; margin: 1rem auto 0; color: var(--ivory-50); font-family: var(--font-heading); font-size: clamp(2.55rem, 4.7vw, 5.15rem); font-weight: 400; letter-spacing: -.045em; line-height: .96; text-wrap: balance; }
  .sja-consultation h2 em { color: var(--gold-200); }
  .sja-consultation__copy { max-inline-size: 59ch; margin: 1.35rem auto 0; color: color-mix(in srgb, var(--ivory-50) 82%, transparent); line-height: 1.72; }
  .sja-consultation__inner > div { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.3rem; margin-block-start: 2rem; }
  .sja-consultation .sf-button--primary { border-color: var(--gold-300); background: var(--ivory-50); color: var(--forest-900); }
  .sja-consultation__inner > div > a:not(.sf-button) { min-block-size: 2.75rem; display: inline-flex; align-items: center; border-block-end: 1px solid var(--gold-300); color: var(--ivory-50); font-family: var(--font-heading); font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }

  .sja-related { padding-block: clamp(6rem, 10vw, 10rem); }
  .sja-related > header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; border-block-end: 1px solid var(--color-border-subtle); padding-block-end: 1.5rem; }
  .sja-related h2 { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(2.5rem, 4vw, 4.25rem); font-weight: 400; letter-spacing: -.04em; line-height: .95; }
  .sja-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); margin-block-start: 2.25rem; }
  .sja-related-card figure { aspect-ratio: 4 / 3; overflow: hidden; background: var(--sage-100); }
  .sja-related-card > a > div { padding-block-start: 1.2rem; }
  .sja-related-card p { margin: 0 0 .7rem; color: var(--journal-rose); font-size: .875rem; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }
  .sja-related-card h3 { margin: 0; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(1.3rem, 1.75vw, 1.75rem); font-weight: 400; line-height: 1.18; text-wrap: balance; }
  .sja-related-card > a > div > span { display: inline-flex; margin-block-start: 1rem; border-block-end: 1px solid var(--journal-gold); color: var(--journal-ink); font-family: var(--font-heading); font-size: .875rem; font-weight: 700; letter-spacing: .08em; line-height: 2; text-transform: uppercase; }

  .sja-article-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--color-border-subtle); margin-block-end: clamp(6rem, 9vw, 9rem); }
  .sja-article-nav > a { min-block-size: 9rem; display: grid; align-content: center; gap: .65rem; padding: clamp(1.4rem, 3vw, 2.5rem); }
  .sja-article-nav > a + a { border-inline-start: 1px solid var(--color-border-subtle); text-align: end; }
  .sja-article-nav span { color: var(--journal-rose); font-size: .875rem; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
  .sja-article-nav strong { max-inline-size: 30ch; color: var(--journal-ink); font-family: var(--font-heading); font-size: clamp(1rem, 1.5vw, 1.35rem); font-weight: 400; line-height: 1.3; }
  .sja-article-nav > a + a strong { justify-self: end; }
  .sja-article-nav > a:hover { background: color-mix(in srgb, var(--sage-100) 58%, transparent); }

  @media (max-width: 75rem) {
    .sja-hero--split .sja-hero__intro { grid-column: 1 / 8; }
    .sja-hero--split .sja-hero__feature { grid-column: 8 / 13; }
  }

  @media (max-width: 63.999rem) {
    .sj-masthead { padding-block-start: 9.5rem; }
    .sj-masthead__title-row { grid-template-columns: 1fr; gap: 2rem; }
    .sj-masthead h1 { font-size: clamp(6rem, 17vw, 10rem); }
    .sj-masthead__intro { max-inline-size: 52ch; }
    .sj-category-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sj-category-index > .sj-category-index__item--3 { border-inline-start: 0; border-block-start: 1px solid var(--color-border-subtle); }
    .sj-category-index__item--4 { border-block-start: 1px solid var(--color-border-subtle); }
    .sj-lead__link { grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); }
    .sj-lead__image { min-block-size: 32rem; }
    .sj-lead__copy { padding: clamp(2rem, 4vw, 3.5rem); }
    .sj-section-heading { grid-template-columns: minmax(0, 1.05fr) minmax(17rem, .95fr); gap: clamp(2rem, 5vw, 4rem); }
    .sj-support__grid { grid-template-columns: 1fr; }
    .sj-support-story .sj-story__link {
      grid-template-columns: minmax(16rem, .78fr) minmax(0, 1.22fr);
      grid-template-rows: none;
      align-items: stretch;
    }
    .sj-support-story .sj-story__image { min-block-size: 25rem; }
    .sj-support-story--1 .sj-story__image,
    .sj-support-story--2 .sj-story__image { min-block-size: 25rem; }
    .sj-support-story .sj-story__copy { align-self: center; }
    .sj-full-feature__link { grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr); }
    .sj-full-feature__copy { padding: clamp(2rem, 4vw, 3.5rem); }
    .sj-row-story .sj-story__link { grid-template-columns: minmax(14rem, .7fr) minmax(0, 1.3fr); }
    .sj-overlays__grid { grid-template-columns: 1fr; }
    .sj-overlay-story--1 { grid-column: auto; }
    .sj-overlay-story .sj-story__link,
    .sj-overlay-story--1 .sj-story__link {
      grid-template-columns: minmax(16rem, .82fr) minmax(0, 1.18fr);
      grid-template-rows: none;
    }
    .sj-overlay-story .sj-story__image,
    .sj-overlay-story--1 .sj-story__image { min-block-size: 26rem; }
    .sj-quiet-feature__link { grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.08fr); }
    .sj-register { grid-template-columns: 1fr; }
    .sj-register__heading { position: static; }
    .sj-register__intro { max-inline-size: 57ch; }
    .sj-signoff__inner { grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr); gap: clamp(1.5rem, 3vw, 3rem); }

    .sja-hero { padding-block-start: 9.5rem; }
    .sja-hero h1 { font-size: clamp(3.1rem, 7.4vw, 5.25rem); }
    .sja-hero--split .sja-hero__intro,
    .sja-hero--title-led .sja-hero__intro,
    .sja-hero--panorama .sja-hero__intro { grid-column: 1 / 10; }
    .sja-hero--split .sja-hero__feature { grid-column: 1 / 13; grid-row: 2; min-block-size: 34rem; }
    .sja-hero--split .sja-hero__portrait { grid-column: 10 / 13; grid-row: 1; }
    .sja-reading-grid { grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr); gap: 3rem; }
    .sja-pullquote { margin-inline: 0; }
    .sja-faqs__inner { grid-template-columns: minmax(14rem, .55fr) minmax(0, 1.45fr); gap: 3rem; }
  }

  @media (max-width: 47.999rem) {
    .sj-masthead { padding-block: 8rem 2.5rem; }
    .sj-masthead__rail { grid-template-columns: 1fr auto; }
    .sj-masthead__place { display: none; }
    .sj-masthead__title-row { padding-block: 2.25rem 1rem; }
    .sj-masthead h1 { font-size: clamp(4.25rem, 21vw, 6.75rem); line-height: .84; }
    .sj-masthead__intro { padding-inline-start: 1rem; font-size: 1.12rem; }
    .sj-category-index { grid-template-columns: 1fr; margin-block-end: 4.5rem; }
    .sj-category-index a + a,
    .sj-category-index__item--3,
    .sj-category-index__item--4 { border-inline-start: 0; border-block-start: 1px solid var(--color-border-subtle); }

    .sj-lead { padding-inline: 0; }
    .sj-lead__link { grid-template-columns: 1fr; }
    .sj-lead__image { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sj-lead__copy { padding: 2rem var(--page-gutter) 2.75rem; }
    .sj-lead h2 { font-size: clamp(2.25rem, 10.5vw, 3.55rem); }
    .sj-lead__number span:last-child { font-size: 3.5rem; }
    .sj-section-heading { grid-template-columns: 1fr; gap: .9rem; }
    .sj-section-heading h2,
    .sj-register__heading h2,
    .sj-signoff h2 { font-size: clamp(2.4rem, 11vw, 3.75rem); }
    .sj-support-story--1 .sj-story__link,
    .sj-support-story--2 .sj-story__link { grid-template-columns: 1fr; grid-template-rows: auto; }
    .sj-support-story--1 .sj-story__image { min-block-size: 0; aspect-ratio: 4 / 3; }
    .sj-support-story--2 .sj-story__image { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sj-support-story--1 .sj-story__copy,
    .sj-support-story--2 .sj-story__copy { padding: 1.5rem; }
    .sj-full-feature { padding-block: 3.5rem; }
    .sj-full-feature__link { grid-template-columns: 1fr; }
    .sj-full-feature figure { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sj-full-feature__copy { padding: 1.65rem; }
    .sj-full-feature h3 { font-size: clamp(2.2rem, 10vw, 3.45rem); }
    .sj-row-story .sj-story__link { grid-template-columns: 1fr; }
    .sj-row-story .sj-story__image { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sj-row-story .sj-story__title { font-size: clamp(2rem, 9.5vw, 3.2rem); }
    .sj-overlays__grid { grid-template-columns: 1fr; }
    .sj-overlay-story .sj-story__link,
    .sj-overlay-story--1 .sj-story__link { grid-template-columns: 1fr; grid-template-rows: auto; }
    .sj-overlay-story .sj-story__image,
    .sj-overlay-story--1 .sj-story__image { min-block-size: 0; aspect-ratio: 16 / 10; }
    .sj-overlay-story--1 .sj-story__image { aspect-ratio: 4 / 3; }
    .sj-overlay-story .sj-story__copy { padding: 1.5rem; }
    .sj-overlay-story .sj-story__title,
    .sj-overlay-story--1 .sj-story__title { font-size: clamp(2rem, 9.25vw, 3.2rem); }
    .sj-quiet-feature__link { grid-template-columns: 1fr; }
    .sj-quiet-feature figure { grid-row: 1; min-block-size: 0; aspect-ratio: 4 / 3; }
    .sj-quiet-feature__copy { grid-row: 2; padding: 2rem; }
    .sj-register__list li a { min-block-size: 0; grid-template-columns: 2.35rem minmax(0, 1fr) 1.25rem; padding-block: 1.15rem; }
    .sj-register__entry strong { font-size: 1.08rem; }
    .sj-signoff__inner { grid-template-columns: 1fr; }
    .sj-signoff figure { align-self: auto; inline-size: min(100%, 15rem); block-size: 18rem; margin-inline: auto; }
    .sj-signoff__copy { padding-block: 0 3rem; }
    .sj-signoff__actions { align-items: stretch; }
    .sj-signoff__actions .sf-button { inline-size: 100%; }

    .sja-hero { grid-template-columns: 1fr; padding-block: 8rem 4rem; }
    .sja-hero--split .sja-hero__intro,
    .sja-hero--split .sja-hero__feature,
    .sja-hero--split .sja-hero__portrait,
    .sja-hero--title-led .sja-hero__intro,
    .sja-hero--title-led .sja-hero__feature,
    .sja-hero--title-led .sja-hero__portrait,
    .sja-hero--portrait-led .sja-hero__intro,
    .sja-hero--portrait-led .sja-hero__feature,
    .sja-hero--portrait-led .sja-hero__portrait,
    .sja-hero--panorama .sja-hero__intro,
    .sja-hero--panorama .sja-hero__feature,
    .sja-hero--panorama .sja-hero__portrait {
      grid-column: 1;
      grid-row: auto;
    }
    .sja-hero > .sja-hero__intro { grid-row: 1; padding-inline-start: 0; }
    .sja-hero > .sja-hero__feature { grid-row: 2; min-block-size: 0; aspect-ratio: 4 / 3; }
    .sja-hero > .sja-hero__portrait { grid-row: 3; inline-size: min(11rem, 42vw); min-block-size: 13.75rem; justify-self: end; margin-block-start: -3rem; border: 1px solid var(--color-border-rose); background: var(--blush-100); }
    .sja-hero h1 { max-inline-size: none; font-size: clamp(2.75rem, 12vw, 4.2rem); }
    .sja-publication span:last-child { font-size: 3rem; }
    .sja-standfirst { font-size: 1.1rem; }
    .sja-byline span + span { border: 0; padding: 0; }
    .sja-reading-grid { grid-template-columns: 1fr; gap: 4rem; padding-block: 4.5rem; }
    .sja-at-glance > div { position: static; }
    .sja-reading-section + .sja-reading-section { margin-block-start: 3.75rem; }
    .sja-reading-section h2 { font-size: clamp(2rem, 9.5vw, 2.8rem); }
    .sja-reading-section > p { font-size: 1.05rem; line-height: 1.78; }
    .sja-pullquote { margin-block: 3.5rem; padding-inline: .4rem; }
    .sja-pullquote p { font-size: clamp(1.55rem, 7.5vw, 2.2rem); }
    .sja-faqs__inner { grid-template-columns: 1fr; }
    .sja-faqs header { position: static; }
    .sja-faqs h2 { max-inline-size: none; font-size: clamp(2.7rem, 12vw, 4rem); }
    .sja-faq summary { grid-template-columns: 1.7rem minmax(0, 1fr) 1.2rem; gap: .7rem; }
    .sja-faq > div { padding-inline: 2.4rem .25rem; }
    .sja-author { grid-template-columns: 1fr; margin-inline: var(--page-gutter); }
    .sja-author figure { min-block-size: 26rem; }
    .sja-author > div { padding: 0 1.5rem 3.5rem; }
    .sja-consultation__inner > div { align-items: stretch; }
    .sja-consultation .sf-button { inline-size: 100%; }
    .sja-related > header { display: grid; }
    .sja-related__grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .sja-related-card > a { display: grid; grid-template-columns: minmax(8rem, .75fr) minmax(0, 1.25fr); gap: 1.2rem; align-items: start; }
    .sja-related-card figure { aspect-ratio: 4 / 5; }
    .sja-related-card > a > div { padding-block-start: 0; }
    .sja-article-nav { grid-template-columns: 1fr; }
    .sja-article-nav > a + a { border-inline-start: 0; border-block-start: 1px solid var(--color-border-subtle); }
  }

  @media (max-width: 25rem) {
    .sj-masthead h1 { font-size: clamp(4rem, 20vw, 5rem); }
    .sj-lead__copy { padding-inline: 1.1rem; }
    .sj-overlay-story .sj-story__copy { padding: 1.35rem; }
    .sj-register__list li a { grid-template-columns: 1.9rem minmax(0, 1fr); }
    .sj-register__arrow { display: none; }
    .sja-hero { padding-inline: 1rem; }
    .sja-hero h1 { font-size: clamp(2.45rem, 11.8vw, 3.2rem); }
    .sja-publication { gap: .45rem; }
    .sja-publication span:last-child { inline-size: 100%; margin: .5rem 0 0; }
    .sja-related-card > a { grid-template-columns: 1fr; }
    .sja-related-card figure { aspect-ratio: 16 / 10; }
  }

  @media (prefers-reduced-motion: reduce) {
    .sf-journal-index :is(.sj-lead__image img, .sj-story__image img, .sj-full-feature figure img, .sj-quiet-feature figure img),
    .sf-journal-article .sja-related-card figure img,
    .sja-faq summary span:last-child,
    .sj-register__arrow { transition: none; }
  }
}

/* Source: css/src/pages/blog.css */
@layer pages {
  .sf-page[data-page="blog"] #featured-article > .sf-editorial-split { background: linear-gradient(135deg, var(--color-bg-sage-soft), var(--blush-50)); }
  .sf-page[data-page="blog"] #skin .sf-content-card { border-radius: var(--radius-arch); text-align: center; }
  .sf-page[data-page="blog"] #pigmentation > .sf-editorial-media-layout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); }
  .sf-page[data-page="blog"] #laser .sf-content-card { background: transparent; border-inline-start: .18rem solid var(--gold-500); }
  .sf-page[data-page="blog"] #before-treatment .sf-content-card { min-block-size: 12rem; }
  .sf-page[data-page="blog"] #aftercare .sf-section-head { max-inline-size: 42rem; margin-inline-start: auto; text-align: end; }
  .sf-page[data-page="blog"] #results .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sf-page[data-page="blog"] #browse-by-topic .sf-content-card { min-block-size: 8.5rem; }
  .sf-page[data-page="blog"] #search-the-blog > .sf-section-inner { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); }
  .sf-page[data-page="blog"] #search-the-blog .sf-search-form { background: color-mix(in srgb, var(--ivory-50) 94%, transparent); }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="blog"] #aftercare .sf-section-head { margin-inline-start: 0; text-align: start; }
    .sf-page[data-page="blog"] #results .sf-content-card-grid { grid-template-columns: 1fr; }
  }
}

/* Source: css/src/pages/faq.css */
@layer pages {
  .sf-page[data-page="faq"] .sf-faq-search {
    position: relative;
    z-index: 3;
    display: grid;
    gap: .45rem;
    margin-block: clamp(-2.5rem, -3vw, -1.5rem) 2rem;
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--ivory-50) 94%, transparent);
    padding: clamp(1rem, 2.5vw, 1.5rem);
    box-shadow: var(--shadow-raised);
    backdrop-filter: blur(.8rem);
  }

  .sf-page[data-page="faq"] .sf-section[data-pattern="accordion"] { padding-block: clamp(2.75rem, 5vw, 5rem); }
  .sf-page[data-page="faq"] #choosing-treatment .sf-accordion-item { border-radius: var(--radius-lg) var(--radius-sm) var(--radius-sm); }
  .sf-page[data-page="faq"] #skin-and-routines .sf-section-head { max-inline-size: 22rem; }
  .sf-page[data-page="faq"] #laser-fundamentals .sf-accordion-item[open] { border-color: var(--color-border-rose); }
  .sf-page[data-page="faq"] #peels-and-co-resurfacing .sf-accordion { border-inline-start: 1px solid var(--color-border-warm); padding-inline-start: clamp(1rem, 2vw, 2rem); }
  .sf-page[data-page="faq"] #appointments-and-practical-questions > .sf-section-inner { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="faq"] #peels-and-co-resurfacing .sf-accordion { border-inline-start: 0; padding-inline-start: 0; }
  }
}

/* Source: css/src/pages/consultation.css */
@layer pages {
  .sf-page[data-page="consultation"] #what-it-is > .sf-editorial-split { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 78%, transparent)); }
  .sf-page[data-page="consultation"] #what-it-is-not .sf-statement-inner { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); }
  .sf-page[data-page="consultation"] #how-it-works .sf-step { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 80%, transparent)); }
  .sf-page[data-page="consultation"] #what-to-bring .sf-content-card { min-block-size: 11rem; }
  .sf-page[data-page="consultation"] #questions-belong-here .sf-statement-inner { max-inline-size: min(58rem, calc(100% - 2 * var(--page-gutter))); background: linear-gradient(145deg, var(--blush-50), var(--champagne-100)); }
  .sf-page[data-page="consultation"] #the-next-step .sf-process-list { max-inline-size: 64rem; margin-inline: auto; }
  .sf-page[data-page="consultation"] #consultation-format .sf-editorial-media-layout { background: linear-gradient(145deg, color-mix(in srgb, var(--white) 75%, transparent), var(--color-bg-sage-soft)); }
  .sf-page[data-page="consultation"] #final-clarity .sf-bottom-cta__inner { border-radius: var(--radius-arch) var(--radius-lg) var(--radius-arch) var(--radius-lg); }

  /* The request form is a single generous central workspace. Introductory
     content remains on the same rail and shorter questions pair naturally on
     wide screens without turning the page into a cramped sidebar form. */
  .sf-page[data-page="consultation"] #consultation-request-form-section > .sf-section-inner {
    max-inline-size: 82rem;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head {
    max-inline-size: 64rem;
    margin-inline: auto !important;
    text-align: center !important;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head .sf-eyebrow {
    justify-content: center !important;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head h2 {
    max-inline-size: 17ch;
    margin-inline: auto !important;
    font-size: clamp(2.7rem, 5vw, 5.25rem);
    line-height: .94;
    text-wrap: balance;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head + .sf-lede {
    max-inline-size: 56ch;
    margin: 1.25rem auto 0;
    color: rgb(255 253 249 / .8);
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section > .sf-section-inner > .sf-content-card-grid {
    max-inline-size: 72rem;
    margin: clamp(2rem, 4vw, 3.25rem) auto 0;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section > .sf-section-inner > .sf-content-card-grid .sf-content-card {
    border: 1px solid rgb(234 213 173 / .42);
    border-radius: 4.5rem .65rem .65rem;
    background: rgb(255 253 249 / .1);
    padding: clamp(1.25rem, 3vw, 2rem);
    color: var(--ivory-50);
    box-shadow: none;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section > .sf-section-inner > .sf-content-card-grid .sf-content-card h3 {
    color: var(--gold-200);
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-botanical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem clamp(1.25rem, 3vw, 2.5rem);
    padding: 0;
    list-style: none;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-botanical-list li {
    min-inline-size: 0;
    margin: 0;
    border-block-start: 1px solid rgb(234 213 173 / .22);
    padding-block-start: .55rem;
  }

  .sf-page[data-page="consultation"] #consultation-request-form-section .sf-botanical-list :is(span, strong, a) {
    color: var(--ivory-50);
    overflow-wrap: anywhere;
  }

  .sf-page[data-page="consultation"] #consultation-request-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-inline-size: 72rem;
    margin-block-start: clamp(1.25rem, 3vw, 2rem);
    border-radius: 5rem .7rem .7rem;
    padding: clamp(1.25rem, 4vw, 3.75rem);
  }

  .sf-page[data-page="consultation"] #consultation-request-form > :is(
    .sf-honeypot,
    .sf-field:has(textarea),
    .sf-field--checkbox,
    .sf-button,
    .sf-form-states,
    .sf-field-help
  ) {
    grid-column: 1 / -1;
  }

  .sf-page[data-page="consultation"] #consultation-request-form textarea[rows="10"] {
    min-block-size: 15rem;
  }

  .sf-page[data-page="consultation"] #consultation-request-form > .sf-field-help {
    max-inline-size: 68ch;
    margin-inline: auto;
    text-align: center;
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head {
      text-align: start !important;
    }

    .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head .sf-eyebrow {
      justify-content: flex-start !important;
    }

    .sf-page[data-page="consultation"] #consultation-request-form-section .sf-section-head h2 {
      margin-inline: 0 !important;
    }

    .sf-page[data-page="consultation"] #consultation-request-form-section .sf-botanical-list,
    .sf-page[data-page="consultation"] #consultation-request-form {
      grid-template-columns: 1fr;
    }

    .sf-page[data-page="consultation"] #consultation-request-form {
      border-radius: 2.75rem .5rem .5rem;
    }

    .sf-page[data-page="consultation"] #consultation-request-form > * { grid-column: 1; }
  }
}

/* Source: css/src/pages/contact.css */
@layer pages {
  /* Contact is one form-only room. The fixed page artwork remains visible in
     the side fields while a single opaque centre rail carries every control. */
  .sf-page[data-page="contact"] #contact-form-section {
    --section-canvas-max: 68rem;
    min-block-size: 70svh;
    padding-block: clamp(3.5rem, 7vw, 7rem) !important;
    border-block: 1px solid color-mix(in srgb, var(--gold-500) 45%, transparent);
    background:
      linear-gradient(90deg, rgb(255 253 249 / .2), rgb(248 232 226 / .48) 50%, rgb(255 253 249 / .2)) !important;
  }

  .sf-page[data-page="contact"] #contact-form-section::before {
    content: "";
    position: absolute;
    inset: clamp(1.5rem, 4vw, 4rem) 50% auto auto;
    z-index: 0;
    inline-size: min(42vw, 38rem);
    block-size: clamp(12rem, 28vw, 25rem);
    border: 1px solid color-mix(in srgb, var(--gold-500) 42%, transparent);
    border-block-end: 0;
    border-radius: 50% 50% 0 0;
    translate: 50% 0;
    pointer-events: none;
  }

  .sf-page[data-page="contact"] #contact-form-section::after {
    content: "";
    position: absolute;
    inset: auto -5rem -6rem auto;
    z-index: 0;
    inline-size: clamp(16rem, 30vw, 32rem);
    aspect-ratio: 1;
    background: url("../assets/shared/interface-icons/icone-botanico-ramo.svg") center / contain no-repeat;
    opacity: .1;
    rotate: -12deg;
    pointer-events: none;
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-form-section-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold-500) 58%, transparent);
    border-radius: 8rem 1rem 1rem;
    background: var(--ivory-50);
    box-shadow: 0 2.5rem 7rem rgb(36 49 41 / .2), inset 0 1px 0 rgb(255 255 255 / .9);
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-form-section-intro {
    position: relative;
    inset-block-start: auto;
    overflow: hidden;
    margin: 0 !important;
    border: 0;
    border-block-end: 1px solid color-mix(in srgb, var(--gold-500) 42%, transparent);
    background:
      radial-gradient(circle at 10% 0%, rgb(244 210 195 / .42), transparent 34%),
      linear-gradient(118deg, var(--ivory-50), var(--blush-50) 58%, var(--sage-50));
    padding: clamp(2.5rem, 6vw, 5.5rem);
    text-align: center !important;
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-form-section-intro::after {
    content: "FS";
    position: absolute;
    inset: auto -1.5rem -3.4rem auto;
    color: rgb(189 121 107 / .075);
    font-family: var(--font-heading);
    font-size: clamp(9rem, 20vw, 15rem);
    font-style: italic;
    line-height: .8;
    pointer-events: none;
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-eyebrow {
    justify-content: center !important;
    color: var(--rose-gold-700);
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-form-section-intro h1 {
    position: relative;
    z-index: 1;
    max-inline-size: 11ch;
    margin-inline: auto;
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(3.25rem, 7vw, 6.25rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .92;
    text-wrap: balance;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide {
    position: relative;
    z-index: 1;
    max-inline-size: 38rem;
    margin: clamp(2rem, 4vw, 3.25rem) auto 0;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__promise {
    margin-inline: auto;
    color: var(--rose-gold-700);
    font-size: var(--type-small);
    font-weight: 790;
    letter-spacing: .09em;
    line-height: 1.65;
    text-transform: uppercase;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide h2 {
    margin-block: 1.5rem .65rem;
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(1.45rem, 2vw, 1.85rem);
    font-style: italic;
    font-weight: 400;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__routes {
    display: grid;
    max-inline-size: 32rem;
    margin-inline: auto;
    padding: 0;
    list-style: none;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__routes li {
    display: grid;
    grid-template-columns: minmax(5rem, .35fr) minmax(0, 1fr);
    gap: 1rem;
    margin: 0;
    border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 30%, transparent);
    padding-block: .7rem;
    text-align: start;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__routes a {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(5rem, .35fr) minmax(0, 1fr);
    gap: 1rem;
    color: inherit;
    text-decoration: none;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__routes span {
    color: var(--rose-gold-700);
    font-size: .72rem;
    font-weight: 820;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__routes strong {
    min-inline-size: 0;
    color: var(--forest-900);
    font-size: .9rem;
    font-weight: 650;
    overflow-wrap: anywhere;
  }

  .sf-page[data-page="contact"] .sf-contact-form-guide__safety {
    margin: 1.25rem auto 0;
    border-inline-start: 2px solid var(--rose-gold-500);
    background: rgb(248 232 226 / .76);
    padding: .8rem 1rem;
    color: var(--forest-800);
    font-size: .875rem;
    line-height: 1.55;
    text-align: start;
  }

  .sf-page[data-page="contact"] #contact-form-section .sf-form-section-body {
    border: 0;
    border-radius: 0;
    background:
      repeating-linear-gradient(0deg, rgb(88 74 48 / .018) 0 1px, transparent 1px 6px),
      var(--ivory-50);
    padding: clamp(1.5rem, 5vw, 4.5rem);
    box-shadow: none;
  }

  .sf-page[data-page="contact"] #contact-form {
    max-inline-size: 52rem;
    margin-inline: auto;
    gap: clamp(1.75rem, 3vw, 2.5rem);
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  .sf-page[data-page="contact"] #contact-form .sf-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.15rem, 2vw, 1.65rem);
  }

  .sf-page[data-page="contact"] #contact-form .sf-field { grid-column: auto; }

  .sf-page[data-page="contact"] #contact-form :is(input:not([type="checkbox"]), select, textarea) {
    border-color: color-mix(in srgb, var(--olive-700) 28%, transparent);
    border-radius: .35rem;
    background: var(--white);
    box-shadow: 0 .55rem 1.4rem rgb(53 62 43 / .045);
  }

  .sf-page[data-page="contact"] #contact-form textarea { min-block-size: 12rem; }

  .sf-page[data-page="contact"] #contact-form .sf-field--checkbox {
    border-block-start: 1px solid color-mix(in srgb, var(--gold-500) 28%, transparent);
    padding-block-start: .8rem;
  }

  .sf-page[data-page="contact"] #contact-form > .sf-button {
    inline-size: 100%;
    min-block-size: 4.2rem;
    border-radius: .3rem;
    box-shadow: 0 1rem 2.5rem rgb(36 49 41 / .18);
  }

  /* Direct channels become a deliberate final room rather than an unstyled
     line of links. The porcelain still life is a real site asset and the
     cards preserve strong contrast over it at every viewport. */
  .sf-page[data-page="contact"] .sf-direct-contact {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-block-start: 1px solid rgb(234 213 173 / .52);
    background:
      linear-gradient(102deg, rgb(36 49 41 / .97) 0 36%, rgb(48 61 51 / .88) 58%, rgb(36 49 41 / .72)),
      url("../assets/shared/call-to-action/fresh-salvia-porcelain.png") center / cover no-repeat;
    padding: clamp(2.5rem, 6vw, 5.5rem);
    color: var(--ivory-50);
  }

  .sf-page[data-page="contact"] .sf-direct-contact::before {
    content: "";
    position: absolute;
    inset: clamp(1rem, 3vw, 2.75rem);
    z-index: -1;
    border: 1px solid rgb(234 213 173 / .25);
    border-start-start-radius: clamp(4rem, 9vw, 9rem);
    pointer-events: none;
  }

  .sf-page[data-page="contact"] .sf-direct-contact::after {
    content: "FS";
    position: absolute;
    inset: auto 1.5rem -2.3rem auto;
    z-index: -1;
    color: rgb(234 213 173 / .1);
    font-family: var(--font-heading);
    font-size: clamp(8rem, 18vw, 15rem);
    font-style: italic;
    line-height: .72;
    pointer-events: none;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__header {
    display: block;
    max-inline-size: 74rem;
    margin-inline: auto;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__header .sf-eyebrow {
    justify-content: flex-start !important;
    margin-block-end: 1rem;
    color: var(--gold-200) !important;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__header h2 {
    max-inline-size: 14ch;
    color: var(--ivory-50);
    font-family: var(--font-heading);
    font-size: clamp(2.65rem, 5vw, 5.4rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: .92;
    text-wrap: balance;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__introduction {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
    max-inline-size: 30ch;
    margin-block-end: .55rem;
    border-inline-start: 1px solid rgb(234 213 173 / .52);
    padding-inline-start: clamp(1.25rem, 3vw, 2.25rem);
    color: rgb(255 253 249 / .82);
    font-family: var(--font-heading);
    font-size: clamp(1.3rem, 2vw, 1.85rem);
    font-style: italic;
    line-height: 1.35;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__portrait {
    max-inline-size: 74rem;
    margin: 0 auto clamp(2rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid rgb(234 213 173 / .52);
    border-radius: 7rem .75rem .75rem;
    background: var(--forest-800);
    box-shadow: 0 1.4rem 3rem rgb(14 25 18 / .28);
  }

  .sf-page[data-page="contact"] .sf-direct-contact__portrait img {
    inline-size: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center 42%;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(.8rem, 1.8vw, 1.5rem);
    max-inline-size: 74rem;
    margin: clamp(2.5rem, 5vw, 4.5rem) auto 0;
  }

  .sf-page[data-page="contact"] .sf-contact-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    min-block-size: clamp(13rem, 18vw, 16rem);
    overflow: hidden;
    border: 1px solid rgb(234 213 173 / .58);
    border-radius: 5.5rem .6rem .6rem;
    background:
      radial-gradient(circle at 0 0, rgb(239 210 202 / .72), transparent 40%),
      rgb(255 253 249 / .94);
    padding: clamp(1.3rem, 2.4vw, 2rem);
    color: var(--forest-900);
    text-decoration: none;
    box-shadow: 0 1.35rem 3rem rgb(14 25 18 / .24), inset 0 1px 0 rgb(255 255 255 / .94);
    backdrop-filter: blur(.55rem);
    transition: translate var(--duration-standard) var(--ease-emphasized), border-color var(--duration-fast), box-shadow var(--duration-standard);
  }

  .sf-page[data-page="contact"] .sf-contact-card:nth-child(2) {
    border-radius: .6rem 5.5rem .6rem .6rem;
    background:
      radial-gradient(circle at 100% 0, rgb(219 228 209 / .82), transparent 42%),
      rgb(255 253 249 / .94);
  }

  .sf-page[data-page="contact"] .sf-contact-card:nth-child(3) {
    border-radius: .6rem .6rem 5.5rem .6rem;
    background:
      radial-gradient(circle at 100% 100%, rgb(244 232 210 / .82), transparent 44%),
      rgb(255 253 249 / .94);
  }

  .sf-page[data-page="contact"] .sf-contact-card::after {
    content: "";
    position: absolute;
    inset: auto -3rem -4rem auto;
    inline-size: 9rem;
    aspect-ratio: 1;
    border: 1px solid rgb(180 137 80 / .18);
    border-radius: 50%;
  }

  .sf-page[data-page="contact"] .sf-contact-card__icon {
    display: grid;
    place-items: center;
    inline-size: 3.5rem;
    aspect-ratio: 1;
    border: 1px solid rgb(180 137 80 / .42);
    border-radius: 50%;
    background: rgb(255 253 249 / .78);
    color: var(--rose-gold-700);
  }

  .sf-page[data-page="contact"] .sf-contact-card__content {
    display: grid;
    align-content: start;
    min-inline-size: 0;
  }

  .sf-page[data-page="contact"] .sf-contact-card__label {
    color: var(--rose-gold-700);
    font-size: .69rem;
    font-weight: 840;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  .sf-page[data-page="contact"] .sf-contact-card__title {
    margin-block-start: 1.7rem;
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 2vw, 1.85rem);
    font-weight: 500;
    line-height: 1.08;
  }

  .sf-page[data-page="contact"] .sf-contact-card__detail {
    margin-block-start: .7rem;
    color: var(--color-text-secondary);
    font-size: clamp(.82rem, 1vw, .95rem);
    font-weight: 650;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  .sf-page[data-page="contact"] .sf-contact-card__arrow {
    display: grid;
    place-items: center;
    inline-size: 2rem;
    aspect-ratio: 1;
    border-radius: 50%;
    color: var(--olive-700);
    transition: translate var(--duration-fast) var(--ease-standard), background var(--duration-fast);
  }

  .sf-page[data-page="contact"] .sf-contact-card:hover {
    translate: 0 -.4rem;
    border-color: var(--gold-300);
    box-shadow: 0 1.8rem 3.8rem rgb(14 25 18 / .3), inset 0 1px 0 rgb(255 255 255 / .94);
  }

  .sf-page[data-page="contact"] .sf-contact-card:hover .sf-contact-card__arrow {
    translate: .25rem 0;
    background: var(--sage-100);
  }

  .sf-page[data-page="contact"] .sf-contact-card:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .18rem var(--forest-800), 0 0 0 .4rem var(--gold-200), 0 1.8rem 3.8rem rgb(14 25 18 / .3);
  }

  .sf-page[data-page="contact"] .sf-direct-contact__notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    max-inline-size: 74rem;
    margin: clamp(1.25rem, 2.5vw, 2rem) auto 0;
    border-block: 1px solid rgb(234 213 173 / .34);
    background: rgb(17 30 20 / .38);
    padding: 1rem clamp(1rem, 2.5vw, 1.75rem);
    color: rgb(255 253 249 / .83);
    backdrop-filter: blur(.45rem);
  }

  .sf-page[data-page="contact"] .sf-direct-contact__notice-icon {
    display: grid;
    place-items: center;
    inline-size: 2.5rem;
    aspect-ratio: 1;
    border: 1px solid rgb(234 213 173 / .42);
    border-radius: 50%;
    color: var(--gold-200);
  }

  .sf-page[data-page="contact"] .sf-direct-contact__notice p {
    display: grid;
    gap: .25rem;
    max-inline-size: 66ch;
    line-height: 1.55;
  }

  .sf-page[data-page="contact"] .sf-direct-contact__notice strong {
    color: var(--ivory-50);
    font-size: .76rem;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="contact"] #contact-form-section {
      padding-block: 2.25rem !important;
    }

    .sf-page[data-page="contact"] #contact-form-section .sf-form-section-layout {
      border-radius: 4.5rem .7rem .7rem;
    }

    .sf-page[data-page="contact"] #contact-form-section .sf-form-section-intro {
      padding: 2rem 1.25rem;
    }

    .sf-page[data-page="contact"] #contact-form-section .sf-form-section-intro h1 {
      font-size: clamp(2.8rem, 13vw, 4rem);
    }

    .sf-page[data-page="contact"] .sf-contact-form-guide__routes li {
      grid-template-columns: 1fr;
      gap: .2rem;
    }

    .sf-page[data-page="contact"] .sf-contact-form-guide__routes a {
      grid-template-columns: 1fr;
      gap: .2rem;
    }

    .sf-page[data-page="contact"] #contact-form-section .sf-form-section-body {
      padding: 1.25rem;
    }

    .sf-page[data-page="contact"] .sf-direct-contact {
      background:
        linear-gradient(rgb(36 49 41 / .9), rgb(36 49 41 / .94)),
        url("../assets/shared/call-to-action/fresh-salvia-porcelain.png") 72% center / auto 100% no-repeat;
      padding: 2.5rem 1.25rem;
    }

    .sf-page[data-page="contact"] .sf-direct-contact::before { inset: .75rem; border-start-start-radius: 3.5rem; }

    .sf-page[data-page="contact"] .sf-direct-contact__header {
      grid-template-columns: 1fr;
    }

    .sf-page[data-page="contact"] .sf-direct-contact__header :is(.sf-eyebrow, h2, .sf-direct-contact__introduction) {
      grid-column: 1;
      grid-row: auto;
    }

    .sf-page[data-page="contact"] .sf-direct-contact__header h2 { max-inline-size: 11ch; }

    .sf-page[data-page="contact"] .sf-direct-contact__introduction {
      margin-block-start: 1.25rem;
      padding-inline-start: 1rem;
    }

    .sf-page[data-page="contact"] .sf-direct-contact__portrait {
      border-radius: 4rem .55rem .55rem;
    }

    .sf-page[data-page="contact"] .sf-direct-contact__portrait img {
      aspect-ratio: 4 / 3;
      object-position: center;
    }

    .sf-page[data-page="contact"] .sf-direct-contact__grid { grid-template-columns: 1fr; }

    .sf-page[data-page="contact"] .sf-contact-card {
      min-block-size: 11.5rem;
      border-radius: 4rem .55rem .55rem;
    }

    .sf-page[data-page="contact"] .sf-contact-card:nth-child(2) { border-radius: .55rem 4rem .55rem .55rem; }
    .sf-page[data-page="contact"] .sf-contact-card:nth-child(3) { border-radius: .55rem .55rem 4rem .55rem; }
    .sf-page[data-page="contact"] .sf-direct-contact__notice { grid-template-columns: 1fr; }
  }
}

/* Source: css/src/pages/policies.css */
@layer pages {
  .sf-page[data-page="privacy"] #who-is-responsible .sf-editorial-media-layout { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 80%, transparent)); }
  .sf-page[data-page="privacy"] #information-generated-through-website-use .sf-content-card { min-block-size: 13rem; }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .56fr) minmax(0, 1.44fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-head { position: sticky; inset-block-start: calc(var(--header-height) + 1.5rem); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card { min-block-size: 10rem; border: 0; border-radius: 0; background: transparent; padding: clamp(1.25rem, 3vw, 2.25rem); text-align: start; }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="privacy"] #legal-bases-and-necessity > .sf-editorial-split { background: var(--olive-700); color: var(--color-text-inverse); }
  .sf-page[data-page="privacy"] #legal-bases-and-necessity > .sf-editorial-split :is(h2, h3, .sf-eyebrow, .sf-lede, a) { color: inherit; }
  .sf-page[data-page="privacy"] #legal-bases-and-necessity > .sf-editorial-split .sf-chapter-number { color: var(--gold-200); }
  .sf-page[data-page="privacy"] #your-rights .sf-content-card { background: transparent; }

  .sf-page[data-page="cookies"] #what-cookies-are .sf-statement-inner { border: 1px solid var(--color-border-rose); border-radius: var(--radius-xl); background: color-mix(in srgb, var(--white) 66%, transparent); padding: clamp(1.5rem, 4vw, 3.5rem); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="cookies"] #essential-cookies .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sf-page[data-page="cookies"] #analytics-cookies > .sf-editorial-media-layout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); }
  .sf-page[data-page="cookies"] #cookie-settings .sf-cookie-settings { max-inline-size: 54rem; margin-inline: auto; border: 1px solid var(--color-border-warm); border-radius: var(--radius-xl); background: color-mix(in srgb, var(--white) 78%, transparent); padding: clamp(1.25rem, 3vw, 2.5rem); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="cookies"] #cookie-banner-text .sf-content-card { border-radius: var(--radius-arch); text-align: center; }

  .sf-page[data-page="legal"] #professional-information .sf-statement-inner { border: 1px solid var(--color-border-rose); border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); background: color-mix(in srgb, var(--white) 67%, transparent); padding: clamp(1.5rem, 4vw, 3.5rem); }
  .sf-page[data-page="legal"] #educational-content > .sf-editorial-media-layout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md); }
  .sf-page[data-page="legal"] #results-and-testimonials > .sf-editorial-split { background: linear-gradient(145deg, var(--blush-50), var(--champagne-100)); }
  .sf-page[data-page="legal"] #digital-communication .sf-content-card { min-block-size: 11rem; }
  .sf-page[data-page="legal"] #external-links-and-services .sf-statement-inner { max-inline-size: min(66rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="legal"] #questions .sf-bottom-cta__inner { max-inline-size: min(54rem, calc(100% - 2 * var(--page-gutter))); }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-head { position: static; }
    .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(n) { border-inline-start: 0; }
    .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-rose); }
    .sf-page[data-page="cookies"] #essential-cookies .sf-content-card-grid { grid-template-columns: 1fr; }
  }
}

/* Source: css/src/pages/accessibility.css */
@layer pages {
  .sf-page[data-page="accessibility"] #our-intention .sf-content-card { min-block-size: 11rem; }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card { display: grid; grid-template-columns: 3rem minmax(0, 1fr); column-gap: 1rem; align-content: start; min-block-size: 11rem; border: 1px solid rgb(234 213 173 / .32); background: rgb(255 253 249 / .08); color: var(--ivory-50); }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card :is(h3, p) { grid-column: 2; }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card h3 { color: var(--ivory-50); }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card p { color: rgb(255 253 249 / .9); line-height: 1.58; }
  .sf-page[data-page="accessibility"] .sf-access-feature-icon { display: grid; grid-row: 1 / span 2; inline-size: 2.6rem; block-size: 2.6rem; place-items: center; border: 1px solid rgb(234 213 173 / .62); border-radius: 50%; color: var(--gold-200); font-family: var(--font-body); font-size: 1.05rem; font-weight: 700; line-height: 1; }
  .sf-page[data-page="accessibility"] #forms .sf-step { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 82%, transparent)); }
  .sf-page[data-page="accessibility"] #images-and-media .sf-content-card { border-radius: var(--radius-lg); }
  .sf-page[data-page="accessibility"] #content-clarity > .sf-editorial-media-layout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); }
  .sf-page[data-page="accessibility"] #known-limitations .sf-statement-inner { max-inline-size: min(58rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="accessibility"] #accessibility-feedback-section .sf-form-section-layout {
    grid-template-columns: minmax(16rem, .48fr) minmax(0, 1.52fr);
    align-items: start;
    gap: clamp(2.5rem, 6vw, 6rem);
    max-inline-size: 82rem;
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-section .sf-form-section-intro {
    border-inline-start: 1px solid var(--rose-gold-500);
    padding-inline-start: clamp(1rem, 2.5vw, 2rem);
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-section .sf-form-section-body {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-section .sf-form-section-body > .sf-lede {
    max-inline-size: 42ch;
    margin-block-end: 1.25rem;
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-form {
    max-inline-size: none;
    border-radius: 4.5rem .65rem .65rem;
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-form .sf-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-form .sf-field:has(textarea) {
    grid-column: 1 / -1;
  }

  .sf-page[data-page="accessibility"] #accessibility-feedback-form textarea {
    min-block-size: 13rem;
  }
  .sf-page[data-page="accessibility"] #other-ways-to-contact .sf-content-card { border-radius: var(--radius-arch); text-align: center; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="accessibility"] #accessibility-feedback-section .sf-form-section-layout {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="accessibility"] #accessibility-feedback-form {
      border-radius: 2.75rem .5rem .5rem;
    }

    .sf-page[data-page="accessibility"] #accessibility-feedback-form .sf-form-grid {
      grid-template-columns: 1fr;
    }

    .sf-page[data-page="accessibility"] #accessibility-feedback-form .sf-field { grid-column: 1; }
  }
}

/* Source: css/src/pages/utilities.css */
@layer pages {
  .sf-page[data-page="not-found"] #find-your-route .sf-editorial-media-layout { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 78%, transparent)); }
  .sf-page[data-page="not-found"] #direct-contact .sf-content-card { border-radius: var(--radius-arch); text-align: center; }
  .sf-page[data-page="not-found"] #continue-calmly .sf-statement-inner { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); }

  .sf-page[data-page="thank-you"] #what-happens-next .sf-step { background: linear-gradient(145deg, var(--color-bg-sage-soft), color-mix(in srgb, var(--white) 82%, transparent)); }
  .sf-page[data-page="thank-you"] #continue-exploring .sf-content-card { border-radius: var(--radius-arch); background: rgb(255 253 249 / .96); text-align: center; }
  .sf-page[data-page="thank-you"] #if-symptoms-are-urgent > .sf-reading-column { border: 1px solid var(--color-border-rose); border-radius: var(--radius-lg); background: var(--blush-50); padding: clamp(1.25rem, 3vw, 2.5rem); }
  .sf-page[data-page="thank-you"] #return-when-you-are-ready .sf-statement-inner { border-radius: var(--radius-arch) var(--radius-lg) var(--radius-arch) var(--radius-lg); }
}

/* Source: css/src/pages/sitewide-art-direction.css */
@layer pages {
  /* Scene names continue to describe editorial cadence, but they no longer
     inject route artwork, icons or pseudo-element ornaments. The panorama is
     owned exclusively by the page background and section materials are owned
     by the strict three-column system. */
  .sf-page .sf-main > .sf-section:not([data-pattern="final-cta"]) {
    position: relative;
  }

  .sf-page .sf-main > .sf-section:not([data-pattern="final-cta"]) > :is(
    .sf-section-inner,
    .sf-editorial-media-layout,
    .sf-statement-inner,
    .sf-form-section-layout,
    .sf-reading-column,
    .sf-treatment-scene
  ) {
    position: relative;
    z-index: 1;
  }

  /* Pattern structures retain their semantic job without choosing or leaking
     a background scene into the outer panorama rails. */
  .sf-page:not([data-page="treatments"]) [data-pattern="evidence-panel"] .sf-content-card-grid {
    gap: 0;
    border-block: 1px solid color-mix(in srgb, var(--gold-300) 56%, transparent);
  }

  .sf-page:not([data-page="treatments"]) [data-pattern="evidence-panel"] .sf-content-card {
    border: 0;
    border-radius: 0;
    background: var(--white);
    box-shadow: none;
  }

  .sf-page:not([data-page="treatments"]) [data-scene="olive-garden"][data-pattern="evidence-panel"] .sf-content-card :is(h3, h4, p, li, span) {
    color: var(--forest-900);
  }

  .sf-page:not([data-page="treatments"]) [data-scene="olive-garden"][data-pattern="evidence-panel"] .sf-content-card-grid {
    border-color: rgb(234 213 173 / .4);
  }

  .sf-page:not([data-page="treatments"]) :is([data-pattern="numbered-sequence"], [data-pattern="route-map"]) .sf-step,
  .sf-page:not([data-page="treatments"]) [data-pattern="horizontal-bands"] .sf-content-card {
    border-radius: 0;
    box-shadow: none;
  }

  .sf-page:not([data-page="treatments"]) [data-pattern="form"] .sf-form {
    border-color: color-mix(in srgb, var(--rose-gold-500) 35%, transparent);
    background: var(--white);
    box-shadow: 0 1.5rem 4rem rgb(57 47 27 / .09);
  }

  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
    gap: clamp(1rem, 2vw, 2rem);
  }

  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu-card {
    border-color: color-mix(in srgb, var(--gold-300) 52%, transparent);
    border-radius: 0;
    background: var(--white);
    box-shadow: none;
  }

  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu-card__media { border-radius: 0; }
  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu-card:first-child { border-start-start-radius: 5rem; }
  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu-card:first-child .sf-treatment-menu-card__media { border-start-start-radius: 4.55rem; }
  .sf-family-service:not([data-page="treatments"]) .sf-treatment-menu-card__body { padding: clamp(1rem, 1.6vw, 1.45rem); }

  .sf-page:is([data-page="journal"], [data-page="blog"]) .sf-article-card {
    border-block: 1px solid color-mix(in srgb, var(--gold-300) 52%, transparent);
    border-inline: 0;
    border-radius: 0;
    background: var(--white);
    box-shadow: none;
  }

  .sf-page:is([data-page="journal"], [data-page="blog"]) .sf-article-card:first-child {
    border-inline: 1px solid color-mix(in srgb, var(--rose-gold-500) 40%, transparent);
    border-start-start-radius: 6rem;
    background: var(--champagne-100);
  }

  .sf-page[data-page="faq"] .sf-faq-card,
  .sf-page[data-page="faq"] .sf-faq-accordion details {
    border-block: 1px solid color-mix(in srgb, var(--gold-300) 48%, transparent);
    border-inline: 0;
    border-radius: 0;
    background: var(--white);
    box-shadow: none;
  }
}

/* Source: css/src/pages/backgrounds.css */
/* =========================================================
   CLEAN CTA / FOOTER HANDOFF
   The page panorama remains the only outer-column artwork.
   ========================================================= */

:root {
  --sffo-olive: var(--menu-green, #485440);
  --sffo-olive-deep: var(--forest-900, #243129);
  --sffo-gold-light: var(--gold-200, #ead5ad);
  --sffo-heading-rose: var(--rose-gold-500, #bd796b);
  --sffo-text: #f9f6eb;
  --sffo-text-soft: rgb(249 246 235 / .9);
  --sffo-text-legal: rgb(249 246 235 / .62);
  --sffo-line: rgb(229 211 156 / .22);
}

.sf-footer,
.sf-footer *,
.sf-footer *::before,
.sf-footer *::after {
  box-sizing: border-box;
}

.sf-footer {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: var(--sffo-text);
  background: var(--menu-green-overlay);
  font-family: var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Only pages with a final CTA use the overlap. The overlapping portion stays
   transparent because the final CTA already supplies the same full-width
   green overlay beneath it; applying the footer tint twice would make that
   handoff read as a separate, darker band. */
.sf-page:has(.sf-main > .sf-composition-final-cta.section--full-bleed) .sf-footer {
  margin-top: calc(-1 * var(--footer-overlap));
  background: linear-gradient(
    to bottom,
    transparent 0 var(--footer-overlap),
    var(--menu-green-overlay) var(--footer-overlap) 100%
  );
}

.sf-footer::before,
.sf-footer::after { content: none; }

.sffo-wrap,
.sffo-wrap.sf-container {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 2 * var(--page-gutter)), var(--content-max-width));
  max-width: var(--content-max-width);
  margin-inline: auto;
  border-inline: 1px solid rgb(229 211 156 / .2);
  background: transparent;
  padding:
    calc(var(--footer-overlap) + clamp(2.5rem, 4vw, 4.5rem))
    clamp(1.25rem, 3vw, 3.5rem)
    clamp(1.5rem, 3vw, 2.75rem);
  pointer-events: auto;
}

.sf-page:not(:has(.sf-main > .sf-composition-final-cta.section--full-bleed)) .sffo-wrap {
  padding-top: clamp(3rem, 5vw, 5rem);
}

.sffo-wrap::before,
.sffo-wrap::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.sffo-top {
  display: grid;
  grid-template-columns: minmax(16rem, .9fr) minmax(0, 2.25fr);
  align-items: start;
  gap: clamp(2.5rem, 5vw, 5.5rem);
}

.sffo-brand,
.sffo-menu-grid,
.sffo-menu-grid > *,
.sffo-list,
.sffo-link {
  min-width: 0;
}

.sffo-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 27rem;
}

.sffo-logo {
  display: block;
  width: clamp(15.5rem, 20vw, 20.5rem);
  max-width: 100%;
  height: auto;
  margin: 0 0 clamp(1.25rem, 2vw, 1.8rem);
  object-fit: contain;
  object-position: left center;
  opacity: .86;
  filter: brightness(0) invert(1) sepia(.28) saturate(1.2) brightness(1.08);
}

.sffo-description {
  max-width: 26rem;
  margin: 0 0 clamp(1.5rem, 2.5vw, 2rem);
  color: var(--sffo-text-soft);
  font-size: clamp(.9rem, .25vw + .83rem, 1rem);
  line-height: 1.72;
  text-wrap: pretty;
}

.sffo-button {
  display: inline-grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .75rem;
  min-height: 3.1rem;
  padding: .75rem 1rem;
  border: 1px solid rgb(229 211 156 / .78);
  border-radius: .35rem;
  background: #f8f1df;
  color: var(--sffo-olive-deep);
  text-decoration: none;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.sffo-button > span:nth-child(2) {
  font-family: var(--font-serif), Georgia, "Times New Roman", serif;
  font-size: .73rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sffo-button > span:first-child,
.sffo-button > span:last-child {
  display: grid;
  place-items: center;
  color: #927b42;
}

.sffo-button svg {
  display: block;
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sffo-menu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, .88fr)) minmax(12.5rem, 1.38fr);
  gap: clamp(1.6rem, 2.4vw, 3rem);
}

.sffo-menu-grid nav,
.sffo-menu-grid > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sffo-heading {
  display: block;
  margin: 0 0 1.25rem;
  color: var(--sffo-heading-rose);
  font-size: .76rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sffo-list {
  display: flex;
  flex-direction: column;
  gap: .32rem;
}

.sffo-link,
.sffo-meta {
  display: flex;
  align-items: center;
  min-height: 2rem;
  margin: 0;
  padding-block: .28rem;
  color: var(--sffo-text-soft);
  font-size: .86rem;
  line-height: 1.45;
  text-decoration: none;
}

/* Link icons are intentionally suppressed: the footer is a clean information
   surface and contains no decorative mini artwork. */
.sffo-icon { display: none !important; }

.sffo-text {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.sffo-menu-grid > :last-child .sffo-text {
  overflow-wrap: normal;
  word-break: keep-all;
}

.sffo-link[aria-current="page"] {
  color: var(--sffo-text);
  font-weight: 650;
}

.sffo-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: clamp(3rem, 5vw, 5rem);
  padding-top: clamp(1.25rem, 2vw, 1.75rem);
  border-top: 1px solid var(--sffo-line);
}

.sffo-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.sffo-legal a {
  color: var(--sffo-text-legal);
  font-size: .75rem;
  line-height: 1.4;
  letter-spacing: .045em;
  text-decoration: none;
}

.sffo-sep {
  color: rgb(229 211 156 / .3);
  font-size: .7rem;
  user-select: none;
}

.sffo-copy {
  max-width: 31rem;
  margin: 0;
  color: var(--sffo-text-legal);
  font-size: .75rem;
  line-height: 1.55;
  text-align: right;
  text-wrap: pretty;
}

.sffo-button:focus-visible,
.sffo-link:focus-visible,
.sffo-legal a:focus-visible {
  outline: 2px solid var(--sffo-gold-light);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .sffo-button:hover {
    border-color: var(--sffo-gold-light);
    background: #fffaf0;
    color: #17200f;
    transform: translateY(-2px);
  }

  .sffo-link:hover,
  .sffo-legal a:hover { color: var(--sffo-text); }
}

@media (max-width: 62rem) {
  .sffo-top {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }

  .sffo-brand { max-width: 35rem; }
  .sffo-description { max-width: 34rem; }
  .sffo-menu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 48rem) {
  .sf-page:has(.sf-main > .sf-composition-final-cta.section--full-bleed) .sf-footer {
    margin-top: calc(-1 * var(--footer-overlap));
  }

  .sffo-wrap,
  .sffo-wrap.sf-container {
    width: 100%;
    border-inline: 0;
    padding-top: calc(var(--footer-overlap) + 2.75rem);
  }

  .sffo-brand {
    align-items: center;
    margin-inline: auto;
    text-align: center;
  }

  .sffo-logo { object-position: center; }
  .sffo-description { margin-inline: auto; text-align: center; }

  .sffo-menu-grid {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: 2.25rem clamp(1.15rem, 6vw, 2.25rem);
  }

  .sffo-bottom {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .sffo-legal { justify-content: center; }
  .sffo-copy { max-width: 34rem; text-align: center; }
}

@media (max-width: 34rem) {
  .sffo-logo { width: min(16rem, 88%); }
  .sffo-button { width: 100%; }
  .sffo-button > span:nth-child(2) { text-align: center; white-space: normal; }
  .sffo-menu-grid { gap: 2rem 1.15rem; }
  .sffo-heading { font-size: .72rem; }
  .sffo-bottom { margin-top: 3.25rem; }
}

@media (max-width: 22rem) {
  .sffo-menu-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .sffo-button,
  .sffo-link,
  .sffo-legal a { transition: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .sf-footer { background: var(--sffo-olive); }

  .sf-page:has(.sf-main > .sf-composition-final-cta.section--full-bleed) .sf-footer {
    background: linear-gradient(
      to bottom,
      transparent 0 var(--footer-overlap),
      var(--sffo-olive) var(--footer-overlap) 100%
    );
  }
}

/* Source: css/src/pages/hero-system.css */
@layer pages {
  /* Franciele is already part of each finished clinic scene, so no additional
     portrait is rendered. Keep the route-to-image art direction here: both
     language versions share the same data-page value and therefore the same
     page-specific photograph. */
  .sf-page[data-page] [data-pattern="hero"] {
    --hero-scene-image: none;
    --hero-scene-position-wide: center;
    --hero-scene-position-medium: 70% center;
    --hero-scene-position-narrow: 64% center;
  }

  .sf-page[data-page="home"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/home/hero/imagem-principal-estetica-principal-1.png"); --hero-scene-position-narrow: 56% center; }
  .sf-page[data-page="about"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/about/hero/imagem-principal-estetica-principal-2.png"); --hero-scene-position-narrow: 60% center; }
  .sf-page[data-page="mission"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/mission/hero/imagem-principal-estetica-principal-3.png"); --hero-scene-position-narrow: 63% center; }
  .sf-page[data-page="treatments"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/treatments/hero/imagem-principal-estetica-principal-4.png"); --hero-scene-position-medium: 74% center; --hero-scene-position-narrow: 65% center; }
  .sf-page[data-page="care"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/care/hero/imagem-principal-estetica-principal-6.png"); --hero-scene-position-medium: 66% center; --hero-scene-position-narrow: 50% center; }
  .sf-page[data-page="thank-you"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/thank-you/hero/imagem-principal-estetica-principal-7.png"); --hero-scene-position-narrow: 73% center; }
  .sf-page[data-page="skin"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/skin/hero/imagem-principal-estetica-principal-8.png"); --hero-scene-position-medium: 74% center; --hero-scene-position-narrow: 58% center; }
  .sf-page[data-page="laser"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/laser/hero/imagem-principal-estetica-principal-9.png"); --hero-scene-position-medium: 66% center; --hero-scene-position-narrow: 55% center; }
  .sf-page[data-page="values"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/values/hero/imagem-principal-estetica-principal-11.png"); --hero-scene-position-narrow: 72% center; }
  .sf-page[data-page="legal"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/legal/hero/imagem-principal-estetica-principal-13.png"); --hero-scene-position-medium: 68% center; --hero-scene-position-narrow: 63% center; }
  .sf-page[data-page="journal"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/journal/hero/imagem-principal-estetica-principal-14.png"); --hero-scene-position-narrow: 68% center; }
  .sf-page[data-page="blog"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/blog/hero/imagem-principal-estetica-principal-15.png"); --hero-scene-position-narrow: 68% center; }
  .sf-page[data-page="testimonials"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/testimonials/hero/imagem-principal-estetica-principal-17.png"); --hero-scene-position-medium: 68% center; --hero-scene-position-narrow: 60% center; }
  .sf-page[data-page="consultation"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/consultation/hero/imagem-principal-estetica-principal-18.png"); --hero-scene-position-narrow: 53% center; }
  .sf-page[data-page="results"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/results/hero/imagem-principal-estetica-principal-19.png"); --hero-scene-position-medium: 68% center; --hero-scene-position-narrow: 65% center; }
  .sf-page[data-page="faq"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/faq/hero/imagem-principal-estetica-principal-20.png"); --hero-scene-position-medium: 74% center; --hero-scene-position-narrow: 64% center; }
  .sf-page[data-page="privacy"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/privacy/hero/imagem-principal-estetica-principal-21.png"); --hero-scene-position-medium: 66% center; --hero-scene-position-narrow: 55% center; }
  .sf-page[data-page="cookies"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/cookies/hero/imagem-principal-estetica-principal-22.png"); --hero-scene-position-narrow: 56% center; }
  .sf-page[data-page="not-found"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/not-found/hero/imagem-principal-estetica-principal-23.png"); --hero-scene-position-medium: 68% center; --hero-scene-position-narrow: 62% center; }
  .sf-page[data-page="accessibility"] [data-pattern="hero"] { --hero-scene-image: url("../assets/pages/accessibility/hero/imagem-principal-estetica-principal-24.png"); --hero-scene-position-wide: 54% center; --hero-scene-position-medium: 78% center; --hero-scene-position-narrow: 60% center; }

  .sf-page[data-page]:not([data-page="contact"]) #sf-header-inline {
    position: absolute;
    inset-block-start: 4.25rem;
  }

  /* Keep breadcrumb semantics available without reserving a pale strip above
     the hero. The clinic scene should begin immediately beneath the top bar
     on every route, as it does on the homepage. */
  .sf-page[data-page]:not([data-page="contact"]) .sf-breadcrumbs {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .sf-page[data-page] [data-pattern="hero"] {
    /* The opening aligns with the top-bar rail, one step wider than the
       editorial content canvas that follows. */
    inline-size: min(var(--container-wide), calc(100% - 2 * var(--page-gutter)));
    min-block-size: clamp(48rem, 67vw, 68rem);
    margin-inline: auto;
    padding-block: clamp(8rem, 10vw, 11rem) clamp(3rem, 5vw, 5rem);
    background-image:
      linear-gradient(90deg, color-mix(in srgb, var(--ivory-50) 90%, transparent) 0%, color-mix(in srgb, var(--ivory-50) 75%, transparent) 34%, color-mix(in srgb, var(--ivory-50) 15%, transparent) 66%, transparent 100%),
      var(--hero-scene-image);
    background-position: var(--hero-scene-position-wide);
    background-size: cover;
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-hero-layout {
    min-block-size: clamp(39rem, 56vw, 53rem);
    grid-template-columns: minmax(0, 1fr) minmax(22rem, .9fr);
    align-items: end;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 clamp(1rem, 4vw, 4.5rem);
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    max-inline-size: 42rem;
    padding-block-end: clamp(2rem, 6vw, 6rem);
  }

  /* The homepage is the canonical hero template. Route content and imagery
     may change, but its type hierarchy, controls and decorative treatment do
     not. These declarations intentionally supersede legacy page exceptions. */
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-layout::before,
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-brand { display: none; }

  .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy h1 {
    max-inline-size: 10ch;
    color: var(--forest-900);
    font-family: var(--font-heading);
    font-size: clamp(3.75rem, 6.2vw, 7rem);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.048em;
    line-height: var(--leading-display);
    text-transform: none;
    text-wrap: balance;
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy .sf-lede {
    max-inline-size: 39ch;
    font-size: clamp(1.12rem, 1.1vw, 1.35rem);
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-button {
    min-block-size: 3.55rem;
    padding-inline: 1.5rem;
    font-size: .82rem;
    letter-spacing: .14em;
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-button-row {
    gap: .9rem;
    margin-block-start: 1.5rem;
  }

  .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure {
    grid-column: 2;
    grid-row: 1;
    min-block-size: clamp(34rem, 49vw, 50rem);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  /* Legacy figure rules remain harmless for authored previews; deployable
     hero markup no longer includes a separate portrait. */
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure::before,
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-botanical { display: none; }
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure::after { background: linear-gradient(180deg, transparent 68%, rgb(36 49 41 / .1)); }
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure img {
    object-fit: contain;
    object-position: center center;
    filter: drop-shadow(0 1.6rem 1.7rem rgb(36 49 41 / .18));
  }

  @media (max-width: 63.999rem) {
    .sf-page[data-page]:not([data-page="contact"]) #sf-header-inline { inset-block-start: 2.7rem; }
    .sf-page[data-page] [data-pattern="hero"] { inline-size: 100%; min-block-size: 0; padding-block-start: 7rem; background-position: var(--hero-scene-position-medium); }
    .sf-page[data-page] [data-pattern="hero"] .sf-hero-layout { min-block-size: 0; grid-template-columns: 1fr; align-items: stretch; padding-inline: 0; }
    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy { grid-column: 1; grid-row: 1; padding-block-end: 0; }
    .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure { grid-column: 1; grid-row: 2; min-block-size: 30rem; }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page] [data-pattern="hero"] .sf-button { min-block-size: 3.35rem; font-size: .76rem; }
  }

  @media (max-width: 35.999rem) {
    .sf-page[data-page] [data-pattern="hero"] { padding-block-start: 6.3rem; background-position: var(--hero-scene-position-narrow); }
    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy h1 { font-size: clamp(2.9rem, 13vw, 4.15rem); }
    .sf-page[data-page] [data-pattern="hero"] .sf-hero-figure { min-block-size: 25rem; }
  }

  /* Short viewports still need to reveal the complete decision path without
     scrolling. Keep the homepage hierarchy, then compress its vertical
     rhythm uniformly for every route rather than hiding either CTA. */
  @media (min-width: 64rem) and (max-height: 56.25rem) {
    .sf-page[data-page] [data-pattern="hero"] {
      min-block-size: calc(100svh - 2.5rem);
      padding-block: clamp(7rem, 15vh, 8rem) clamp(2rem, 4vh, 3rem);
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-layout {
      min-block-size: 0;
      align-items: start;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy {
      align-self: start;
      padding-block-end: 0;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy h1 {
      font-size: clamp(3.25rem, 5vw, 4.75rem);
    }
  }

  @media (max-width: 35.999rem) and (max-height: 40rem) {
    .sf-page[data-page] [data-pattern="hero"] {
      padding-block: 4.85rem 1.5rem;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy > * + * {
      margin-block-start: .75rem;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy h1 {
      max-inline-size: none;
      font-size: clamp(2.4rem, 11.5vw, 2.75rem);
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy .sf-lede {
      font-size: 1rem;
      line-height: 1.4;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-button-row {
      gap: .5rem;
      margin-block-start: .75rem;
    }

    .sf-page[data-page] [data-pattern="hero"] .sf-button {
      min-block-size: 2.85rem;
      padding-inline: 1rem;
      font-size: .7rem;
    }
  }
}

/* Source: css/src/pages/editorial-typography.css */
@layer pages {
  /* One editorial voice across every route: high-contrast serif for moments
     of meaning, measured sans serif for reading, metadata and controls. */
  .type-display,
  .type-editorial,
  .type-section-title {
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: -.048em;
    text-wrap: balance;
  }

  .type-display { font-size: var(--type-display-xl); line-height: var(--leading-display); }
  .type-editorial { font-size: var(--type-editorial-statement); line-height: var(--leading-editorial); }
  .type-section-title { font-size: var(--type-section-title); line-height: 1; }
  .type-eyebrow { color: var(--gold-700); font-family: var(--font-body); font-size: var(--type-label); font-weight: 750; letter-spacing: var(--tracking-label); line-height: 1.45; text-transform: uppercase; }
  .type-intro { max-inline-size: var(--measure-intro); color: var(--color-text-secondary); font-family: var(--font-body); font-size: var(--type-intro); line-height: var(--leading-body); }
  .type-pullquote { max-inline-size: 31ch; color: var(--forest-900); font-family: var(--font-italic); font-size: var(--type-quotation); font-style: italic; font-weight: 400; letter-spacing: -.025em; line-height: 1.38; }
  .type-chapter { color: var(--rose-gold-600); font-family: var(--font-heading); font-size: clamp(3rem, 5.8vw, 6.3rem); font-weight: 400; letter-spacing: -.07em; line-height: .78; }
  .type-vertical-label { color: var(--gold-700); font-family: var(--font-body); font-size: .68rem; font-weight: 750; letter-spacing: .19em; text-transform: uppercase; writing-mode: vertical-rl; }
  .type-signature { color: var(--rose-gold-600); font-family: var(--font-accent); font-size: clamp(1.15rem, 1.8vw, 1.65rem); font-weight: 400; letter-spacing: .01em; }
  .type-caption, .type-meta { color: var(--color-text-muted); font-family: var(--font-body); font-size: var(--type-caption); letter-spacing: .08em; line-height: 1.5; }

  h1, h2, h3, h4 {
    font-feature-settings: "kern" 1, "liga" 1, "clig" 1;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures discretionary-ligatures;
  }

  .sf-hero-copy h1 { max-inline-size: 10ch; font-size: var(--type-page-title); line-height: var(--leading-display); text-wrap: balance; }
  .sf-section-head h2 { max-inline-size: min(21ch, 100%); font-size: var(--type-section-title); letter-spacing: -.048em; overflow-wrap: normal; text-wrap: balance; word-break: normal; }
  .sf-section-head > p:not(.sf-eyebrow) { max-inline-size: var(--measure-intro); }
  .sf-section-head h2 + p { color: var(--color-text-secondary); font-family: var(--font-body); font-size: var(--type-intro); line-height: var(--leading-body); }
  .sf-content-card p, .sf-step p, .sf-accordion__content { max-inline-size: var(--measure-body); line-height: var(--leading-body); }
  .sf-content-card h3, .sf-step h3 { font-size: clamp(1.32rem, 1.7vw, 1.8rem); line-height: 1.08; }
  .sf-lede { max-inline-size: var(--measure-intro); color: var(--color-text-secondary); font-family: var(--font-body); font-size: var(--type-intro); line-height: var(--leading-body); }
  .sf-pull-quote p { max-inline-size: 31ch; font-family: var(--font-italic); font-size: var(--type-quotation); font-style: italic; font-weight: 400; letter-spacing: -.025em; line-height: 1.38; }
  .sf-pull-quote p em, :is(.sf-testimonial-quote, .sf-practitioner-quote) em { color: var(--rose-gold-600); }
  :is(.sf-testimonial-quote, .sf-practitioner-quote) figcaption { color: var(--color-text-primary); font-size: var(--type-small); font-weight: 720; letter-spacing: .11em; text-transform: uppercase; }
  .sf-quotation-signature > .sf-pull-quote p {
    max-inline-size: 38ch;
    font-family: var(--font-heading);
    font-size: clamp(1.16rem, 1.48vw, 1.42rem);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.36;
  }
  .sf-quotation-signature figcaption {
    color: var(--color-text-secondary);
    font-size: clamp(.69rem, .72vw, .76rem);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: none;
  }
  [data-tone="forest"] .sf-quotation-signature figcaption { color: var(--gold-200); }
  .sf-nav a, .sf-button, button { letter-spacing: .045em; }

  /* Pattern-level treatments change scale or emphasis only; typefaces stay
     consistent, preventing the former page-to-page font conflicts. */
  [data-pattern="oversized-statement"] .sf-section-head h2,
  [data-pattern="editorial-split"] .sf-section-head h2 {
    font-size: var(--type-editorial-statement);
    line-height: var(--leading-editorial);
  }
  [data-pattern="definition-blocks"] .sf-section-head h2,
  [data-pattern="quote-panel"] .sf-section-head h2 { font-style: italic; }
  [data-pattern="route-map"] .sf-section-head h2 { max-inline-size: 14ch; font-size: var(--type-display-md); }
  [data-pattern="horizontal-bands"] .sf-section-head h2 { max-inline-size: 20ch; }
  [data-pattern="timeline"] .sf-section-head h2 { max-inline-size: 13ch; font-size: var(--type-display-md); }
  [data-tone="forest"] .sf-section-head h2 { color: var(--ivory-50); }
  [data-tone="forest"] .sf-section-head .sf-eyebrow { color: var(--gold-200); }
  [data-pattern="page-directory"] .sf-section-head h2,
  [data-pattern="page-directory"] .sf-content-card h3 {
    color: var(--gold-700);
    font-family: var(--font-body);
    font-size: clamp(1.05rem, 1.45vw, 1.35rem);
    font-weight: 750;
    letter-spacing: .115em;
    line-height: 1.25;
    text-transform: uppercase;
  }
  [data-pattern="definition-blocks"] .sf-content-card h3 { color: var(--rose-gold-700); font-style: italic; }
  [data-pattern="staggered-cards"] .sf-content-card h3 { color: var(--olive-700); font-size: clamp(1.4rem, 2vw, 2rem); }
  [data-pattern="quote-panel"] .sf-pull-quote p { font-size: var(--type-quotation); }

  .sf-page[data-page="about"] .sf-bottom-cta__inner::before,
  .sf-page[data-page="consultation"] .sf-bottom-cta__inner::before,
  .sf-page[data-page="testimonials"] .sf-bottom-cta__inner::before {
    display: block;
    margin-block-end: .5rem;
    color: var(--rose-gold-600);
    content: "with care";
    font-family: var(--font-accent);
    font-size: 1.25rem;
  }

  @media (max-width: 35.999rem) {
    .type-display { font-size: clamp(2.8rem, 13vw, 4.2rem); }
    .type-editorial, [data-pattern="oversized-statement"] .sf-section-head h2,
    [data-pattern="editorial-split"] .sf-section-head h2 { font-size: clamp(2.3rem, 11vw, 3.6rem); }
    .sf-section-head h2 { text-wrap: pretty; }
  }
}

/* Source: css/src/pages/body-scenes.css */
@layer pages {
  /* Every chapter begins on the master rail. Width variation happens inside
     the composition, never by nesting another centred max-width container. */
  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) > .sf-canvas {
    inline-size: min(calc(100% - 2 * var(--edge-gutter)), var(--section-canvas-max, var(--site-canvas-max))) !important; /* important: canonical site rail replaces legacy page-ID widths while allowing an explicitly narrower authored rail. */
    max-inline-size: none !important; /* important: canonical site rail replaces legacy nested max widths. */
    margin-inline: auto !important; /* important: canonical site rail replaces legacy asymmetric wrapper margins. */
  }

  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro) {
    display: block !important; /* important: chapter number, label and heading remain one anchored component. */
    margin-inline: 0 !important; /* important: chapter headers must stay on the shared left anchor. */
    text-align: start !important; /* important: chapter headers must not inherit centred legacy treatments. */
  }

  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro) .sf-eyebrow { justify-content: flex-start !important; /* important: orientation labels share the chapter anchor. */ }

  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro) h2 {
    max-inline-size: min(21ch, 100%);
    margin-inline: 0 !important; /* important: headings must not inherit centred component margins. */
    overflow-wrap: normal;
    word-break: normal;
  }

  .sf-page .sf-main > :is([data-pattern="quote-panel"], [data-pattern="pull-quote"], [data-pattern="oversized-statement"]) > .sf-statement-inner,
  .sf-page .sf-main > :is([data-pattern="quote-panel"], [data-pattern="pull-quote"], [data-pattern="oversized-statement"]) > .sf-editorial-media-layout > .sf-statement-inner,
  .sf-page .sf-main > .sf-section > .sf-editorial-media-layout.sf-canvas {
    border: 0 !important; /* important: scene wrapper removes legacy floating-panel chrome. */
    border-radius: 0 !important; /* important: scene wrapper removes legacy floating-panel chrome. */
    background-color: transparent !important; /* important: the section scene owns its background. */
    background-image: none !important; /* important: the section scene owns its artwork. */
    padding: 0 !important; /* important: the master canvas owns section alignment. */
    box-shadow: none !important; /* important: full scenes replace legacy floating panels. */
  }

  .sf-page .sf-main > .sf-section[data-scene="olive-garden"] > .sf-editorial-split {
    border-color: rgb(234 213 173 / .34);
    background: transparent;
    color: var(--ivory-50);
    box-shadow: none;
  }
  .sf-page .sf-main > .sf-section[data-scene="olive-garden"] > .sf-editorial-split :is(h2, h3, p, li, .sf-eyebrow) { color: inherit; }

  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"])[data-scale="micro"] { padding-block: var(--section-micro) !important; /* important: explicit art-map scale overrides legacy family padding. */ }
  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"])[data-scale="compact"] { padding-block: var(--section-compact) !important; /* important: explicit art-map scale overrides legacy family padding. */ }
  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"])[data-scale="standard"] { padding-block: var(--section-standard) !important; /* important: explicit art-map scale overrides legacy family padding. */ }
  .sf-page .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"])[data-scale="immersive"] { padding-block: var(--section-comfortable) !important; /* important: explicit art-map scale overrides legacy family padding. */ }

  /* The real chapter component now supplies the only orientation number. */
  .sf-page[data-page="home"] #care-routes::before,
  .sf-page[data-page="home"] #plan-factors::after,
  .sf-page[data-page="home"] :is(#decision-flow, #science-with-softness, #responsible-pauses, #meet-franciele) .sf-section-head::before,
  .sf-page[data-page="home"] #treatment-pathways .sf-section-head::after { content: none !important; display: none !important; /* important: remove legacy duplicate chapter numerals. */ }
  .sf-page[data-page="home"] #decision-flow::before { content: none !important; display: none !important; /* important: remove the decorative guide that ignores the real grid. */ }

  @media (min-width: 64rem) {
    .sf-page [data-pattern="horizontal-bands"] > .sf-section-inner,
    .sf-page [data-pattern="definition-blocks"] > .sf-section-inner,
    .sf-page [data-pattern="page-directory"] > .sf-section-inner {
      display: grid;
      grid-template-columns: minmax(18rem, .62fr) minmax(0, 1.38fr);
      column-gap: clamp(3rem, 6.5vw, 7.5rem);
      align-items: start;
    }

    .sf-page :is([data-pattern="horizontal-bands"], [data-pattern="definition-blocks"], [data-pattern="page-directory"]) > .sf-section-inner > :not(.sf-section-head) {
      grid-column: 2;
    }

    .sf-page :is([data-pattern="horizontal-bands"], [data-pattern="definition-blocks"], [data-pattern="page-directory"]) > .sf-section-inner > .sf-section-head {
      grid-column: 1;
      margin-block-end: 0;
    }
  }

  /* About is a biography. One major image, one dominant principle, then
     composed ledgers for the supporting facts. */
  .sf-page[data-page="about"] #why-this-work .sf-editorial-media { max-inline-size: none; }
  .sf-page[data-page="about"] #my-view-of-aesthetics .sf-content-card { min-block-size: 13rem; border-radius: 0; background: rgb(255 253 249 / .72); box-shadow: none; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sf-page[data-page="about"] #technology-with-purpose .sf-content-card:first-child { grid-column: span 2; min-block-size: 14rem; }

  /* Mission and Values are manifesto pages. Their quotation is the artwork;
     internal facts stay in restrained, readable ledgers. */
  .sf-page:is([data-page="mission"], [data-page="values"]) [data-pattern="quote-panel"] .sf-pull-quote { max-inline-size: 42rem; }
  .sf-page[data-page="values"] #individuality .sf-content-card { min-block-size: 12rem; border-radius: 0; background: transparent; box-shadow: none; }
  .sf-page[data-page="values"] #honesty .sf-content-card { border-radius: 0; background: rgb(255 253 249 / .62); box-shadow: none; }

  /* Forms live in a broad room. Controls remain on an opaque working surface
     while the chapter header stays on the shared left anchor. */
  .sf-page[data-page="consultation"] [data-pattern="form"] .sf-form-section-layout {
    grid-template-columns: minmax(19rem, .78fr) minmax(0, 1.22fr);
    gap: clamp(3rem, 7vw, 8rem);
  }
  .sf-page[data-page="consultation"] [data-pattern="form"] .sf-form-section-intro { padding-inline-start: clamp(1rem, 2vw, 2rem); border-inline-start: 1px solid var(--rose-gold-500); }
  .sf-page[data-page="consultation"] [data-pattern="form"] .sf-form-section-body { border-radius: 0; }

  /* Policy pages are documents: compact chapters, full-width rules and a
     reading measure. No empty illustration rectangles or floating cards. */
  .sf-family-policy .sf-content-card-grid { gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-family-policy .sf-content-card { border: 0; border-radius: 0; border-block-end: 1px solid var(--color-border-subtle); background: rgb(255 253 249 / .52); box-shadow: none; }
  .sf-family-policy .sf-section-inner > :is(p, ul, ol, dl),
  .sf-family-policy .sf-editorial-copy > :is(p, ul, ol, dl) { max-inline-size: var(--reading-measure); }

  /* One focal module may span the field; the remainder becomes secondary.
     These selections are tied to authored page IDs, not section position. */
  .sf-page[data-page="results"] #result-factors .sf-content-card:first-child,
  .sf-page[data-page="skin"] #a-useful-routine .sf-content-card:first-child,
  .sf-page[data-page="care"] #daily-life-during-recovery .sf-content-card:first-child {
    grid-column: span 2;
    min-block-size: 12rem;
  }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="consultation"] [data-pattern="form"] .sf-form-section-layout { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] :is(#clinical-judgment, #the-clinic-experience, #technology-with-purpose) .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="about"] :is(#clinical-judgment, #the-clinic-experience, #technology-with-purpose) .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] :is(#clinical-judgment, #technology-with-purpose) .sf-content-card:first-child,
    .sf-page[data-page="results"] #result-factors .sf-content-card:first-child,
    .sf-page[data-page="skin"] #a-useful-routine .sf-content-card:first-child,
    .sf-page[data-page="care"] #daily-life-during-recovery .sf-content-card:first-child { grid-column: auto; }
  }
}

/* Source: css/src/pages/site-backgrounds.css */
@layer pages {
  :root {
    --page-cream: #fffdf9;
    --site-panorama: url("../assets/shared/backgrounds/site-panorama-v2.png");
    --ordinary-paper: #fffdf9;
    --ordinary-mist: #fbf6ee;
    --ordinary-sage: #edf1e7;
    --ordinary-blush: #fff3ee;
    --footer-overlap: clamp(5rem, 7vw, 8rem);
  }

  /* The outer field owns exactly one bitmap. It is a single generated
     panorama, so ultra-wide rendering uses one coordinate system and cannot
     stretch three independent panels out of alignment. */
  .sf-page {
    min-inline-size: 0;
    background-color: var(--page-cream);
    background-image:
      linear-gradient(rgb(255 253 249 / .42), rgb(255 253 249 / .42)),
      var(--site-panorama);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .sf-page::before,
  .sf-page::after,
  .sf-main::before,
  .sf-main::after {
    content: none !important;
    display: none !important;
  }

  .sf-main {
    position: relative;
    isolation: auto;
    overflow: visible;
    background: transparent !important;
  }

  /* The Journal is a self-contained publication. Keep its paper field calm
     and uninterrupted instead of inheriting the decorative site panorama. */
  .sf-page:is(.sf-journal-index, .sf-journal-article) {
    background-color: var(--ivory-50);
    background-image: none;
    background-attachment: scroll;
  }

  .sf-page:is(.sf-journal-index, .sf-journal-article) .sf-main {
    background: var(--ivory-50) !important;
  }

  .sf-main > * { position: relative; }

  /* Non-section rows obey the same centre rail and remain fully opaque. */
  .sf-main > :is(.sf-breadcrumbs, .sf-credentials-line, .sf-treatment-index, .sf-faq-search) {
    inline-size: min(100%, var(--content-max-width));
    margin-inline: auto;
    box-sizing: border-box;
  }

  .sf-main > .sf-breadcrumbs,
  .sf-main > .sf-faq-search {
    background: var(--ordinary-paper);
  }

  .sf-main > .sf-credentials-line {
    background: var(--ordinary-mist);
  }

  /* Ordinary sections are actual opaque centre-column surfaces. Their own
     box is bounded, so direct pseudo-elements and legacy artwork can neither
     leak nor paint faint horizontal rows across the outer panorama. */
  .sf-main > .sf-section:not(.section--full-bleed) {
    inline-size: min(100%, var(--content-max-width));
    max-inline-size: var(--content-max-width);
    margin-inline: auto;
    overflow: clip;
    isolation: isolate;
    box-sizing: border-box;
    color: var(--forest-900) !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed)::before,
  .sf-main > .sf-section:not(.section--full-bleed)::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed) :is(
    .sf-section-head h2,
    .sf-section-head h3,
    .sf-editorial-kicker h2,
    .sf-form-section-intro h2,
    .sf-lede,
    .sf-pull-quote p
  ) {
    color: var(--forest-900);
  }

  .sf-main > .sf-section:not(.section--full-bleed) :is(.sf-eyebrow, .sf-chapter-number) {
    color: var(--rose-gold-700);
  }

  /* Some older page-specific compositions were designed as inverse cards.
     Once their parent becomes an ordinary light section, keep every nested
     content card legible instead of inheriting the former white-on-green ink. */
  .sf-main > .sf-section:not(.section--full-bleed) :is(
    .sf-content-card,
    .sf-step,
    .sf-info-card,
    .sf-treatment-card
  ),
  .sf-main > .sf-section:not(.section--full-bleed) :is(
    .sf-content-card,
    .sf-step,
    .sf-info-card,
    .sf-treatment-card
  ) :is(h3, h4, p, li, span) {
    color: var(--forest-900) !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed)[data-tone="paper"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="porcelain"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="paper-line"] {
    background: var(--ordinary-paper) !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed)[data-tone="mist"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="architectural-light"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="clinic-light"] {
    background: var(--ordinary-mist) !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed)[data-tone="sage"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="sage-shadow"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="technical-light"] {
    background: var(--ordinary-sage) !important;
  }

  .sf-main > .sf-section:not(.section--full-bleed)[data-tone="blush"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="blush-silk"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="rose-metal"],
  .sf-main > .sf-section:not(.section--full-bleed)[data-scene="contact-form"] {
    background: var(--ordinary-blush) !important;
  }

  .sf-page[data-page] .sf-main > .sf-section:not(.section--full-bleed)[data-pattern="hero"] {
    background:
      linear-gradient(90deg, rgb(255 253 249 / .92) 0%, rgb(255 253 249 / .76) 35%, rgb(255 253 249 / .12) 68%, transparent 100%),
      var(--hero-scene-image) var(--hero-scene-position-wide) / cover no-repeat !important;
  }

  @media (max-width: 63.999rem) {
    .sf-page[data-page] .sf-main > .sf-section:not(.section--full-bleed)[data-pattern="hero"] {
      background-position: center, var(--hero-scene-position-medium) !important;
    }
  }

  @media (max-width: 35.999rem) {
    .sf-page[data-page] .sf-main > .sf-section:not(.section--full-bleed)[data-pattern="hero"] {
      background: var(--hero-scene-image) var(--hero-scene-position-narrow) / cover no-repeat !important;
    }
  }

  /* The sole viewport-wide section primitive. Renderer ownership makes its
     use countable and prevents a cream or translucent scene from opting in. */
  .sf-main > .sf-section.section--full-bleed {
    position: relative;
    z-index: 1;
    inline-size: 100%;
    max-inline-size: none;
    margin-inline: 0;
    overflow: clip;
    isolation: isolate;
    background: var(--menu-green-overlay) !important;
    color: var(--ivory-50);
  }

  .sf-main > .sf-section.section--full-bleed::before,
  .sf-main > .sf-section.section--full-bleed::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  .sf-main > .sf-section.section--full-bleed > :is(
    .sf-section-inner,
    .sf-editorial-media-layout,
    .sf-statement-inner,
    .sf-form-section-layout,
    .sf-reading-column,
    .sf-treatment-scene,
    .sf-bottom-cta__inner
  ) {
    inline-size: min(calc(100% - 2 * var(--page-gutter)), var(--content-max-width));
    margin-inline: auto;
  }

  .sf-main > .sf-section.section--full-bleed :is(
    .sf-section-head h2,
    .sf-section-head h3,
    .sf-editorial-kicker h2,
    .sf-form-section-intro h2,
    .sf-lede,
    .sf-pull-quote p
  ) {
    color: var(--ivory-50);
  }

  .sf-main > .sf-section.section--full-bleed :is(
    .sf-eyebrow,
    .sf-chapter-number,
    .sf-editorial-kicker .sf-eyebrow
  ) {
    color: var(--gold-200);
  }

  /* The final CTA's green outer band remains full bleed; its readable cream
     panel is a separate, art-free layer above the raised footer. */
  .sf-main > .sf-composition-final-cta.section--full-bleed {
    z-index: auto;
    isolation: auto;
    overflow: visible;
    padding-block: clamp(2.5rem, 4vw, 4rem) calc(var(--footer-overlap) + clamp(1.5rem, 3vw, 2.5rem));
  }

  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner {
    position: relative;
    z-index: 3;
    max-inline-size: min(66rem, calc(100% - 2 * var(--page-gutter)));
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold-500) 42%, transparent);
    border-radius: clamp(1.25rem, 3vw, 2.75rem);
    background-color: var(--ordinary-paper) !important;
    background-image: none !important;
    color: var(--forest-900) !important;
    box-shadow: 0 2rem 5rem rgb(11 24 14 / .28);
  }

  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner::before,
  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner :is(h2, h3, p, span) {
    color: var(--forest-900);
  }

  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner .sf-eyebrow {
    color: var(--rose-gold-700);
  }

  .sf-main > .sf-composition-final-cta.section--full-bleed .sf-bottom-cta__inner .sf-button--outline {
    border-color: var(--olive-700);
    color: var(--forest-900);
  }

  @media (max-width: 90rem) {
    .sf-main > .sf-section:not(.section--full-bleed),
    .sf-main > :is(.sf-breadcrumbs, .sf-credentials-line, .sf-treatment-index, .sf-faq-search) {
      inline-size: 100%;
    }
  }

  @media (max-width: 63.999rem), (pointer: coarse) {
    .sf-page { background-attachment: scroll; }
  }

  @media (max-width: 47.999rem) {
    :root { --footer-overlap: 2.5rem; }

    .sf-page {
      background-color: var(--page-cream);
      background-image: none;
    }

    .sf-main > .sf-composition-final-cta.section--full-bleed {
      padding-block: 2.5rem calc(var(--footer-overlap) + 1.5rem);
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    .sf-page { background-image: var(--site-panorama); }
    .sf-main > .sf-section.section--full-bleed { background: var(--menu-green) !important; }
  }

  /* Non-hero photography uses content-led ratios and quiet rectangular
     corners. Portraits, landscape treatment scenes and editorial crops no
     longer inherit the former doorway/arch treatment. */
  .sf-page[data-page] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-editorial-media {
    min-block-size: 0 !important;
    overflow: hidden;
    border-radius: .9rem !important;
  }

  .sf-page[data-page] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-editorial-media::after {
    content: none !important;
    display: none !important;
  }

  .sf-page[data-page] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-editorial-media > img {
    inline-size: 100%;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
  }

  .sf-page[data-page] .sf-main > .sf-section:not([data-pattern="hero"]) .sf-editorial-media--portrait > img {
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center top;
  }

  .sf-page[data-page="skin"] :is(#your-skin-concern-atlas, #professional-skin-treatments) .sf-section-head::after,
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before {
    border-radius: .9rem !important;
  }

  .sf-page[data-page="treatments"] .sf-treatment-menu-card,
  .sf-page[data-page="treatments"] .sf-treatment-menu-card__media,
  .sf-page[data-page="contact"] .sf-direct-contact__portrait {
    border-radius: .9rem !important;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before,
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait::after,
  .sf-page[data-page="home"] #results-in-context .sf-home-results__halo::after {
    content: none !important;
    display: none !important;
  }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait,
  .sf-page[data-page="home"] #results-in-context .sf-home-results__halo,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait {
    border-radius: .9rem !important;
  }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__halo { min-block-size: 0; }

  .sf-page[data-page="home"] #results-in-context .sf-home-results__portrait img {
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 4 / 5;
    object-fit: contain;
    object-position: center bottom;
  }

  .sf-page[data-page="home"] #care-pathways .sf-editorial-media {
    inline-size: min(100%, 34rem);
    justify-self: end;
    align-self: center;
    aspect-ratio: auto;
  }

  .sf-page[data-page="home"] #care-pathways .sf-editorial-media--portrait { inline-size: min(100%, 31rem); aspect-ratio: 4 / 5; }

  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner {
    grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
  }

  .sf-page[data-page="home"] #what-shapes-a-plan .sf-home-portrait {
    inline-size: min(100%, 31rem);
    justify-self: center;
  }

  .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #care-pathways .sf-editorial-media { inline-size: min(100%, 25rem); justify-self: center; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card-grid { grid-template-columns: 1fr; }
  }
}

/* Source: css/src/pages/editorial-refinement.css */
@layer pages {
  /* One shared marker keeps every chapter legible as an editorial sequence.
     The number and eyebrow are deliberately one compact object, never a
     decorative number separated from the section it introduces. */
  .section-marker { display: grid; justify-items: start; gap: .38rem; margin-block-end: clamp(.85rem, 1.5vw, 1.25rem); text-align: start; }
  .section-marker__number { display: block; font-family: var(--font-heading); font-size: clamp(1.9rem, 2.4vw, 3rem); font-style: italic; font-weight: 400; line-height: .82; }
  .section-marker__eyebrow { display: block; max-inline-size: 20ch; font-family: var(--font-body); font-size: clamp(.625rem, .59rem + .12vw, .75rem); font-weight: 650; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
  .section-marker--light { color: #c78f85; }
  .section-marker--green { color: #dcb371; }
  .sf-page[data-page] .sf-section :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro, .sf-values-heading) > .section-marker { grid-column: 1 / -1 !important; grid-row: auto !important; justify-self: start !important; align-self: start !important; inset: auto !important; margin-inline: 0 !important; position: static !important; }

  /* A marker stays on the section's left rail even when the image occupies
     that rail and the reading column is deliberately placed on the right. */
  @media (min-width: 64rem) {
    .sf-editorial-media-layout--media-left { position: relative; }
  }

  /* Quotes are supporting annotations. Testimonials retain a little more
     room because they are their page's primary evidence, not their headings. */
  .sf-pull-quote {
    max-inline-size: 38rem;
    border-inline-start-width: 1px;
    padding: .55rem 0 .45rem 1.25rem;
  }
  .sf-pull-quote::before {
    inset-inline-start: .12rem;
    inset-block-start: .08rem;
    font-size: clamp(1.8rem, 2.7vw, 2.55rem);
  }
  .sf-pull-quote p,
  [data-pattern="quote-panel"] .sf-pull-quote p {
    max-inline-size: 42ch;
    font-size: clamp(1rem, .94rem + .25vw, 1.18rem);
    letter-spacing: -.012em;
    line-height: 1.5;
  }
  :is(.sf-testimonial-quote, .sf-practitioner-quote) figcaption {
    margin-block-start: .65rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .09em;
  }
  .sf-quotation-signature {
    inline-size: min(100%, 30rem);
    grid-template-columns: 2.25rem max-content minmax(0, 1fr);
    column-gap: .7rem;
    margin-block-start: 1.15rem;
    padding: .75rem .9rem;
    box-shadow: 0 .6rem 1.6rem color-mix(in srgb, var(--forest-900) 7%, transparent);
  }
  .sf-quotation-signature::before { font-size: 4.2rem; }
  .sf-quotation-signature::after { inline-size: 2px; }
  .sf-quotation-signature > .sf-pull-quote p {
    max-inline-size: 38ch;
    font-family: var(--font-italic);
    font-size: clamp(.98rem, .92rem + .2vw, 1.12rem);
    line-height: 1.48;
  }
  .sf-quotation-signature figcaption { font-size: .64rem; }
  .sf-quotation-avatar { inline-size: 2.25rem; block-size: 2.25rem; }
  .sf-page[data-page="testimonials"] .sf-testimonial-quote .sf-pull-quote p { font-size: clamp(1.08rem, 1rem + .38vw, 1.32rem); }

  /* Homepage is the conceptual opening chapter: a small mark takes the
     number's place without adding a visible 00. */
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-logo {
    display: block;
    inline-size: clamp(2.8rem, 4vw, 4rem);
    block-size: auto;
    margin-block-end: .8rem;
    object-fit: contain;
    object-position: left center;
  }
  .sf-page[data-page="home"] [data-pattern="hero"] .sf-hero-mini-brand {
    display: none;
  }
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-logo {
    border: 1px solid color-mix(in srgb, var(--rose-gold-500) 48%, transparent);
    border-radius: 50%;
    padding: .25rem;
    background: color-mix(in srgb, var(--ivory-50) 72%, transparent);
  }
  .sf-page[data-page="home"] [data-pattern="hero"] .sf-hero-logo {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    opacity: .78;
  }
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-logo + .sf-eyebrow { margin-block-start: 0; }
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-copy .sf-eyebrow { margin-block-end: var(--space-3); }
  .sf-page[data-page="home"] [data-pattern="hero"] .sf-eyebrow:empty { display: none; }

  /* Final page-specific compositions. These sit after the broad site surface
     rules so their structure cannot be flattened back into generic cards. */
  .sf-page[data-page="home"] #treatment-families .sf-section-inner { display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
  .sf-page[data-page="home"] #treatment-families .sf-section-head { grid-column: 1 / -1; display: grid; grid-template-columns: 7rem minmax(0, 1fr); column-gap: 1.25rem; align-items: end; max-inline-size: 55rem; }
  .sf-page[data-page="home"] #treatment-families .sf-section-head .sf-chapter-number { grid-row: 1 / span 2; }
  .sf-page[data-page="home"] #treatment-families .sf-section-head :is(.sf-eyebrow, h2) { grid-column: 2; }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image { margin: 0; overflow: hidden; border-radius: .65rem; }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img { inline-size: 100%; block-size: 31rem; object-fit: cover; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { min-block-size: 10.5rem; border: 1px solid var(--color-border-rose); border-radius: .5rem; background: rgb(255 253 249 / .58); box-shadow: none; padding: 1.4rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(3n + 1) { background: color-mix(in srgb, var(--blush-100) 72%, transparent); }
  .sf-page[data-page="home"] #treatment-families :is(.sf-section-inner > p, .sf-button-row) { grid-column: 2; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid; grid-template-columns: minmax(16rem, .65fr) minmax(0, 1.35fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-column: 1; max-inline-size: 42rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 1; grid-row: 2; inline-size: 100% !important; margin: 0; overflow: hidden; border-radius: .65rem !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { inline-size: 100%; block-size: 30rem; object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-column: 2; grid-row: 1 / span 2; display: grid; grid-template-columns: 1fr; margin: 0; padding: 0; border-block: 1px solid var(--color-border-warm); list-style: none; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; padding: clamp(1.4rem, 2.5vw, 2rem) 0; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria > li > span { color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.2rem; font-style: italic; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria h3 { margin: 0 0 .45rem; color: var(--forest-900); font-size: clamp(1.35rem, 1.7vw, 1.7rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria p { margin: 0; color: var(--color-text-secondary); font-size: .92rem; line-height: 1.6; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 1; grid-row: 3; margin: 1.5rem 0 0; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { display: grid; grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.25fr); gap: clamp(2rem, 6vw, 6rem); align-items: stretch; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 1; grid-row: 1; border-radius: .65rem !important; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { inline-size: 100%; block-size: 100%; min-block-size: 42rem; object-fit: cover; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 2; display: flex; flex-direction: column; justify-content: center; }
  .sf-page[data-page="home"] #care-standard .sf-section-head { max-inline-size: 38rem; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-block: 2rem; }
  .sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size: 14rem; border: 1px solid rgb(234 213 173 / .36); border-radius: .5rem; background: rgb(255 253 249 / .08); box-shadow: none; padding: 1.25rem; }
  .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .36); }

  .sf-page[data-page="mission"] #why-it-matters .sf-editorial-media-layout { display: block; max-inline-size: var(--editorial-standard); margin-inline: auto; border: 1px solid var(--color-border-warm); border-radius: .65rem; background: color-mix(in srgb, var(--white) 76%, transparent); padding: clamp(2rem, 6vw, 5rem); }
  .sf-page[data-page="mission"] #why-it-matters .sf-section-inner { display: grid; grid-template-columns: minmax(14rem, .62fr) minmax(0, 1.38fr); gap: clamp(2rem, 7vw, 7rem); }
  .sf-page[data-page="mission"] #why-it-matters .sf-section-head { grid-row: 1 / span 3; }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card-grid { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card { min-block-size: 9rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .sf-page[data-page="mission"] #why-it-matters .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="mission"] #why-it-matters .sf-practitioner-quote { grid-column: 2; margin: 0; }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card { min-block-size: 12rem; border: 0; border-radius: 0; box-shadow: none; }
  .sf-page[data-page="mission"] #science-with-humanity .sf-content-card + .sf-content-card { border-inline-start: 1px solid var(--color-border-subtle); }

  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner { display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before { grid-column: 1; grid-row: 1 / span 5; min-block-size: 36rem; border-radius: .65rem !important; }
  .sf-page[data-page="laser"] #co-resurfacing :is(.sf-section-head, .sf-lede, .sf-statement-inner > p:not(.sf-lede), .sf-botanical-list, .sf-practitioner-quote) { grid-column: 2; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem 1.5rem; border-block: 1px solid rgb(234 213 173 / .34); padding: 1.25rem 0 1.25rem 1.25rem; }
  .sf-page[data-page="laser"] #co-resurfacing .sf-practitioner-quote { margin: 0; max-inline-size: none; }

  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card { display: grid; grid-template-columns: 3rem minmax(0, 1fr); column-gap: 1rem; align-content: start; min-block-size: 11rem; border: 1px solid rgb(234 213 173 / .4); background: rgb(255 253 249 / .08); }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card :is(h3, p) { grid-column: 2; }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card h3 { color: var(--ivory-50) !important; }
  .sf-page[data-page="accessibility"] #reading-and-navigation .sf-content-card p { color: rgb(255 253 249 / .94) !important; }
  .sf-page[data-page="accessibility"] .sf-access-feature-icon { display: grid; grid-row: 1 / span 2; inline-size: 2.6rem; block-size: 2.6rem; place-items: center; border: 1px solid rgb(234 213 173 / .62); border-radius: 50%; color: var(--gold-200); font-family: var(--font-body); font-size: 1rem; font-weight: 700; }
  .sf-page[data-page="accessibility"] .sf-access-feature-icon img { inline-size: 1.25rem; block-size: 1.25rem; filter: brightness(0) saturate(100%) invert(83%) sepia(34%) saturate(409%) hue-rotate(353deg) brightness(97%); }

  .sf-page[data-page="privacy"] #who-is-responsible > .sf-section-inner--full,
  .sf-page[data-page="cookies"] #questions-and-updates > .sf-section-inner--full,
  .sf-page[data-page="legal"] #consultation-and-professional-scope > .sf-section-inner--full,
  .sf-page[data-page="accessibility"] :is(#our-intention, #content-clarity) > .sf-section-inner--full { max-inline-size: min(78rem, calc(100% - 2 * var(--page-gutter))); }
  .sf-page[data-page="privacy"] #who-is-responsible .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sf-page[data-page="accessibility"] #our-intention > .sf-section-inner--full > .sf-botanical-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.25rem, 4vw, 3rem); }

  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .56fr) minmax(0, 1.44fr); gap: clamp(2.5rem, 7vw, 7rem); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-head { position: sticky; inset-block-start: calc(var(--header-height) + 1rem); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card { min-block-size: 10rem; border: 0; border-radius: 0 !important; background: transparent; box-shadow: none; text-align: start; }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-rose); }

  .sf-page[data-page="contact"] .sf-direct-contact__portrait { order: -1; margin: 0 auto clamp(2rem, 4vw, 3.5rem); border-radius: .65rem !important; }
  .sf-page[data-page="contact"] .sf-direct-contact__header { display: block; max-inline-size: 74rem; margin-inline: auto; }
  .sf-page[data-page="contact"] .sf-direct-contact__header h2 { max-inline-size: 14ch; }

  /* Home chapters 04–06: one restrained editorial sequence, with a unique
     composition for each chapter rather than repeated marketing cards. */
  .sf-page[data-page="home"] #treatment-families .sf-section-inner { grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr); gap: clamp(2.5rem, 7vw, 7rem); }
  .sf-page[data-page="home"] #treatment-families .sf-section-head { grid-column: 1; grid-row: 1; display: block; align-self: end; max-inline-size: 27rem; }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image { grid-column: 2; grid-row: 1 / span 2; border: 1px solid var(--color-border-warm); border-radius: .55rem; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img { block-size: 34rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-column: 1; grid-row: 2; grid-template-columns: 1fr; gap: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; min-block-size: 0; border: 0; border-radius: 0; background: transparent !important; padding: 1rem 0; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card::before { content: counter(home-treatment, decimal-leading-zero); counter-increment: home-treatment; color: var(--rose-gold-700); font-family: var(--font-heading); font-style: italic; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { counter-reset: home-treatment; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card :is(h3, p) { grid-column: 2; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card h3 { margin: 0; font-size: 1.08rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card p { margin: .25rem 0 0; font-size: .82rem; line-height: 1.52; }
  .sf-page[data-page="home"] #treatment-families :is(.sf-section-inner > p, .sf-button-row) { grid-column: 1 / -1; max-inline-size: 54rem; }

  .sf-page[data-page="home"] #what-shapes-a-plan { border: 1px solid color-mix(in srgb, var(--olive-600) 22%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--sage-100) 92%, var(--white)), var(--ivory-50)) !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { grid-template-columns: minmax(0, 1.15fr) minmax(15rem, .85fr); gap: clamp(2.5rem, 7vw, 7rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-column: 1; grid-row: 1; align-self: end; max-inline-size: 38rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 2; grid-row: 1 / span 3; border: 0; border-radius: .55rem !important; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: 38rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-column: 1; grid-row: 2; border-block: 1px solid color-mix(in srgb, var(--olive-600) 35%, transparent); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { grid-template-columns: 3.2rem minmax(0, 1fr); gap: 1.25rem; padding-block: 1.35rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria > li > span { font-size: 1.5rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria h3 { font-size: clamp(1.25rem, 1.7vw, 1.55rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 1; grid-row: 3; margin-block-start: 2rem; }

  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { grid-template-columns: minmax(15rem, .55fr) minmax(0, 1.45fr); gap: clamp(2.5rem, 7vw, 7rem); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 1; grid-row: 1; align-self: stretch; border: 1px solid rgb(234 213 173 / .42); border-radius: .55rem !important; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { min-block-size: 0; block-size: 100%; object-position: center; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 2; display: grid; grid-template-columns: minmax(15rem, .58fr) minmax(0, 1.42fr); gap: 2rem clamp(2rem, 5vw, 5rem); align-items: start; }
  .sf-page[data-page="home"] #care-standard .sf-section-head { grid-column: 1; grid-row: 1 / span 3; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-column: 2; grid-row: 1 / span 3; grid-template-columns: 1fr; gap: 0; margin: 0; border-block: 1px solid rgb(234 213 173 / .42); }
  .sf-page[data-page="home"] #care-standard .sf-content-card { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .8rem; min-block-size: 0; border: 0; border-radius: 0; background: transparent; padding: 1.35rem 0; }
  .sf-page[data-page="home"] #care-standard .sf-content-card::before { content: "—"; color: var(--gold-200); }
  .sf-page[data-page="home"] #care-standard .sf-content-card :is(h3, p) { grid-column: 2; }
  .sf-page[data-page="home"] #care-standard .sf-content-card h3 { margin: 0; color: var(--gold-200); }
  .sf-page[data-page="home"] #care-standard .sf-content-card p { margin: .35rem 0 0; color: rgb(255 253 249 / .8); font-size: .88rem; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote, .sf-page[data-page="home"] #care-standard .sf-button-row { grid-column: 1; }

  /* A single transparent, high-resolution source is used for every hero mark. */
  .sf-page[data-page] [data-pattern="hero"] .sf-hero-logo { content: url("../assets/shared/brand/hero-marks/principal-marca.webp") !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; object-fit: contain; }

  /* Homepage 05 — planning in one complete, full-scale green composition. */
  .sf-page[data-page="home"] #care-standard { overflow: hidden; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { display: grid; grid-template-columns: minmax(4.75rem, .26fr) minmax(20rem, .82fr) minmax(0, 1.18fr); gap: clamp(1.5rem, 4vw, 4.5rem); align-items: stretch; max-inline-size: var(--content-max-width); padding-block: clamp(1rem, 2vw, 2rem); }
  .sf-page[data-page="home"] #care-standard .section-marker--anchored { grid-column: 1; grid-row: 1; align-self: start; margin: .35rem 0 0; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 2; grid-row: 1; min-inline-size: 0; overflow: hidden; border: 1px solid rgb(234 213 173 / .45); border-radius: .65rem !important; background: var(--forest-800); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { inline-size: 100%; block-size: 100%; min-block-size: 41rem; object-fit: cover; object-position: center; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 3; display: grid; grid-template-columns: 1fr; align-content: center; min-inline-size: 0; padding-block: 1.5rem; }
  .sf-page[data-page="home"] #care-standard .sf-section-head { max-inline-size: 36rem; }
  .sf-page[data-page="home"] #care-standard .sf-section-head h2 { max-inline-size: 14ch; font-size: clamp(2.7rem, 4.2vw, 4.8rem); }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { display: grid; grid-template-columns: 1fr; gap: 0; margin-block: 2.25rem 1.5rem; border-block: 1px solid rgb(234 213 173 / .42); }
  .sf-page[data-page="home"] #care-standard .sf-content-card { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .9rem; min-block-size: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 1.35rem 0; }
  .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #care-standard .sf-content-card::before { content: "—"; color: var(--gold-200); }
  .sf-page[data-page="home"] #care-standard .sf-content-card :is(h3, p) { grid-column: 2; }
  .sf-page[data-page="home"] #care-standard .sf-content-card h3 { margin: 0; color: var(--gold-200); font-size: clamp(1.2rem, 1.55vw, 1.55rem); }
  .sf-page[data-page="home"] #care-standard .sf-content-card p { margin: .35rem 0 0; color: rgb(255 253 249 / .84); font-size: .95rem; line-height: 1.62; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote { inline-size: min(100%, 29rem); margin: .5rem 0 0; padding: .55rem .75rem; opacity: .88; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote .sf-pull-quote p { font-size: .94rem; }
  .sf-page[data-page="home"] #care-standard .sf-button-row { margin-block-start: 1.75rem; }
  .sf-page[data-page="home"] #care-standard .sf-button { min-block-size: 3.4rem; padding-inline: 1.35rem; }

  /* Homepage chapters share the same heading lockup: chapter, eyebrow, then
     title. Their editorial content layouts remain distinct. */
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-section-head { display: block; }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-section-head .sf-chapter-number {
    align-self: auto;
    color: var(--rose-gold-600);
    font-size: clamp(2.75rem, 4.25vw, 4.9rem);
    line-height: .78;
  }
  .sf-page[data-page="home"] #care-standard .sf-section-head .sf-chapter-number { color: var(--gold-200); }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-section-head h2 {
    max-inline-size: 13ch;
    font-size: clamp(2.7rem, 5vw, 5.75rem);
    font-style: normal;
    line-height: .92;
  }

  /* Use one readable chapter hierarchy throughout the site, including
     editorial, form and values compositions that use their own header class. */
  .sf-page[data-page] .sf-section :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro, .sf-values-heading) > :is(.sf-chapter-number, .sf-values-number) {
    display: block;
    margin-block-end: .65rem;
    font-family: var(--font-heading);
    font-size: clamp(2.75rem, 4.25vw, 4.9rem);
    font-style: normal;
    font-variant-numeric: lining-nums tabular-nums;
    font-weight: 400;
    letter-spacing: -.075em;
    line-height: .78;
  }
  .sf-page[data-page] .sf-section :is(.sf-section-head, .sf-editorial-kicker, .sf-form-section-intro, .sf-values-heading) > h2 {
    max-inline-size: min(21ch, 100%);
    font-size: var(--type-section-title);
    font-style: normal;
    line-height: var(--line-heading);
  }

  /* Homepage 06 — biography at full editorial scale, with an independent left marker. */
  .sf-page[data-page="home"] #meet-franciele { overflow: hidden; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { display: grid; grid-template-columns: minmax(4.75rem, .26fr) minmax(20rem, .82fr) minmax(0, 1.18fr); gap: clamp(1.5rem, 4vw, 4.5rem); align-items: center; max-inline-size: var(--content-max-width); }
  .sf-page[data-page="home"] #meet-franciele .section-marker--anchored { grid-column: 1; grid-row: 1; align-self: start; margin-block-start: .35rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { grid-column: 2; grid-row: 1; inline-size: 100%; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait { inline-size: 100%; margin: 0; overflow: hidden; border-radius: .65rem; background: var(--blush-100); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { inline-size: 100%; block-size: 40rem; object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption { display: grid; gap: .1rem; padding: 1rem 1.15rem; background: var(--ivory-50); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__location { margin: .75rem 0 0; color: var(--rose-gold-700); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { grid-column: 3; min-inline-size: 0; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-section-head { margin: 0 0 1.5rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content h2 { max-inline-size: 13ch; font-size: clamp(2.7rem, 4.2vw, 4.8rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__lede { max-inline-size: 49ch; font-size: clamp(1.15rem, 1.15vw, 1.38rem); line-height: 1.65; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content > p:not(.sf-home-profile__lede) { max-inline-size: 60ch; font-size: 1rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block: 2rem 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li { min-block-size: 9rem; padding: 1.2rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles h3 { font-size: 1.2rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-button-row { margin-block-start: 2rem; }

  /* About 05: a calm room rather than a compressed directory. */
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media-layout { grid-template-columns: minmax(0, 1.24fr) minmax(17rem, .76fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-section-inner { grid-column: 1; grid-row: 1; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media { grid-column: 2; grid-row: 1; inline-size: 100%; border: 0; border-radius: .6rem !important; background: var(--sage-100); box-shadow: var(--shadow-soft); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media img { inline-size: 100%; block-size: 38rem; object-fit: cover; object-position: center top; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-section-inner > p { max-inline-size: 52ch; margin-block-start: 1.5rem; font-size: clamp(1.05rem, 1.1vw, 1.25rem); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block-start: 2.5rem; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card { min-block-size: 8.75rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 1.35rem 0; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-subtle); padding-inline-start: 1.5rem; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(odd) { padding-inline-end: 1.5rem; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-subtle); }
  .sf-page[data-page="about"] #the-clinic-experience .sf-content-card--link { background: transparent; }
  .sf-page[data-page="about"] #the-clinic-experience .sf-practitioner-quote { margin: 2rem 0 0; }

  /* Home 03: a light consultation ledger, deliberately unlike the other chapters. */
  .sf-page[data-page="home"] #consultation-journey { background: var(--sage-100) !important; color: var(--forest-900); }
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { display: grid; grid-template-columns: minmax(15rem, .55fr) minmax(0, 1.45fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head { position: sticky; inset-block-start: calc(var(--header-height) + 1.25rem); }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head :is(h2, .sf-eyebrow) { color: var(--forest-900); }
  .sf-page[data-page="home"] #consultation-journey .sf-process-list { grid-column: 2; display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; border-block: 1px solid color-mix(in srgb, var(--olive-600) 35%, transparent); }
  .sf-page[data-page="home"] #consultation-journey .sf-step { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; min-block-size: 0; border: 0; border-radius: 0; background: transparent; padding: 1.5rem 0; }
  .sf-page[data-page="home"] #consultation-journey .sf-step + .sf-step { border-block-start: 1px solid color-mix(in srgb, var(--olive-600) 24%, transparent); }
  .sf-page[data-page="home"] #consultation-journey .sf-step-number { inline-size: auto; block-size: auto; border: 0; border-radius: 0; background: transparent; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.7rem; font-style: italic; }
  .sf-page[data-page="home"] #consultation-journey .sf-step h3 { color: var(--forest-900); font-size: clamp(1.25rem, 1.6vw, 1.6rem); }
  .sf-page[data-page="home"] #consultation-journey .sf-step p { color: var(--color-text-secondary); }
  .sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote { grid-column: 2; margin: 1.5rem 0 0; }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="privacy"] #who-is-responsible .sf-content-card-grid,
    .sf-page[data-page="accessibility"] #our-intention > .sf-section-inner--full > .sf-botanical-list { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] :is(#treatment-families .sf-section-inner, #what-shapes-a-plan .sf-statement-inner, #care-standard .sf-editorial-media-layout, #care-standard .sf-section-inner), .sf-page[data-page="mission"] #why-it-matters .sf-section-inner, .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner, .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #treatment-families .sf-section-head, .sf-page[data-page="privacy"] #why-information-may-be-used .sf-section-head { position: static; }
    .sf-page[data-page="home"] #treatment-families :is(.sf-section-inner > p, .sf-button-row), .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-section-head, .sf-home-portrait, .sf-content-card-grid, .sf-practitioner-quote), .sf-page[data-page="home"] #care-standard :is(.sf-section-head, .sf-practitioner-quote, .sf-button-row, .sf-content-card-grid), .sf-page[data-page="mission"] #why-it-matters :is(.sf-section-head, .sf-content-card-grid, .sf-practitioner-quote), .sf-page[data-page="laser"] #co-resurfacing :is(.sf-section-head, .sf-lede, .sf-statement-inner > p:not(.sf-lede), .sf-botanical-list, .sf-practitioner-quote) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card-grid, .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card-grid, .sf-page[data-page="mission"] #why-it-matters .sf-content-card-grid, .sf-page[data-page="mission"] #science-with-humanity .sf-content-card-grid, .sf-page[data-page="laser"] #co-resurfacing .sf-botanical-list, .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(n), .sf-page[data-page="mission"] :is(#why-it-matters, #science-with-humanity) .sf-content-card + .sf-content-card, .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card:nth-child(n) { border-inline-start: 0; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card + .sf-content-card, .sf-page[data-page="privacy"] #why-information-may-be-used .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-rose); }
    .sf-page[data-page="laser"] #co-resurfacing .sf-statement-inner::before { grid-column: 1; grid-row: 2; min-block-size: 18rem; }
    .sf-page[data-page="home"] #treatment-families .sf-section-head { display: block; }
    .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image { grid-column: 1; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-column: 1; grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-content-card { grid-template-columns: 1fr; gap: .35rem; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-column: 1; grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-block-start: 1px solid rgb(234 213 173 / .24); border-inline-start: 0; }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media, .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media img { min-block-size: 24rem; }
    .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image,
    .sf-page[data-page="home"] #treatment-families .sf-content-card-grid,
    .sf-page[data-page="home"] #treatment-families :is(.sf-section-inner > p, .sf-button-row),
    .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-section-head, .sf-plan-criteria, .sf-practitioner-quote),
    .sf-page[data-page="home"] #care-standard :is(.sf-editorial-media, .sf-section-inner, .sf-section-head, .sf-content-card-grid, .sf-practitioner-quote, .sf-button-row) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img { block-size: 23rem; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: 27rem; }
    .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media-layout,
    .sf-page[data-page="home"] #consultation-journey .sf-section-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #the-clinic-experience :is(.sf-section-inner, .sf-editorial-media),
    .sf-page[data-page="home"] #consultation-journey :is(.sf-section-head, .sf-process-list, .sf-practitioner-quote) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="about"] #the-clinic-experience .sf-editorial-media img { block-size: 28rem; }
    .sf-page[data-page="about"] #the-clinic-experience .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="about"] #the-clinic-experience .sf-content-card:nth-child(n) { border-inline-start: 0; padding-inline: 0; }
    .sf-page[data-page="home"] #consultation-journey .sf-section-head { position: static; }
    .sf-page[data-page="home"] :is(#care-standard .sf-editorial-media-layout, #meet-franciele .sf-home-profile__canvas) { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] :is(#care-standard .section-marker--anchored, #care-standard .sf-editorial-media, #care-standard .sf-section-inner, #meet-franciele .section-marker--anchored, #meet-franciele .sf-home-profile__visual, #meet-franciele .sf-home-profile__content) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] :is(#care-standard .sf-editorial-media img, #meet-franciele .sf-home-profile__portrait img) { min-block-size: 0; block-size: 28rem; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li { min-block-size: 0; }
  }

  /* Earlier art direction used large chapter numerals as scenery. The real
     marker above is now the only visible chapter number. */
  .sf-page[data-page="home"] :is(
    #care-routes
  )::before,
  .sf-page[data-page="home"] #plan-factors::after,
  .sf-page[data-page="home"] #results-in-context .sf-home-results__canvas::before,
  .sf-page[data-page="results"] #result-factors .sf-result-factors-shell::before,
  .sf-page[data-page="home"] :is(
    #decision-flow,
    #treatment-pathways,
    #science-with-softness,
    #responsible-pauses,
    #meet-franciele
  ) .sf-section-head::before,
  .sf-page[data-page="home"] #treatment-pathways .sf-section-head::after { content: none; }

  /* Rebuilt homepage chapters 03–07. */
  .sf-page[data-page="home"] :is(#consultation-journey,#treatment-families,#what-shapes-a-plan,#care-standard,#meet-franciele){padding-block:clamp(5rem,9vw,9rem)}
  .sf-page[data-page="home"] :is(#consultation-journey,#treatment-families,#what-shapes-a-plan,#care-standard,#meet-franciele) .sf-section-head{align-self:start;margin:0;max-inline-size:32rem}
  .sf-page[data-page="home"] #consultation-journey{background:linear-gradient(135deg,var(--ivory-50),var(--sage-100))!important}
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner{display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}
  .sf-page[data-page="home"] #consultation-journey .sf-process-list{display:grid;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--color-border-warm);background:var(--color-border-warm);list-style:none}
  .sf-page[data-page="home"] #consultation-journey .sf-step{min-block-size:13rem;border:0;border-radius:0;background:color-mix(in srgb,var(--ivory-50) 94%,transparent);padding:clamp(1.4rem,2.6vw,2.4rem)}
  .sf-page[data-page="home"] #consultation-journey .sf-step-number{color:var(--rose-gold-700);font-family:var(--font-heading);font-size:1.25rem;font-style:italic}.sf-page[data-page="home"] #consultation-journey .sf-step h3{margin-block:1.8rem .6rem;color:var(--forest-900)}.sf-page[data-page="home"] #consultation-journey .sf-step p{margin:0;color:var(--color-text-secondary)}.sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote{grid-column:1/-1;justify-self:start;margin:0}
  .sf-page[data-page="home"] #treatment-families{background:var(--color-bg-rose)!important}.sf-page[data-page="home"] #treatment-families .sf-section-inner{display:grid;grid-template-columns:minmax(16rem,.66fr) minmax(0,1.34fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}.sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image{grid-column:2;margin:0;border:0;border-radius:.75rem;box-shadow:none}.sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img{block-size:clamp(22rem,36vw,34rem)}
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-block:1px solid var(--color-border-rose)}.sf-page[data-page="home"] #treatment-families .sf-content-card{display:block;min-block-size:0;border:0;border-radius:0;background:transparent!important;padding:1.5rem 1.25rem}.sf-page[data-page="home"] #treatment-families .sf-content-card+.sf-content-card{border-inline-start:1px solid var(--color-border-rose)}.sf-page[data-page="home"] #treatment-families .sf-content-card h3{color:var(--forest-900);font-size:1.2rem}.sf-page[data-page="home"] #treatment-families .sf-content-card p{color:var(--color-text-secondary);font-size:.9rem}.sf-page[data-page="home"] #treatment-families :is(.sf-section-inner>p,.sf-button-row){grid-column:1/-1;max-inline-size:52rem}
  .sf-page[data-page="home"] #what-shapes-a-plan{border:0;background:var(--sage-100)!important}.sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:clamp(2.5rem,7vw,8rem);align-items:center}.sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head{grid-column:1}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait{grid-column:2;grid-row:1/span 3;border:0;border-radius:.75rem!important;box-shadow:none}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait::after{display:none}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img{block-size:clamp(30rem,43vw,43rem)}
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria{grid-column:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;border:0}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li,.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li+li{display:block;min-block-size:12rem;border:1px solid color-mix(in srgb,var(--olive-600) 28%,transparent);padding:1.25rem}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria>li>span{display:block;margin-block-end:1.5rem;color:var(--rose-gold-700)}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria h3{color:var(--forest-900);font-size:1.1rem}.sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote{grid-column:1;margin:0}
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,9rem);align-items:center;max-inline-size:84rem;padding:0}.sf-page[data-page="home"] #care-standard .sf-editorial-media{grid-column:1;grid-row:1;max-inline-size:none;border:0;border-radius:.75rem!important;background:none;box-shadow:none}.sf-page[data-page="home"] #care-standard .sf-editorial-media::before{display:none}.sf-page[data-page="home"] #care-standard .sf-editorial-media img{block-size:clamp(32rem,47vw,46rem);min-block-size:0;border:0;border-radius:.75rem;box-shadow:none}.sf-page[data-page="home"] #care-standard .sf-section-inner{grid-column:2;display:block;padding:0}.sf-page[data-page="home"] #care-standard .sf-content-card-grid{display:grid;grid-template-columns:1fr;margin:2.5rem 0;border-block:1px solid rgb(234 213 173/.35)}.sf-page[data-page="home"] #care-standard .sf-content-card{min-block-size:0;padding:1.35rem 0}.sf-page[data-page="home"] #care-standard .sf-content-card+.sf-content-card{border-block-start:1px solid rgb(234 213 173/.22)}.sf-page[data-page="home"] #care-standard .sf-practitioner-quote{margin:0}
  .sf-page[data-page="home"] #meet-franciele{background:var(--color-bg-soft)!important}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas{display:grid;grid-template-columns:minmax(19rem,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,9rem);align-items:center;max-inline-size:84rem}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual{max-inline-size:none;padding:0}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before,.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait::after{display:none}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait{border:0;border-radius:.75rem;box-shadow:none}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img{block-size:clamp(31rem,45vw,44rem);translate:none}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption{position:static;background:var(--ivory-50);color:var(--forest-900)}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption span{color:var(--rose-gold-700)}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__location{position:static;margin-block-start:.75rem;writing-mode:initial}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__content{padding:0}.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles{margin-block:2rem 0}
  @media(max-width:63.999rem){.sf-page[data-page="home"] #consultation-journey .sf-section-inner,.sf-page[data-page="home"] #treatment-families .sf-section-inner,.sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner,.sf-page[data-page="home"] #care-standard .sf-editorial-media-layout,.sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas{grid-template-columns:1fr}.sf-page[data-page="home"] #consultation-journey .sf-process-list,.sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image,.sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-section-head,.sf-plan-portrait,.sf-plan-criteria,.sf-practitioner-quote),.sf-page[data-page="home"] #care-standard :is(.sf-editorial-media,.sf-section-inner){grid-column:1;grid-row:auto}.sf-page[data-page="home"] #treatment-families .sf-content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria{grid-template-columns:1fr}}@media(max-width:47.999rem){.sf-page[data-page="home"] :is(#consultation-journey,#treatment-families,#what-shapes-a-plan,#care-standard,#meet-franciele){padding-block:4.5rem}.sf-page[data-page="home"] #consultation-journey .sf-process-list,.sf-page[data-page="home"] #treatment-families .sf-content-card-grid{grid-template-columns:1fr}.sf-page[data-page="home"] #treatment-families .sf-content-card+.sf-content-card{border-block-start:1px solid var(--color-border-rose);border-inline-start:0}}

  @media (max-width: 63.999rem) {

  /* Homepage 03–07 conflict reset: retain only the established Sofiati
     editorial columns, card system, image treatment and responsive stack. */
  .sf-page[data-page="home"] #consultation-journey .sf-section-inner { display: block !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-block: 2.5rem !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card { min-block-size: 12rem !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-step-number { display: block; margin-block-end: 1rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.2rem; }

  .sf-page[data-page="home"] #treatment-families .sf-editorial-media-layout,
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout,
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr) !important; gap: clamp(2.5rem, 6vw, 6rem) !important; align-items: start !important; max-inline-size: var(--container-wide) !important; padding: 0 !important; }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner,
  .sf-page[data-page="home"] #care-standard .sf-section-inner { display: block !important; grid-column: 1 !important; padding: 0 !important; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media,
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 2 !important; grid-row: 1 !important; max-inline-size: none !important; margin: 0 !important; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media img,
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { block-size: 32rem !important; border-radius: .65rem !important; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-block: 2rem !important; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 1 !important; }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 2 !important; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { margin-block: 2rem !important; }

  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr) !important; gap: clamp(2.5rem, 6vw, 6rem) !important; align-items: start !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 1 !important; grid-row: auto !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 2 !important; grid-row: 1 / span 3 !important; margin: 0 !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: 34rem !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .75rem !important; margin-block: 2rem !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { min-block-size: 11rem !important; border: 1px solid var(--color-border-warm) !important; padding: 1.25rem !important; }

  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { grid-column: 2 !important; max-inline-size: none !important; padding: 0 !important; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { grid-column: 1 !important; padding: 0 !important; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { block-size: 38rem !important; }

  .section-marker__number { font-size: clamp(2.1rem, 9vw, 3rem); }
    .sf-quotation-signature { inline-size: 100%; }
  }
}

/* Source: css/src/utilities/accessibility.css */
@layer utilities {
  [data-reveal] { opacity: 1; transform: none; }

  /* Main content must remain in the natural document flow while scrolling. */
  .sf-main :is(.sf-section-head, .sf-editorial-media, .sf-editorial-kicker, .sf-form-section-intro, .sf-reading-aside, .sf-treatment-index, .sj-register__heading, .sja-at-glance > div, .sja-faqs header) {
    inset: auto !important;
    position: static !important;
  }

  /* Homepage grid normalization — one canvas, one heading rhythm, and a
     small family of content/image ratios across every editorial chapter. */
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) { padding-block: var(--section-standard) !important; }
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) .sf-canvas { max-inline-size: var(--container-wide) !important; }
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) .sf-section-head { max-inline-size: 36rem !important; margin-block-end: clamp(2rem, 4vw, 3.75rem) !important; }
  .sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) .sf-section-head h2 { max-inline-size: 15ch !important; }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) :is(.sf-editorial-media-layout, .sf-statement-inner, .sf-home-profile__canvas) { max-inline-size: var(--container-wide) !important; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr) !important; gap: clamp(2.5rem, 6vw, 6rem) !important; }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) :is(.sf-editorial-media, .sf-plan-portrait, .sf-home-profile__visual) img { display: block !important; inline-size: 100% !important; opacity: 1 !important; visibility: visible !important; object-fit: cover !important; }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-content-card-grid { gap: var(--space-3) !important; }
  .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) .sf-content-card { min-block-size: 10rem !important; padding: clamp(1.25rem, 2vw, 1.75rem) !important; }
  .sf-page[data-page="home"] .sf-content-card :is(h3, p) { font-size: revert; }
  .sf-page[data-page="home"] .sf-content-card p { font-size: .95rem !important; line-height: 1.62 !important; }
  .sf-page[data-page="home"] .sf-practitioner-quote { inline-size: min(100%, 38rem) !important; margin-block-start: var(--space-4) !important; }
  .sf-page[data-page="home"] .sf-button-row { margin-block-start: var(--space-4) !important; }
  @media (max-width: 63.999rem) { .sf-page[data-page="home"] :is(#treatment-families, #what-shapes-a-plan, #care-standard, #meet-franciele) :is(.sf-editorial-media-layout, .sf-statement-inner, .sf-home-profile__canvas) { grid-template-columns: 1fr !important; } }

  .sf-search-empty { border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-bg-soft); padding: var(--space-4); text-align: center; }

  @media (prefers-reduced-motion: no-preference) {
    [data-reveal].is-reveal-ready { opacity: 0; transform: translateY(1rem); transition: opacity var(--duration-slow) var(--ease-emphasized), transform var(--duration-slow) var(--ease-emphasized); }
    [data-reveal].is-revealed { opacity: 1; transform: none; }
  }

  /* Homepage corrections: chapter 02 takes the dark full-width treatment;
     chapter 06 becomes a complete, large editorial profile spread. */
  .sf-page[data-page="home"] #consultation-journey { background: linear-gradient(120deg, rgb(17 30 13 / .98), rgb(36 49 41 / .95) 58%, rgb(58 75 50 / .92)), url("../assets/shared/backgrounds/inicio-botanico-fundo.webp") center / cover !important; color: var(--ivory-50); }
  .sf-page[data-page="home"] #consultation-journey .sf-section-head :is(h2, .sf-eyebrow), .sf-page[data-page="home"] #consultation-journey .sf-step h3 { color: var(--ivory-50); }
  .sf-page[data-page="home"] #consultation-journey .sf-chapter-number, .sf-page[data-page="home"] #consultation-journey .sf-step-number { color: var(--gold-200); }
  .sf-page[data-page="home"] #consultation-journey .sf-process-list { border-color: rgb(234 213 173 / .42); }
  .sf-page[data-page="home"] #consultation-journey .sf-step + .sf-step { border-color: rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #consultation-journey .sf-step p { color: rgb(255 253 249 / .76); }

  .sf-page[data-page="home"] #meet-franciele { overflow: hidden; padding-block: clamp(6rem, 10vw, 11rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { display: grid; grid-template-columns: minmax(8rem, .3fr) minmax(25rem, .92fr) minmax(32rem, 1.28fr); gap: clamp(2rem, 5vw, 6rem); align-items: stretch; max-inline-size: min(100% - 3rem, 96rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { position: relative; inline-size: 100%; padding-block-start: clamp(1rem, 4vw, 4rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before { content: ""; position: absolute; z-index: -1; inset: 0 2.25rem 1.75rem -1.25rem; border-radius: 15rem 15rem .5rem .5rem; background: linear-gradient(155deg, var(--olive-700), var(--forest-900)); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait { inline-size: 100%; margin: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--gold-300) 75%, transparent); border-radius: 13rem 13rem .55rem .55rem; background: var(--blush-100); box-shadow: 0 2rem 4.5rem rgb(28 48 34 / .16); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { inline-size: 100%; block-size: clamp(43rem, 54vw, 56rem); object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption { display: grid; gap: .2rem; padding: 1.2rem 1.4rem 1.3rem; background: var(--ivory-50); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption strong { font-size: 1.2rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption span { font-size: .75rem; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__location { margin: 1rem 0 0; color: var(--rose-gold-700); font-size: .72rem; letter-spacing: .18em; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { display: flex; flex-direction: column; justify-content: center; min-inline-size: 0; padding-block: clamp(1rem, 4vw, 4rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content .sf-section-head { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content h2 { max-inline-size: 10ch; font-size: clamp(3.5rem, 5.7vw, 6.5rem); line-height: .9; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__lede { max-inline-size: 37ch; font-size: clamp(1.35rem, 1.7vw, 1.75rem); line-height: 1.48; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content > p:not(.sf-home-profile__lede) { max-inline-size: 62ch; margin-block-start: 1.35rem; font-size: clamp(1rem, 1.1vw, 1.16rem); line-height: 1.72; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-block: clamp(2.5rem, 4vw, 3.5rem) 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li { min-block-size: 10.5rem; padding: clamp(1.25rem, 2vw, 1.75rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles h3 { font-size: clamp(1.2rem, 1.45vw, 1.45rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles p { font-size: .92rem; line-height: 1.62; }
  .sf-page[data-page="home"] #meet-franciele .sf-button-row { margin-block-start: 2.5rem; }

  @media (max-width: 63.999rem) {
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { grid-template-columns: 6rem minmax(19rem, .88fr) minmax(0, 1.12fr); gap: clamp(1.5rem, 3vw, 3rem); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { block-size: clamp(38rem, 62vw, 48rem); }
  }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { grid-template-columns: 1fr; max-inline-size: min(100% - 2.5rem, 40rem); }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual, .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { grid-column: auto; grid-row: auto; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { display: flex; padding-block: 0; }
    .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { block-size: min(125vw, 42rem); }
  }

  /* Homepage Section 02 and Section 05 corrections — match the full-width
     dark-green editorial rhythm used by the results chapter. */
  .sf-page[data-page="home"] #care-pathways,
  .sf-page[data-page="home"] #what-shapes-a-plan { background: radial-gradient(circle at 82% 20%, rgb(234 213 173 / .13), transparent 27rem), linear-gradient(118deg, var(--forest-900), var(--olive-700)) !important; color: var(--ivory-50); }
  .sf-page[data-page="home"] #care-pathways :is(.sf-eyebrow, h2, h3), .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-eyebrow, h2, h3) { color: var(--ivory-50); }
  .sf-page[data-page="home"] #care-pathways .sf-chapter-number, .sf-page[data-page="home"] #what-shapes-a-plan .sf-chapter-number { color: var(--gold-200); }

  .sf-page[data-page="home"] #what-shapes-a-plan { padding-block: clamp(5rem, 8vw, 8.5rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(23rem, .88fr); gap: clamp(3rem, 6vw, 7rem); align-items: center; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-column: 1; grid-row: 1; max-inline-size: 42rem; margin-block-end: clamp(1rem, 2vw, 2rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head h2 { max-inline-size: 10ch; font-size: clamp(3.2rem, 5.3vw, 6rem); line-height: .92; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 2; grid-row: 1 / span 3; position: relative; margin: 0; overflow: hidden; border: 1px solid rgb(234 213 173 / .42); border-radius: 50% 50% .55rem .55rem !important; background: rgb(255 253 249 / .08); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait::after { content: ""; position: absolute; inset: .75rem; border: 1px solid rgb(255 253 249 / .18); border-radius: 50% 50% .3rem .3rem; pointer-events: none; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { inline-size: 100%; block-size: clamp(37rem, 48vw, 48rem); object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-block: 1px solid rgb(234 213 173 / .38); list-style: none; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { display: grid; grid-template-columns: 1fr; gap: .6rem; min-block-size: 13rem; padding: clamp(1.25rem, 2vw, 1.75rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-inline-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria > li > span { color: var(--gold-200); font-family: var(--font-heading); font-size: 1.1rem; font-style: italic; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria h3 { margin: 0; font-size: clamp(1.2rem, 1.45vw, 1.45rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria p { margin: 0; color: rgb(255 253 249 / .72); font-size: .9rem; line-height: 1.62; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 1; grid-row: 3; max-inline-size: 39rem; margin: clamp(1.5rem, 3vw, 2.5rem) 0 0; border-color: rgb(234 213 173 / .55); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote :is(.sf-pull-quote p, figcaption) { color: rgb(255 253 249 / .82); }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-section-head, .sf-plan-portrait, .sf-plan-criteria, .sf-practitioner-quote) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { inline-size: min(100%, 28rem); justify-self: center; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: 33rem; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { min-block-size: 0; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-block-start: 1px solid rgb(234 213 173 / .25); border-inline-start: 0; }
  }

  /* The actual Chapter 05 — “What shapes a plan” — follows the strong
     two-part editorial composition of Chapter 07. */
  .sf-page[data-page="home"] #care-standard { padding-block: clamp(6rem, 10vw, 10rem); background: radial-gradient(circle at 82% 18%, rgb(234 213 173 / .13), transparent 27rem), linear-gradient(118deg, var(--forest-900), var(--olive-700)) !important; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(23rem, .88fr); gap: clamp(3rem, 6vw, 7rem); align-items: center; max-inline-size: min(100% - 3rem, 96rem); }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column: 1; grid-row: 1; display: block; padding: 0; }
  .sf-page[data-page="home"] #care-standard .sf-section-head { max-inline-size: 43rem; margin-block-end: clamp(1.5rem, 3vw, 2.5rem); }
  .sf-page[data-page="home"] #care-standard .sf-section-head h2 { max-inline-size: 10ch; font-size: clamp(3.25rem, 5.4vw, 6.1rem); line-height: .91; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 2; grid-row: 1; position: relative; margin: 0; overflow: hidden; border: 1px solid rgb(234 213 173 / .42); border-radius: 50% 50% .55rem .55rem !important; background: rgb(255 253 249 / .08); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media::after { content: ""; position: absolute; inset: .75rem; border: 1px solid rgb(255 253 249 / .18); border-radius: 50% 50% .3rem .3rem; pointer-events: none; }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media img { inline-size: 100%; block-size: clamp(38rem, 50vw, 50rem); min-block-size: 0; object-fit: cover; object-position: center top; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: clamp(2.5rem, 4vw, 3.5rem) 0 0; border-block: 1px solid rgb(234 213 173 / .38); }
  .sf-page[data-page="home"] #care-standard .sf-content-card { display: grid; min-block-size: 13rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: clamp(1.25rem, 2vw, 1.75rem); }
  .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-inline-start: 1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #care-standard .sf-content-card::before { content: none; }
  .sf-page[data-page="home"] #care-standard .sf-content-card :is(h3, p) { grid-column: auto; }
  .sf-page[data-page="home"] #care-standard .sf-content-card h3 { color: var(--ivory-50); font-size: clamp(1.2rem, 1.45vw, 1.45rem); }
  .sf-page[data-page="home"] #care-standard .sf-content-card p { color: rgb(255 253 249 / .72); font-size: .9rem; line-height: 1.62; }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote { inline-size: min(100%, 42rem); margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; padding: 0 0 0 1.25rem; border-color: rgb(234 213 173 / .55); }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote :is(.sf-pull-quote p, figcaption) { color: rgb(255 253 249 / .82); }
  .sf-page[data-page="home"] #care-standard .sf-button-row { margin-block-start: 2.25rem; }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { grid-template-columns: 1fr; max-inline-size: min(100% - 2.5rem, 40rem); }
    .sf-page[data-page="home"] #care-standard :is(.sf-section-inner, .sf-editorial-media) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media { inline-size: min(100%, 28rem); justify-self: center; }
    .sf-page[data-page="home"] #care-standard .sf-editorial-media img { block-size: 34rem; }
    .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size: 0; }
    .sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-block-start: 1px solid rgb(234 213 173 / .25); border-inline-start: 0; }
  }

  /* Homepage editorial reset: only 01, 05 and 07 are dark, viewport-wide
     chapters. Everything between them is a distinct contained composition. */
  .sf-page[data-page="home"] #consultation-journey {
    background: linear-gradient(135deg, var(--ivory-50), var(--ivory-100)) !important;
    color: var(--forest-900);
  }
  .sf-page[data-page="home"] #consultation-journey :is(.sf-section-head h2, .sf-section-head .sf-eyebrow, .sf-step h3) { color: var(--forest-900); }
  .sf-page[data-page="home"] #consultation-journey :is(.sf-chapter-number, .sf-step-number) { color: var(--rose-gold-700); }
  .sf-page[data-page="home"] #consultation-journey .sf-process-list { border-color: color-mix(in srgb, var(--gold-500) 42%, transparent); }
  .sf-page[data-page="home"] #consultation-journey .sf-step + .sf-step { border-color: color-mix(in srgb, var(--gold-500) 28%, transparent); }
  .sf-page[data-page="home"] #consultation-journey .sf-step p { color: var(--color-text-secondary); }
  .sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote { max-inline-size: 34rem; margin-block-start: 1.75rem; opacity: .76; }
  .sf-page[data-page="home"] #consultation-journey .sf-practitioner-quote .sf-pull-quote p { color: var(--forest-800); font-size: .95rem; }

  .sf-page[data-page="home"] #treatment-families { background: linear-gradient(135deg, var(--blush-50), var(--ivory-50)) !important; }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner { grid-template-columns: minmax(17rem, .58fr) minmax(0, 1.42fr); gap: clamp(2.5rem, 6vw, 6rem); }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image { grid-column: 1 / -1; grid-row: 2; margin: 0; overflow: hidden; border-radius: .6rem; }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img { inline-size: 100%; block-size: clamp(20rem, 32vw, 31rem); object-fit: cover; object-position: center; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-column: 2; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { min-block-size: 10rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 1.3rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner > p, .sf-page[data-page="home"] #treatment-families .sf-button-row { grid-column: 2; }

  .sf-page[data-page="home"] #what-shapes-a-plan { background: linear-gradient(135deg, var(--sage-50), var(--ivory-50)) !important; color: var(--forest-900); }
  .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-eyebrow, h2, h3) { color: var(--forest-900); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-chapter-number { color: var(--rose-gold-700); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid; grid-template-columns: minmax(19rem, .78fr) minmax(0, 1.22fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 1; grid-row: 1 / span 3; inline-size: 100%; margin: 0; overflow: hidden; border: 0; border-radius: 12rem 12rem .55rem .55rem !important; box-shadow: var(--shadow-soft); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait::after { content: none; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: clamp(35rem, 46vw, 46rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-column: 2; grid-row: 1; max-inline-size: 38rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head h2 { max-inline-size: 11ch; font-size: clamp(2.9rem, 4.5vw, 5.2rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-column: 2; grid-row: 2; grid-template-columns: 1fr; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { grid-template-columns: 2.75rem minmax(0, 1fr); min-block-size: 0; padding: 1.25rem 0; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-block-start: 1px solid var(--color-border-subtle); border-inline-start: 0; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria > li > span { color: var(--rose-gold-700); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria p { color: var(--color-text-secondary); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 2; grid-row: 3; margin: 1.5rem 0 0; padding-inline-start: 1rem; border-color: var(--gold-500); opacity: .75; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote :is(.sf-pull-quote p, figcaption) { color: var(--forest-800); }

  @media (max-width: 47.999rem) {
    .sf-page[data-page="home"] #treatment-families .sf-section-inner, .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #treatment-families :is(.sf-section-head, .sf-home-treatment-atlas__image, .sf-content-card-grid, .sf-section-inner > p, .sf-button-row), .sf-page[data-page="home"] #what-shapes-a-plan :is(.sf-plan-portrait, .sf-section-head, .sf-plan-criteria, .sf-practitioner-quote) { grid-column: 1; grid-row: auto; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: 1fr; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(even) { border-inline-start: 0; }
    .sf-page[data-page="home"] #treatment-families .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-rose); }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { inline-size: min(100%, 28rem); justify-self: center; }
    .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size: 33rem; }
  }

  .sf-page[data-page="home"] #treatment-families .sf-section-inner { display:grid; grid-template-columns:minmax(7rem,.2fr) minmax(18rem,.58fr) minmax(0,1.2fr); gap:clamp(2rem,4vw,5rem); max-inline-size:min(100% - 3rem,96rem); }
  .sf-page[data-page="home"] #treatment-families .sf-section-head { grid-column:2; grid-row:1; margin:.5rem 0 0; }
  .sf-page[data-page="home"] #treatment-families .sf-section-head h2 { max-inline-size:7ch; font-size:clamp(3.2rem,5vw,5.8rem); }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image { grid-column:2; grid-row:2 / span 3; margin:0; overflow:hidden; border-radius:9rem 9rem .5rem .5rem; box-shadow:var(--shadow-raised); }
  .sf-page[data-page="home"] #treatment-families .sf-home-treatment-atlas__image img { inline-size:100%; block-size:clamp(35rem,48vw,48rem); object-fit:cover; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-column:3; grid-row:1 / span 2; display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin:0; border-block:1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { min-block-size:12rem; border:0; border-radius:0; background:transparent; box-shadow:none; padding:1.5rem; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(even) { border-inline-start:1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-content-card:nth-child(n + 3) { border-block-start:1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner > p, .sf-page[data-page="home"] #treatment-families .sf-button-row { grid-column:3; margin:0; }

  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display:grid; grid-template-columns:minmax(7rem,.2fr) minmax(21rem,.78fr) minmax(0,1.15fr); gap:clamp(2rem,5vw,6rem); max-inline-size:min(100% - 3rem,96rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column:2; grid-row:1 / span 3; inline-size:100%; margin:0; border-radius:.5rem!important; box-shadow:var(--shadow-raised); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { block-size:clamp(39rem,52vw,52rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head, .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria, .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column:3; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head { grid-row:1; margin:0; }.sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head h2 { color:var(--forest-900); max-inline-size:9ch; font-size:clamp(3rem,4.7vw,5.3rem); }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-row:2; grid-template-columns:1fr; margin:2rem 0 0; }.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria p { color:var(--color-text-secondary); font-size:.98rem; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-row:3; max-inline-size:32rem; opacity:.7; }

  .sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { display:grid; grid-template-columns:minmax(7rem,.2fr) minmax(0,1.15fr) minmax(25rem,.8fr); gap:clamp(2rem,5vw,6rem); max-inline-size:min(100% - 3rem,98rem); }
  .sf-page[data-page="home"] #care-standard .sf-section-inner { grid-column:2; grid-row:1; display:block; padding:0; }.sf-page[data-page="home"] #care-standard .sf-section-head h2 { max-inline-size:9ch; font-size:clamp(3.5rem,5.8vw,6.5rem); }
  .sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column:3; grid-row:1; margin:0; border-radius:.5rem!important; }.sf-page[data-page="home"] #care-standard .sf-editorial-media img { block-size:clamp(42rem,55vw,56rem); min-block-size:0; }
  .sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-template-columns:repeat(3,1fr); margin:2.5rem 0 0; }.sf-page[data-page="home"] #care-standard .sf-content-card { min-block-size:13rem; padding:1.4rem; }.sf-page[data-page="home"] #care-standard .sf-content-card + .sf-content-card { border-inline-start:1px solid rgb(234 213 173 / .25); }
  .sf-page[data-page="home"] #care-standard .sf-practitioner-quote { max-inline-size:31rem; opacity:.65; }

  .sf-page[data-page="home"] #meet-franciele { background:linear-gradient(135deg,var(--ivory-50),var(--blush-50))!important; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { grid-template-columns:minmax(7rem,.2fr) minmax(0,1.1fr) minmax(24rem,.75fr); gap:clamp(2rem,5vw,6rem); max-inline-size:min(100% - 3rem,98rem); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { grid-column:2; display:block; padding:0; }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { grid-column:3; padding:0; }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before { content:none; }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait { border:0; border-radius:.5rem; box-shadow:var(--shadow-raised); }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { block-size:clamp(43rem,58vw,58rem); }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption { background:var(--forest-900); color:var(--ivory-50); }
  .sf-page[data-page="home"] #meet-franciele .sf-home-profile__content h2 { max-inline-size:8ch; font-size:clamp(3.7rem,6vw,6.7rem); }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns:1fr; }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li { min-block-size:0; padding:1.2rem 0; }.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li:nth-child(even) { border-inline-start:0; }

  @media (max-width: 47.999rem) { .sf-page[data-page="home"] :is(#treatment-families .sf-section-inner,#what-shapes-a-plan .sf-statement-inner,#care-standard .sf-editorial-media-layout,#meet-franciele .sf-home-profile__canvas) { grid-template-columns:1fr; max-inline-size:min(100% - 2.5rem,40rem); } .sf-page[data-page="home"] :is(#treatment-families .sf-section-head,#treatment-families .sf-home-treatment-atlas__image,#treatment-families .sf-content-card-grid,#treatment-families .sf-section-inner > p,#treatment-families .sf-button-row,#what-shapes-a-plan .sf-plan-portrait,#what-shapes-a-plan .sf-section-head,#what-shapes-a-plan .sf-plan-criteria,#what-shapes-a-plan .sf-practitioner-quote,#care-standard .sf-section-inner,#care-standard .sf-editorial-media,#meet-franciele .sf-home-profile__visual,#meet-franciele .sf-home-profile__content) { grid-column:1; grid-row:auto; } .sf-page[data-page="home"] :is(#treatment-families .sf-content-card-grid,#care-standard .sf-content-card-grid) { grid-template-columns:1fr; } }

  @media print {
    #sf-topbar-inline, #sf-header-inline, #sf-mobile-menu-inline, #sf-cookie-inline, #sf-floating-inline, .sf-button-row { display: none; }
    body { background: var(--white); color: var(--forest-900); font-size: 11pt; }
    .sf-section { break-inside: avoid; padding-block: 1.5rem; }
  }
}

/* Source: css/src/pages/home-layout.css */
/*
 * Homepage layout authority
 *
 * This module owns the final home-page grid decisions and responsive
 * guardrails. It is deliberately last in the manifest and unlayered so its
 * production precedence stays identical to the former separately loaded
 * stylesheet. New homepage layout work belongs here; do not add a second
 * homepage stylesheet or a late "fix" file.
 */
.sf-page[data-page="home"] {
  --home-canvas-max: 84rem;
  --home-gutter: clamp(1.25rem, 4vw, 4rem);
  --home-section-space: clamp(4rem, 7vw, 6.5rem);
  --home-column-gap: clamp(2rem, 5vw, 5rem);
  --home-card-gap: 1rem;
}
.sf-page[data-page="home"] .sf-main > .sf-section:not([data-pattern="hero"]):not([data-pattern="final-cta"]) { padding-block: var(--home-section-space) !important; }
.sf-page[data-page="home"] .sf-main > .sf-section .sf-canvas { inline-size: min(calc(100% - 2 * var(--home-gutter)), var(--home-canvas-max)) !important; max-inline-size: none !important; margin-inline: auto !important; }
.sf-page[data-page="home"] .sf-section-head { display: block !important; max-inline-size: 38rem !important; margin-block-end: clamp(2rem, 4vw, 3.5rem) !important; }
.sf-page[data-page="home"] .sf-section-head > :is(.sf-chapter-number, .sf-eyebrow, h2) { display: block !important; grid-column: auto !important; grid-row: auto !important; }
.sf-page[data-page="home"] .sf-section-head h2 { max-inline-size: 16ch !important; font-size: var(--type-section-title) !important; line-height: .98 !important; }
.sf-page[data-page="home"] .sf-content-card-grid { gap: var(--home-card-gap) !important; }
.sf-page[data-page="home"] .sf-content-card { min-block-size: 10rem !important; padding: clamp(1.25rem, 2vw, 1.75rem) !important; }
.sf-page[data-page="home"] .sf-content-card p { font-size: .96rem !important; line-height: 1.6 !important; }
.sf-page[data-page="home"] .sf-practitioner-quote { inline-size: min(100%, 42rem) !important; margin: 2rem 0 0 !important; }
.sf-page[data-page="home"] .sf-button-row { margin-block-start: 2rem !important; }

/* 02 concern: 7/5. */
.sf-page[data-page="home"] #care-pathways .sf-editorial-media-layout { grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] #care-pathways .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.sf-page[data-page="home"] #care-pathways .sf-editorial-media { margin: 0 !important; align-self: start; }

/* 03 journey: heading + four equal blocks + integrated quote. */
.sf-page[data-page="home"] #consultation-journey .sf-section-inner { display: block !important; }
.sf-page[data-page="home"] #consultation-journey .sf-content-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin: 0 !important; }
.sf-page[data-page="home"] #consultation-journey .sf-content-card { min-block-size: 13rem !important; }
.sf-page[data-page="home"] #consultation-journey .sf-step-number { display: block; margin-block-end: 1.5rem; color: var(--rose-gold-700); font-family: var(--font-heading); font-size: 1.25rem; }

/* 04, 05, 06 and 07 share the same 7/5 or 5/7 editorial family. */
.sf-page[data-page="home"] #treatment-families .sf-editorial-media-layout,
.sf-page[data-page="home"] #care-standard .sf-editorial-media-layout { display: grid !important; grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] #treatment-families .sf-section-inner,
.sf-page[data-page="home"] #care-standard .sf-section-inner { display: block !important; min-inline-size: 0 !important; padding: 0 !important; }
.sf-page[data-page="home"] #treatment-families .sf-editorial-media { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
.sf-page[data-page="home"] #care-standard .sf-editorial-media { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
.sf-page[data-page="home"] :is(#treatment-families, #care-standard) .sf-editorial-media img { display: block !important; inline-size: 100% !important; block-size: 34rem !important; opacity: 1 !important; visibility: visible !important; object-fit: cover !important; border-radius: .75rem !important; }
.sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-block: 2rem !important; }
.sf-page[data-page="home"] #care-standard .sf-content-card-grid { grid-template-columns: 1fr !important; margin-block: 2rem !important; }

/* 06 planning: a fresh full-width editorial definition sequence. */
.sf-page[data-page="home"] .sf-home-planning-rebuild__inner { display: grid; grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr); gap: var(--home-column-gap); align-items: start; }
.sf-page[data-page="home"] .sf-home-planning-rebuild .sf-section-head { grid-column: 1; margin: 0 !important; }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors { grid-column: 2; display: grid; border-block: 1px solid rgb(234 213 173 / .42); }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors article { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem 0; }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors article + article { border-block-start: 1px solid rgb(234 213 173 / .25); }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors span { color: var(--gold-200); font-family: var(--font-heading); font-size: 1.3rem; }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors h3 { margin: 0 0 .4rem; color: var(--gold-200); }
.sf-page[data-page="home"] .sf-home-planning-rebuild__factors p { margin: 0; color: rgb(255 253 249 / .82); font-size: 1rem; line-height: 1.65; }
.sf-page[data-page="home"] .sf-home-planning-rebuild .sf-practitioner-quote,.sf-page[data-page="home"] .sf-home-planning-rebuild .sf-button-row { grid-column: 2; }
@media (max-width: 63.999rem) { .sf-page[data-page="home"] .sf-home-planning-rebuild__inner { grid-template-columns: 1fr; } .sf-page[data-page="home"] .sf-home-planning-rebuild :is(.sf-section-head,.sf-home-planning-rebuild__factors,.sf-practitioner-quote,.sf-button-row) { grid-column: 1; } }

.sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: grid !important; grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head,
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria,
.sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { grid-column: 2 !important; grid-row: auto !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { grid-column: 1 !important; grid-row: 1 / span 3 !important; margin: 0 !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { display: block !important; inline-size: 100% !important; block-size: 36rem !important; opacity: 1 !important; visibility: visible !important; object-fit: cover !important; border-radius: .75rem !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border-block: 1px solid var(--color-border-warm) !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li { min-block-size: 0 !important; border: 0 !important; border-radius: 0 !important; padding: 1.25rem 0 !important; }
.sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria li + li { border-block-start: 1px solid var(--color-border-subtle) !important; }

.sf-page[data-page="home"] #meet-franciele .sf-home-profile__canvas { display: grid !important; grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual { grid-column: 1 !important; max-inline-size: none !important; padding: 0 !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__visual::before,.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait::after { display: none !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait { border-radius: .75rem !important; box-shadow: none !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait img { display: block !important; block-size: 36rem !important; translate: none !important; object-fit: cover !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__portrait figcaption { position: static !important; background: var(--ivory-50) !important; color: var(--forest-900) !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__content { grid-column: 2 !important; padding: 0 !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--home-card-gap) !important; border: 0 !important; }
.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles li { min-block-size: 0 !important; border: 1px solid var(--color-border-warm) !important; padding: 1.25rem !important; }

.sf-page[data-page="home"] #results-in-context .sf-home-results__canvas { inline-size: min(calc(100% - 2 * var(--home-gutter)), var(--home-canvas-max)) !important; }
.sf-page[data-page="home"] #common-questions .sf-content-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 63.999rem) {
  .sf-page[data-page="home"] :is(#care-pathways .sf-editorial-media-layout,#treatment-families .sf-editorial-media-layout,#care-standard .sf-editorial-media-layout,#what-shapes-a-plan .sf-statement-inner,#meet-franciele .sf-home-profile__canvas) { grid-template-columns: 1fr !important; }
  .sf-page[data-page="home"] :is(#treatment-families .sf-editorial-media,#care-standard .sf-editorial-media,#what-shapes-a-plan .sf-plan-portrait,#meet-franciele .sf-home-profile__visual,#what-shapes-a-plan .sf-section-head,#what-shapes-a-plan .sf-plan-criteria,#what-shapes-a-plan .sf-practitioner-quote,#meet-franciele .sf-home-profile__content) { grid-column: 1 !important; grid-row: auto !important; }
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid,.sf-page[data-page="home"] #common-questions .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 35.999rem) {
  .sf-page[data-page="home"] #consultation-journey .sf-content-card-grid,.sf-page[data-page="home"] #common-questions .sf-content-card-grid,.sf-page[data-page="home"] #meet-franciele .sf-home-profile__principles { grid-template-columns: 1fr !important; }
}

/* Fresh consultation chapter: a reading-led introduction with a four-part field note. */
.sf-page[data-page="home"] .sf-home-consultation-new { background: var(--ivory-50) !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-section-inner { display: grid !important; grid-template-columns: minmax(17rem, 4fr) minmax(0, 8fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-section-head { grid-column: 1 !important; grid-row: 1 / span 2 !important; margin: 0 !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card-grid { grid-column: 2 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; border-block: 1px solid var(--color-border-warm) !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card { min-block-size: 14rem !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 1.5rem !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-warm) !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-warm) !important; }
.sf-page[data-page="home"] .sf-home-consultation-new .sf-practitioner-quote { grid-column: 2 !important; inline-size: 100% !important; margin: 1.5rem 0 0 !important; padding-inline-start: 0 !important; border-inline-start: 0 !important; box-shadow: none !important; }

/* Fresh practitioner chapter: portrait, biography and principles on one shared grid. */
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__canvas { display: grid !important; grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr) !important; gap: var(--home-column-gap) !important; align-items: start !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__visual { grid-column: 1 !important; grid-row: 1 !important; max-inline-size: none !important; padding: 0 !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__visual::before,.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__portrait::after { display: none !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__portrait { margin: 0 !important; border-radius: .75rem !important; box-shadow: none !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__portrait img { block-size: 38rem !important; translate: none !important; object-fit: cover !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__portrait figcaption { position: static !important; display: grid !important; gap: .25rem !important; background: var(--forest-900) !important; color: var(--ivory-50) !important; padding: 1rem 1.25rem !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__location { position: static !important; margin: .75rem 0 0 !important; color: var(--rose-gold-700) !important; writing-mode: initial !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__content { grid-column: 2 !important; padding: 0 !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__principles { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; margin: 2rem 0 0 !important; border: 0 !important; }
.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__principles li { min-block-size: 0 !important; border: 1px solid var(--color-border-warm) !important; padding: 1.25rem !important; }
@media (max-width: 63.999rem) { .sf-page[data-page="home"] .sf-home-consultation-new .sf-section-inner,.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__canvas { grid-template-columns: 1fr !important; } .sf-page[data-page="home"] .sf-home-consultation-new :is(.sf-section-head,.sf-content-card-grid,.sf-practitioner-quote),.sf-page[data-page="home"] .sf-home-practitioner-new :is(.sf-home-profile__visual,.sf-home-profile__content) { grid-column: 1 !important; grid-row: auto !important; } }
@media (max-width: 35.999rem) { .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card-grid,.sf-page[data-page="home"] .sf-home-practitioner-new .sf-home-profile__principles { grid-template-columns: 1fr !important; } .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card:nth-child(n) { border-inline-start: 0 !important; } .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-warm) !important; } }

/* Responsive guardrails for the rebuilt consultation and planning chapters. */
.sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new) img { max-inline-size: 100%; }
.sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new) :is(.sf-content-card-grid, .sf-home-planning-rebuild__factors) { min-inline-size: 0; }
@media (max-width: 75rem) {
  .sf-page[data-page="home"] .sf-home-planning-rebuild__inner { grid-template-columns: minmax(15rem, 4fr) minmax(0, 8fr); gap: clamp(1.5rem, 4vw, 3rem); }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-section-inner { grid-template-columns: minmax(14rem, 4fr) minmax(0, 8fr) !important; gap: clamp(1.5rem, 4vw, 3rem) !important; }
}
@media (max-width: 63.999rem) {
  .sf-page[data-page="home"] .sf-home-planning-rebuild__inner,
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-section-inner { grid-template-columns: 1fr !important; }
  .sf-page[data-page="home"] .sf-home-planning-rebuild :is(.sf-section-head, .sf-home-planning-rebuild__factors, .sf-practitioner-quote, .sf-button-row),
  .sf-page[data-page="home"] .sf-home-consultation-new :is(.sf-section-head, .sf-content-card-grid, .sf-practitioner-quote) { grid-column: 1 !important; grid-row: auto !important; }
  .sf-page[data-page="home"] .sf-home-planning-rebuild .sf-section-head,
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-section-head { margin-block-end: 2rem !important; }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 47.999rem) {
  .sf-page[data-page="home"] { --home-gutter: 1.25rem; --home-section-space: clamp(3.5rem, 12vw, 4.5rem); }
  .sf-page[data-page="home"] .sf-section-head h2 { max-inline-size: 18ch !important; }
  .sf-page[data-page="home"] .sf-home-planning-rebuild__factors article { grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; padding: 1.25rem 0; }
  .sf-page[data-page="home"] .sf-home-planning-rebuild__factors p { font-size: .98rem; }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card-grid { grid-template-columns: 1fr !important; }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card { min-block-size: 0 !important; }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card:nth-child(n) { border-inline-start: 0 !important; }
  .sf-page[data-page="home"] .sf-home-consultation-new .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-warm) !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new) .sf-button-row { align-items: stretch; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new) .sf-button { inline-size: 100%; justify-content: center; }
}

/* Final phone override: no desktop column, fixed-width media or constrained copy survives below 512px. */
@media (max-width: 32rem) {
  .sf-page[data-page="home"] .sf-main > .sf-section .sf-canvas { inline-size: calc(100% - 2.5rem) !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new, #treatment-families, #what-shapes-a-plan) :is(.sf-section-inner, .sf-editorial-media-layout, .sf-statement-inner, .sf-home-profile__canvas, .sf-home-profile__content, .sf-home-profile__visual) { display: block !important; inline-size: 100% !important; min-inline-size: 0 !important; max-inline-size: none !important; min-block-size: 0 !important; block-size: auto !important; margin: 0 !important; padding-inline: 0 !important; transform: none !important; translate: none !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new, #treatment-families, #what-shapes-a-plan) :is(.sf-editorial-media, .sf-plan-portrait, .sf-home-profile__portrait) { position: static !important; inline-size: 100% !important; min-inline-size: 0 !important; max-inline-size: none !important; min-block-size: 0 !important; margin: 0 0 1.5rem !important; transform: none !important; translate: none !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new, #treatment-families, #what-shapes-a-plan) :is(.sf-editorial-media img, .sf-plan-portrait img, .sf-home-profile__portrait img) { display: block !important; inline-size: 100% !important; max-inline-size: 100% !important; block-size: auto !important; min-block-size: 0 !important; max-block-size: none !important; object-fit: cover !important; transform: none !important; translate: none !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new, #treatment-families, #what-shapes-a-plan) :is(.sf-section-head, .sf-content-card-grid, .sf-home-planning-rebuild__factors, .sf-practitioner-quote, .sf-button-row) { inline-size: 100% !important; min-inline-size: 0 !important; max-inline-size: none !important; }
  .sf-page[data-page="home"] :is(#consultation-new, #care-standard, #practitioner-new, #treatment-families, #what-shapes-a-plan) :is(h2, h3, p) { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; }
}

/* Treatment families and care standard: explicit tablet/mobile layouts. */
@media (max-width: 64rem) {
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media-layout,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-statement-inner { display: block !important; inline-size: min(calc(100% - 2.5rem), var(--home-canvas-max)) !important; min-inline-size: 0 !important; margin-inline: auto !important; }
  .sf-page[data-page="home"] #treatment-families .sf-section-inner,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-section-head,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-practitioner-quote { display: block !important; inline-size: 100% !important; min-inline-size: 0 !important; max-inline-size: none !important; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait { display: block !important; inline-size: 100% !important; min-inline-size: 0 !important; max-inline-size: none !important; margin: 2rem 0 !important; position: static !important; transform: none !important; translate: none !important; }
  .sf-page[data-page="home"] #treatment-families .sf-editorial-media img,
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-portrait img { inline-size: 100% !important; block-size: auto !important; min-block-size: 0 !important; max-block-size: none !important; object-fit: cover !important; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .sf-page[data-page="home"] #what-shapes-a-plan .sf-plan-criteria { grid-template-columns: 1fr !important; border-block: 1px solid var(--color-border-warm) !important; }
}
@media (max-width: 40rem) {
  .sf-page[data-page="home"] #treatment-families .sf-content-card-grid { grid-template-columns: 1fr !important; }
  .sf-page[data-page="home"] #treatment-families .sf-content-card { min-block-size: 0 !important; }
}

/* Mobile-first replacement chapters. */
.sf-page[data-page="home"] .sf-home-mobile-chapter { padding-block: var(--home-section-space) !important; }
.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-inner { display: flex; flex-direction: column; gap: 1.5rem; }
.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-head { margin: 0 !important; }
.sf-page[data-page="home"] .sf-home-mobile-chapter__media { order: 2; margin: 0; }
.sf-page[data-page="home"] .sf-home-mobile-chapter__media img { display: block; inline-size: 100%; block-size: auto; max-block-size: 30rem; object-fit: cover; border-radius: .75rem; }
.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-content-card-grid { order: 3; display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 0; }
.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-content-card { min-block-size: 0 !important; }
.sf-page[data-page="home"] #treatments-new { background: linear-gradient(118deg, var(--forest-900), var(--olive-700)) !important; color: var(--ivory-50); }
.sf-page[data-page="home"] #treatments-new .sf-section-inner { max-inline-size: var(--home-canvas-max) !important; }
.sf-page[data-page="home"] #treatments-new .sf-home-mobile-chapter__note { color: rgb(255 253 249 / .8); }
.sf-page[data-page="home"] #treatments-new .sf-content-card { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.sf-page[data-page="home"] #treatments-new .sf-content-card :is(h3, p) { color: var(--ivory-50) !important; }
.sf-page[data-page="home"] #treatments-new .sf-content-card p { color: rgb(255 253 249 / .78) !important; }
.sf-page[data-page="home"] .sf-home-mobile-chapter__note { order: 4; max-inline-size: 62ch; margin: 0; }
.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-practitioner-quote,.sf-page[data-page="home"] .sf-home-mobile-chapter .sf-button-row { order: 5; }
@media (min-width: 48rem) { .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr); gap: var(--home-column-gap); align-items: start; } .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-head { grid-column: 1; } .sf-page[data-page="home"] .sf-home-mobile-chapter__media { grid-column: 2; grid-row: 1 / span 3; } .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-content-card-grid { grid-column: 1; grid-template-columns: repeat(2, minmax(0,1fr)); } .sf-page[data-page="home"] #standard-new .sf-content-card-grid { grid-template-columns: 1fr; } .sf-page[data-page="home"] .sf-home-mobile-chapter :is(.sf-home-mobile-chapter__note,.sf-practitioner-quote,.sf-button-row) { grid-column: 1; } }
@media (min-width: 64rem) {
  .sf-page[data-page="home"] .sf-home-mobile-chapter { padding-block: clamp(5.5rem, 8vw, 8rem) !important; }
  .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-inner { grid-template-columns: minmax(0, 7.25fr) minmax(22rem, 4.75fr); gap: clamp(3.5rem, 7vw, 7rem); }
  .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-section-head h2 { max-inline-size: 12ch !important; font-size: clamp(3rem, 4.2vw, 4.9rem) !important; }
  .sf-page[data-page="home"] .sf-home-mobile-chapter__media { align-self: stretch; overflow: hidden; background: var(--sage-100); }
  .sf-page[data-page="home"] .sf-home-mobile-chapter__media img { inline-size: 100%; block-size: 100%; min-block-size: 38rem; max-block-size: none; object-fit: cover; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatments-new .sf-content-card { min-block-size: 10.5rem !important; border: 0; border-radius: 0; background: transparent; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card:nth-child(even) { border-inline-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #treatments-new .sf-content-card:nth-child(n + 3) { border-block-start: 1px solid var(--color-border-rose); }
  .sf-page[data-page="home"] #standard-new .sf-content-card-grid { gap: 0; border-block: 1px solid var(--color-border-warm); }
  .sf-page[data-page="home"] #standard-new .sf-content-card { min-block-size: 0 !important; border: 0; border-radius: 0; background: transparent; }
  .sf-page[data-page="home"] #standard-new .sf-content-card + .sf-content-card { border-block-start: 1px solid var(--color-border-warm); }
}

/* Treatment families: a full-width forest directory with horizontal bands. */
@media (min-width: 48rem) {
  .sf-page[data-page="home"] #treatments-new .sf-section-inner { display: grid !important; grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr) !important; gap: clamp(3rem, 7vw, 7rem) !important; }
  .sf-page[data-page="home"] #treatments-new .sf-section-head { grid-column: 1 !important; }
  .sf-page[data-page="home"] #treatments-new .sf-home-mobile-chapter__media { grid-column: 2 !important; grid-row: 1 / span 4 !important; margin: 0 !important; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card-grid { grid-column: 1 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; border-block: 1px solid rgb(234 213 173 / .42) !important; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card { min-block-size: 11rem !important; padding: 1.5rem !important; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card:nth-child(3n + 2),.sf-page[data-page="home"] #treatments-new .sf-content-card:nth-child(3n + 3) { border-inline-start: 1px solid rgb(234 213 173 / .24) !important; }
  .sf-page[data-page="home"] #treatments-new .sf-content-card:nth-child(n + 4) { border-block-start: 1px solid rgb(234 213 173 / .24) !important; }
  .sf-page[data-page="home"] #treatments-new :is(.sf-home-mobile-chapter__note,.sf-button-row) { grid-column: 1 !important; }
}

/* Responsive media guardrails: keep deferred images from collapsing their
   figure and preserve the intended crop at every reading width. */
.sf-page[data-page="home"] .sf-home-mobile-chapter__media {
  inline-size: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border-warm);
  border-radius: .75rem;
  background: var(--color-bg-soft);
}
.sf-page[data-page="home"] #treatments-new .sf-home-mobile-chapter__media { aspect-ratio: 16 / 10; }
.sf-page[data-page="home"] #standard-new .sf-home-mobile-chapter__media { aspect-ratio: 4 / 5; }
.sf-page[data-page="home"] .sf-home-mobile-chapter__media img {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: none;
  object-fit: cover;
}

/* Keep each editorial image in the ratio of its source. The desktop grid can
 * otherwise stretch these figures to the height of adjacent copy, producing
 * an overly tight landscape crop or an unnecessarily tall portrait crop. */
.sf-page[data-page="home"] #treatments-new .sf-home-mobile-chapter__media {
  align-self: start;
  aspect-ratio: 16 / 10;
}
.sf-page[data-page="home"] #standard-new .sf-home-mobile-chapter__media {
  align-self: start;
  aspect-ratio: 4 / 5;
}
.sf-page[data-page="home"] :is(#treatments-new, #standard-new) .sf-home-mobile-chapter__media img {
  block-size: 100% !important;
  min-block-size: 0 !important;
  object-fit: cover;
}
@media (max-width: 25rem) {
  .sf-page[data-page="home"] #care-pathways .sf-content-card-grid { grid-template-columns: 1fr !important; }
  .sf-page[data-page="home"] #care-pathways .sf-content-card { min-block-size: 0 !important; }
}
@media (max-width: 47.999rem) {
  .sf-page[data-page="home"] #care-pathways .sf-editorial-media { inline-size: min(100%, 26rem); justify-self: center; }
  .sf-page[data-page="home"] #care-pathways .sf-editorial-media img { aspect-ratio: 4 / 5; object-position: center top; }
  .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-button-row { inline-size: 100%; }
  .sf-page[data-page="home"] .sf-home-mobile-chapter .sf-button { flex: 1 1 100%; justify-content: center; }
}

/* CO₂ resurfacing clinical dossier. */
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan { display:grid; grid-template-columns:minmax(17rem,.9fr) minmax(0,1.1fr); gap:clamp(1.5rem,3vw,3rem) clamp(2.25rem,6vw,6.5rem); align-items:start; max-inline-size:var(--container-wide); }
.sf-page[data-page="laser"] #co-resurfacing .sf-section-head { grid-column:1; margin:0; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media { grid-column:1; grid-row:2 / span 2; position:relative; overflow:hidden; margin:0; border:1px solid rgb(234 213 173 / .34); border-radius:.65rem; background:var(--forest-900); }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media img { display:block; inline-size:100%; block-size:clamp(29rem,42vw,40rem); object-fit:cover; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgb(14 31 24 / .72)); pointer-events:none; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media figcaption { position:absolute; z-index:1; inset-inline:1.25rem; inset-block-end:1.2rem; max-inline-size:25ch; color:var(--ivory-50); font-family:var(--font-heading); font-size:clamp(1.05rem,1.4vw,1.3rem); font-style:italic; line-height:1.25; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__introduction,.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets { grid-column:2; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__introduction { padding-block-start:.35rem; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__introduction p { max-inline-size:57ch; color:rgb(255 253 249 / .84); }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__introduction .sf-lede { margin:0 0 1rem; color:var(--gold-200); font-family:var(--font-heading); font-size:clamp(1.5rem,2.25vw,2.35rem); line-height:1.12; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__label { margin:0 0 .85rem; color:var(--gold-200); font-size:.72rem; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets { border-block:1px solid rgb(234 213 173 / .32); padding-block:1.25rem; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets .sf-botanical-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1.5rem; margin:0; padding:0; }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets li { color:rgb(255 253 249 / .9); }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__recovery { grid-column:1 / -1; display:grid; grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr); gap:clamp(1rem,3vw,3rem); align-items:start; border-inline-start:2px solid var(--gold-300); margin-block-start:clamp(.5rem,2vw,1.5rem); padding:1rem 0 1rem clamp(1rem,2vw,1.5rem); }
.sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__recovery p:last-child { margin:0; color:rgb(255 253 249 / .84); }
@media (max-width:63.999rem) { .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan { grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr); gap:2rem; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets .sf-botanical-list { grid-template-columns:1fr; } }
@media (max-width:47.999rem) { .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan { display:flex; flex-direction:column; gap:1.5rem; } .sf-page[data-page="laser"] #co-resurfacing .sf-section-head { order:1; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media { order:2; inline-size:100%; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__introduction { order:3; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__targets { order:4; inline-size:100%; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__recovery { order:5; inline-size:100%; grid-template-columns:1fr; gap:.15rem; margin-block-start:.25rem; } .sf-page[data-page="laser"] #co-resurfacing .sf-co2-plan__media img { block-size:clamp(20rem,86vw,28rem); } }

/* About opening chapter: a balanced text-led layout without a portrait. */
.sf-page[data-page="about"] #why-this-work .sf-about-work-layout { display:grid; grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr); gap:clamp(2.5rem,7vw,8rem); align-items:start; max-inline-size:var(--container-wide); }
.sf-page[data-page="about"] #why-this-work .sf-section-head { grid-column:1; margin:0; padding-block-start:.35rem; }
.sf-page[data-page="about"] #why-this-work .sf-section-head h2 { max-inline-size:9ch; }
.sf-page[data-page="about"] #why-this-work .sf-about-work__content { grid-column:2; }
.sf-page[data-page="about"] #why-this-work .sf-about-work__content > p { max-inline-size:64ch; color:var(--color-text-secondary); font-size:clamp(1rem,.95rem + .2vw,1.15rem); line-height:1.62; }
.sf-page[data-page="about"] #why-this-work .sf-about-work__content > p:first-child { margin-block-start:0; }
.sf-page[data-page="about"] #why-this-work .sf-content-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-block:clamp(2rem,4vw,3.5rem) 0; border-block:1px solid var(--color-border-warm); }
.sf-page[data-page="about"] #why-this-work .sf-content-card { min-block-size:clamp(11rem,15vw,14rem); padding:clamp(1.35rem,2.4vw,2.15rem) clamp(1.25rem,2.5vw,2.25rem); }
.sf-page[data-page="about"] #why-this-work .sf-content-card:nth-child(odd) { border-inline-start:0; }
.sf-page[data-page="about"] #why-this-work .sf-content-card:nth-child(even) { border-inline-start:1px solid var(--color-border-subtle); }
.sf-page[data-page="about"] #why-this-work .sf-content-card:nth-child(n + 3) { border-block-start:1px solid var(--color-border-subtle); }
.sf-page[data-page="about"] #why-this-work .sf-content-card::before { position:static; display:block; margin-block-end:clamp(1.8rem,3vw,3rem); }
.sf-page[data-page="about"] #why-this-work .sf-content-card h2 { color:var(--forest-900); }
@media (max-width:63.999rem) { .sf-page[data-page="about"] #why-this-work .sf-about-work-layout { grid-template-columns:minmax(13rem,.55fr) minmax(0,1.45fr); gap:clamp(2rem,5vw,4rem); } }
@media (max-width:47.999rem) { .sf-page[data-page="about"] #why-this-work .sf-about-work-layout { grid-template-columns:1fr; gap:2rem; } .sf-page[data-page="about"] #why-this-work .sf-section-head,.sf-page[data-page="about"] #why-this-work .sf-about-work__content { grid-column:1; } .sf-page[data-page="about"] #why-this-work .sf-section-head h2 { max-inline-size:11ch; } .sf-page[data-page="about"] #why-this-work .sf-content-card-grid { grid-template-columns:1fr; } .sf-page[data-page="about"] #why-this-work .sf-content-card { min-block-size:0; } .sf-page[data-page="about"] #why-this-work .sf-content-card + .sf-content-card { border-inline-start:0; border-block-start:1px solid var(--color-border-subtle); } }

/* Skin routine planner. */
.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner { display:grid; grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr); gap:clamp(2rem,5vw,6rem); align-items:start; max-inline-size:var(--container-wide); }
.sf-page[data-page="skin"] #a-useful-routine .sf-section-head { grid-column:1; margin:0; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycles { grid-column:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--color-border-warm); background:var(--color-border-warm); }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle { min-block-size:clamp(19rem,28vw,24rem); background:var(--ivory-50); padding:clamp(1.4rem,3vw,2.7rem); }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle--evening { background:color-mix(in srgb,var(--sage-100) 52%,var(--ivory-50)); }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__time { margin:0 0 clamp(2rem,4vw,4rem); color:var(--rose-gold-700); font-family:var(--font-heading); font-size:clamp(1.3rem,2vw,1.9rem); font-style:italic; line-height:1; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle h3 { margin:0 0 1.35rem; color:var(--forest-900); font-size:clamp(1.5rem,2.2vw,2.2rem); }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle .sf-botanical-list { margin:0; padding:0; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle li { color:var(--color-text-secondary); font-size:.9rem; line-height:1.55; }
.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions { grid-column:2; display:grid; grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr); gap:clamp(1.5rem,4vw,4rem); align-items:start; border-block:1px solid var(--color-border-warm); padding-block:clamp(1.5rem,3vw,2.5rem); }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions h3 { margin:0; color:var(--forest-900); font-size:clamp(1.2rem,1.6vw,1.5rem); line-height:1.25; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions .sf-botanical-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem 1.5rem; margin:0; padding:0; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions li { color:var(--color-text-secondary); font-size:.86rem; line-height:1.5; }.sf-page[data-page="skin"] #a-useful-routine .sf-practitioner-quote { grid-column:1 / -1; justify-self:end; max-inline-size:32rem; margin:0; }
@media (max-width:47.999rem) { .sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner { grid-template-columns:1fr; gap:2rem; }.sf-page[data-page="skin"] #a-useful-routine :is(.sf-section-head,.sf-routine-planner__cycles,.sf-routine-planner__questions,.sf-practitioner-quote) { grid-column:1; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycles { grid-template-columns:1fr; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__cycle { min-block-size:0; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions { grid-template-columns:1fr; gap:1.25rem; }.sf-page[data-page="skin"] #a-useful-routine .sf-routine-planner__questions .sf-botanical-list { grid-template-columns:1fr; }.sf-page[data-page="skin"] #a-useful-routine .sf-practitioner-quote { justify-self:start; } }

/* Pigmentation assessment map. */
.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(1.5rem,3vw,3rem) clamp(1.25rem,3vw,3rem); align-items:start; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head { grid-column:1 / span 4; margin:0; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head::after { display:none; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner > p { grid-column:5 / -1; max-inline-size:58ch; margin:.45rem 0 0; color:rgb(255 253 249 / .84); font-size:clamp(1rem,.95rem + .18vw,1.12rem); line-height:1.62; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card-grid { grid-column:1 / -1; grid-row:auto; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid rgb(234 213 173 / .32); background:rgb(234 213 173 / .32); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card,.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:last-child { grid-column:auto; min-block-size:clamp(10.5rem,14vw,13rem); border:0; background:rgb(255 253 249 / .055); padding:clamp(1.25rem,2.2vw,2rem); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:nth-child(3n),.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:nth-child(even) { border:0; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card:nth-child(7) { background:color-mix(in srgb,var(--gold-300) 15%,rgb(255 253 249 / .055)); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card::before { position:static; display:block; margin-block-end:clamp(1.5rem,2.4vw,2.5rem); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card h3 { margin:0 0 .65rem; color:var(--ivory-50); font-size:clamp(1.1rem,1.45vw,1.35rem); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card p { margin:0; color:rgb(255 253 249 / .75); font-size:.84rem; line-height:1.52; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-practitioner-quote { grid-column:7 / -1; justify-self:end; max-inline-size:30rem; margin:0; }
@media (max-width:63.999rem) { .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-head { grid-column:1 / span 5; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner > p { grid-column:6 / -1; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-practitioner-quote { grid-column:5 / -1; } }
@media (max-width:47.999rem) { .sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner { grid-template-columns:1fr; gap:2rem; }.sf-page[data-page="skin"] #pigment-sun-and-memory :is(.sf-section-head,.sf-section-inner > p,.sf-content-card-grid,.sf-practitioner-quote) { grid-column:1; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-section-inner > p { margin:0; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card-grid { grid-template-columns:1fr; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-content-card { min-block-size:0; }.sf-page[data-page="skin"] #pigment-sun-and-memory .sf-practitioner-quote { justify-self:start; } }