.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================================
   BEYOND RETIREMENT — REQUIRED GLOBAL STYLESHEET
   Paste the whole file into  Elementor → Site Settings → Custom CSS.
   This is not optional. Everything the panel cannot express lives here, and
   every rule degrades safely: strip this file and the site is plain but correct.
   ============================================================================ */

/* ---- FONTS (do not replace with @import: Elementor appends this file after its own rules,
   where @import is ignored by every browser) ---------------------------------------------
   The mockup embeds Google's @font-face rules for exactly these faces, and so does this file.
   All four families are variable fonts with an optical-size (opsz) axis. Elementor's own
   Google Fonts loader requests static instances WITHOUT that axis: Fraunces then sets ~7%
   wider (the 68px H1s wrap), Newsreader and Source Serif 4 ~15% taller (a 6-line paragraph
   becomes 7). So: Elementor -> Settings -> Advanced -> Google Fonts = Disable, and these
   rules supply the fonts. Latin + latin-ext subsets, Google's own gstatic URLs. */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/fraunces/v38/6NUu8FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58njU0oc1qv86Rg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/fraunces/v38/6NUu8FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58njU0oc7qv8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9XfjOCX1hbuyalUrK439vogqCz_goCYw7oRd6JFYgzbBZD.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9XfjOCX1hbuyalUrK439vogqCz_goCYw7oRd6JFYYzbA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFH2_tTDB4M7-auWDN0ahZJW1ge6NmXq2ZbF8zBfb98SUr0aX2AzA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFH2_tTDB4M7-auWDN0ahZJW1ge6NmXq2ZbF8zBfb98SUr6aX0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gV8tenXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gb8tc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gV8tenXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gb8tc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


:root {
  --br-accent: #B04A26; --br-accent-strong: #8F3B1D; --br-accent-lit: #D2962F;
  --br-forest: #293326; --br-ink: #293326; --br-body: #46503C; --br-muted: #5E6654;
  --br-paper: #F7F4ED; --br-paper-alt: #F0EBDE; --br-card: #FDFBF5; --br-slot: #E4DDCB;
  --br-border: #DDD5C2; --br-on-forest: #F2EEE2;
  --br-accent-rgb: 176 74 38; --br-accent-lit-rgb: 210 150 47; --br-paper-rgb: 247 244 237; --br-forest-rgb: 41 51 38;
}

/* ---- containers: a px width must never exceed its parent ------------------------
   Elementor only forces container widths to 100% below 768px. Every measure in the
   templates is a px `width` (containers have no max-width control), so without this
   the 1220 header pill and the 574/660/820 measures overflow at tablet widths. */
.e-con.e-parent, .e-con.e-child { max-width: 100%; }

/* ---- page ground ---------------------------------------------------------- */
body { background: var(--br-paper); }
.br-accent { font-style: normal; color: var(--br-accent); }
:focus-visible { outline: 3px solid var(--br-accent); outline-offset: 3px; border-radius: 2px; }

/* ---- eyebrow: the 28×2 accent dash --------------------------------------- */
.br-eyebrow .elementor-heading-title { display: flex; align-items: center; gap: 14px; }
.br-eyebrow .elementor-heading-title::before { content: ""; display: inline-block; width: 28px; height: 2px; background: currentColor; flex: 0 0 auto; }

