/*
 * Editorial on customer websites only. Loaded after editorial.css and before editorial-dark.css
 * (shootcal_theme_look_files), never on Ryan Smith Photography or Axis Point, whose Editorial stays
 * as it is. It keeps the classic builder's hero, and brings three pieces of text up to AA:
 *   - buttons outside a hero: `.sc-managed-site a` beats `.sc-button`, so the label was link colour
 *     on bronze (1.51);
 *   - the page-hero button: white on the plain accent (4.01);
 *   - eyebrows: the plain accent on the page or card (3.82 to 4.01).
 * Both colours lean towards the side's own heading, so one rule raises the contrast on either side
 * and follows a custom background (dark ground: the dark file's tokens, ink and hover still win, at
 * equal or higher specificity). Editorial takes no custom accent, so none can undo this.
 */
:root {
  --sc-bronze-solid: color-mix(in srgb, var(--sc-accent) 80%, var(--sc-heading));
  --sc-bronze-text: color-mix(in srgb, var(--sc-accent) 60%, var(--sc-heading));
}
/* Low specificity on purpose: ties `.sc-managed-site a`, loses to the starter hero's glass button. */
.sc-button:not(:where(.sc-hero *)) { border-color: var(--sc-bronze-solid); background: var(--sc-bronze-solid); }
a.sc-button:not(:where(.sc-hero *)), a.sc-button:not(:where(.sc-hero *)):hover { color: white; }
.sc-hero:not(.sc-hero--starter) .sc-button { background: var(--sc-bronze-solid); }
.sc-eyebrow { color: var(--sc-bronze-text); }
/* The hero as Clean Editorial had it: a wide card low on the left, a very large title. */
.sc-hero:not(.sc-hero--starter) .sc-hero__content { width: min(1120px, 100%); margin: 0 auto 0 max(0px, calc((100% - var(--sc-wide)) / 2)); border-radius: 14px; }
.sc-hero.sc-hero:not(.sc-hero--starter) .sc-hero__content :is(h1, h2):where(:not(h2), .sc-auto-page-heading) { font-size: clamp(36px, 6.4vw, 97px); line-height: 1.04; }
.sc-hero.sc-hero.sc-hero--text-small:not(.sc-hero--starter) .sc-hero__content :is(h1, h2):where(:not(h2), .sc-auto-page-heading) { font-size: clamp(30px, 5vw, 76px); }
.sc-hero.sc-hero.sc-hero--text-large:not(.sc-hero--starter) .sc-hero__content { width: min(1120px, 100%); }
.sc-hero.sc-hero.sc-hero--text-large:not(.sc-hero--starter) .sc-hero__content :is(h1, h2):where(:not(h2), .sc-auto-page-heading) { font-size: clamp(36px, 7.4vw, 113px); }
@media (min-width: 641px) { .sc-hero:not(.sc-hero--starter) .sc-hero__content { margin-bottom: 20px; } } /* Clear of the slideshow buttons. */