/* ---- buttons: 58px pill, no Elementor size padding fighting ours ---------- */
.br-btn .elementor-button { display: inline-flex; align-items: center; justify-content: center; line-height: 1; white-space: nowrap; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.br-hd-cta .elementor-button { min-height: 48px; }

/* ---- reserved image slots: tinted plate + bracket corners ----------------- */
/* Drawn with background-image so the client can later set the container's own
   Background → Image (cover) and the corners disappear with it. */
.br-slot {
  background-image:
    linear-gradient(var(--br-accent), var(--br-accent)), linear-gradient(var(--br-accent), var(--br-accent)),
    linear-gradient(var(--br-accent), var(--br-accent)), linear-gradient(var(--br-accent), var(--br-accent)),
    linear-gradient(var(--br-accent), var(--br-accent)), linear-gradient(var(--br-accent), var(--br-accent)),
    linear-gradient(var(--br-accent), var(--br-accent)), linear-gradient(var(--br-accent), var(--br-accent));
  background-repeat: no-repeat;
  background-size: 16px 1px, 1px 16px, 16px 1px, 1px 16px, 16px 1px, 1px 16px, 16px 1px, 1px 16px;
  background-position:
    14px 14px, 14px 14px, calc(100% - 14px) 14px, calc(100% - 14px) 14px,
    14px calc(100% - 14px), 14px calc(100% - 14px), calc(100% - 14px) calc(100% - 14px), calc(100% - 14px) calc(100% - 14px);
}
.br-slot[style*="background-image"], .br-slot.br-has-photo { background-image: none; }  /* photograph in place → corners gone */
.br-ar-hero { aspect-ratio: 4 / 4.6; }
.br-ar-34   { aspect-ratio: 3 / 4; }
.br-ar-45   { aspect-ratio: 4 / 5; }
.br-ar-167  { aspect-ratio: 16 / 7; }
@media (max-width: 767px) { .br-ar-167 { aspect-ratio: 1.46 / 1; } }
.br-slot-story { border-radius: 20px 20px 0 0 !important; }
/* The hero plate stays OPAQUE (paper-alt): in the approved mockup the sunset field shows around
   the plate, not through it. Measured 2026-09-16 against the mockup render. */

/* ---- HOME HERO: the logo's sunset as a field ------------------------------ */
/* Five-stop radial with an off-canvas origin; Elementor's gradient control is
   two-stop, so this cannot live in the panel. Horizontal radius held at 56% so
   the field dies before the text column (eyebrow contrast). */
.br-hero-sec {
  background-image: radial-gradient(56% 118% at 104% -6%,
    rgb(var(--br-accent-lit-rgb) / .86) 0%, rgb(var(--br-accent-lit-rgb) / .60) 22%,
    rgb(var(--br-accent-rgb) / .34) 48%, rgb(var(--br-accent-rgb) / .12) 66%, rgb(var(--br-paper-rgb) / 0) 82%) !important;
}
@media (max-width: 767px) {
  /* stacked: the plate is below the copy, so the field moves to the lower right */
  .br-hero-sec {
    background-image: radial-gradient(112% 38% at 104% 94%,
      rgb(var(--br-accent-lit-rgb) / .72) 0%, rgb(var(--br-accent-lit-rgb) / .48) 26%,
      rgb(var(--br-accent-rgb) / .24) 52%, rgb(var(--br-paper-rgb) / 0) 84%) !important;
  }
}

/* ---- CLOSING BAND: the sun at the horizon --------------------------------- */
/* The one real translation debt. Two stacked radials (halo on the container,
   hot core on ::before) plus a scroll-linked drop-in. Forest stays on the
   container's own Background setting as the fallback; this only adds light. */
.br-glow {
  position: relative; isolation: isolate;
  clip-path: inset(0);                 /* MUST be clip-path, not overflow:hidden — see TRANSLATION-DEBT.md */
  background-image: radial-gradient(58% 34% at 62% 0%,
    rgb(var(--br-accent-lit-rgb) / .46) 0%, rgb(var(--br-accent-lit-rgb) / .26) 30%,
    rgb(var(--br-accent-rgb) / .17) 56%, rgb(var(--br-forest-rgb) / 0) 82%) !important;
}
.br-glow::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(9.5% 8% at 62% 0%, rgb(234 168 55 / 1) 0%, rgb(var(--br-accent-lit-rgb) / .40) 55%, rgb(var(--br-forest-rgb) / 0) 100%);
}
@media (max-width: 767px) {
  .br-glow { background-image: radial-gradient(92% 24% at 66% 0%, rgb(var(--br-accent-lit-rgb) / .42) 0%, rgb(var(--br-accent-rgb) / .16) 52%, rgb(var(--br-forest-rgb) / 0) 84%) !important; }
  .br-glow::before { background: radial-gradient(17.5% 6% at 66% 0%, rgb(234 168 55 / 1) 0%, rgb(var(--br-accent-lit-rgb) / .36) 55%, rgb(var(--br-forest-rgb) / 0) 100%); }
}
@keyframes brSunset { from { transform: translateY(-22px); opacity: .5; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .br-glow::before { animation: brSunset 1s linear both; animation-timeline: view(); animation-range: entry 5% entry 65%; }
  }
}

/* ---- cards ---------------------------------------------------------------- */
.br-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.br-card:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgb(39 53 35 / .09); border-color: var(--br-accent) !important; }
.br-step { border-top-color: var(--br-accent) !important; }      /* 2px accent top edge */
.br-note { border-left-color: #787642 !important; }              /* 3px olive left edge */
.br-dashed { border-style: dashed !important; }                  /* DESIGN NOTE box */
.br-avatar img { object-fit: cover; object-position: 50% 22%; aspect-ratio: 1; }

/* ---- header ---------------------------------------------------------------- */
.br-hd-pill { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.br-hd-logo, .br-hd-cta { width: auto !important; flex: 0 0 auto !important; }   /* never let a zero width collapse the row */
.br-hd-wordmark .elementor-heading-title { display: block; line-height: 1.25; }   /* block: an inline title takes the body line-height strut */
/* Collapsed nav = the mockup's MENU pill (label + chevron), never a burger. The widget's toggle
   keeps its border, radius and colours from the panel; this only swaps the icon for the word. */
.br-nav .elementor-menu-toggle { width: auto; height: 44px; padding: 0 14px; gap: 10px; font-family: Newsreader, serif; font-size: 14px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; line-height: 1; }
.br-nav .elementor-menu-toggle::before { content: "Menu"; }
.br-nav .elementor-menu-toggle i, .br-nav .elementor-menu-toggle svg { display: none !important; }
.br-nav .elementor-menu-toggle::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid var(--br-accent); border-bottom: 1.5px solid var(--br-accent); transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.br-nav .elementor-menu-toggle.elementor-active::after { transform: translateY(2px) rotate(-135deg); }
/* The dropdown is the mockup's 244px panel: card surface, 10px inset, right-anchored, and the
   "Share Your Story" menu item (WP menu class br-menu-cta, FIRST in the menu) styled as a rust pill.
   On the desktop row that item is hidden — the header button carries the CTA there. */
.br-nav .elementor-nav-menu--main .br-menu-cta { display: none; }
.br-nav.elementor-widget-nav-menu { position: relative; }   /* the panel hangs from the widget, not from the header row */
/* Elementor lays the dropdown out in-flow (static, max-height 0 when closed), which pushes the
   toggle to the top of the row and makes the panel widen the pill. The mockup's panel overlays. */
.br-nav .elementor-nav-menu--dropdown { position: absolute !important; top: calc(100% + 10px); right: 0; left: auto !important; width: 244px !important; max-width: calc(100vw - 40px); z-index: 50; padding: 10px !important; box-shadow: 0 18px 44px rgb(20 26 16 / .12); }
@media (min-width: 768px) { .br-nav .elementor-nav-menu--dropdown { left: 0 !important; right: auto; } }   /* tablet: under the MENU pill beside the logo */
.br-nav .elementor-nav-menu--dropdown .br-menu-cta a { font-size: 13px; letter-spacing: .08em; padding: 0 12px; white-space: nowrap; }
.br-nav .elementor-nav-menu--dropdown a { border-radius: 10px; }
.br-nav .elementor-nav-menu--dropdown .br-menu-cta { margin: 0 0 6px; }
.br-nav .elementor-nav-menu--dropdown .br-menu-cta a { background: var(--br-accent) !important; color: #FFF8EF !important; border-radius: 999px; justify-content: center; text-align: center; min-height: 48px; }
.br-nav .elementor-nav-menu--dropdown .br-menu-cta a:hover { background: var(--br-accent-strong) !important; }
.br-nav .elementor-nav-menu--main .elementor-item { min-height: 44px; }
/* the mockup hides the header CTA below 560px, narrower than Elementor's mobile breakpoint */
@media (min-width: 561px) and (max-width: 767px) { .br-hd-cta.elementor-hidden-mobile { display: block !important; } }

/* ---- form ------------------------------------------------------------------ */
.br-form textarea.elementor-field { border-radius: 20px !important; padding: 14px 16px; resize: vertical; font-family: "Source Serif 4", Georgia, serif; }
.br-form .elementor-field-group { row-gap: 8px; }
.br-form .elementor-button { min-height: 58px; }

/* ---- motion ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .br-card:hover { transform: none !important; }
}

/* a pill allowed to wrap inside a narrow tile (Stories nomination card): full width, two lines, left-set */
.br-btn-wrap .elementor-button { white-space: normal; line-height: 1.2; padding-top: 10px !important; padding-bottom: 10px !important; min-height: 56px; justify-content: flex-start; text-align: left; }/* End custom CSS */