/* CASER's look for its campaign pages on go.caser.legal (renderer theme 'caser', lib/sites_render.php). Two palettes, as
   on caser.legal's header colour toggle: Blue Magenta (the default here, data-p="blue-magenta") and Teal Ledger
   (data-p="teal"), each light and dark. Every token below has caser.legal's value for the same role
   (~/caser.legal/inc/palettes.php and inc/theme.php): soft = feat, line = tint, hl = heroHighlight, heroBg/heroBgDeep =
   the light ink/deep, onHead = the light wash. The inline script in crm_sr_open() sets data-theme and data-p before the
   first paint (toggles in assets/caser.js); without JS there is no data-theme, so the system setting picks the dark set,
   and no data-p, so Blue Magenta.
   Fonts as caser.legal: Bricolage Grotesque (headings), Instrument Sans (text), IBM Plex Mono (labels). The hero is fixed
   dark and identical in both themes, as on caser.legal (gradient, a glow top right, contour lines in heroLine/heroAccent).
   Buttons keep the palette's cta and ctaInk in dark mode too (Blue Magenta: berry with white text, white on the dark set's
   #e0507f is below 4.5:1; Teal Ledger: amber with ink); the hover is caser.legal's filter:brightness(.96).
   Two deliberate deviations in dark: --line is caser.legal's dark 'current' (#24304A, #1A403C), not the dark tint, which is
   about 1.0:1 against the dark page, header and items, so borders and item outlines would vanish; and links in the
   related box use featInk, because the dark primary on the dark feat is under 4.5:1 (caser.legal pairs feat with featInk);
   Teal Ledger's light primary on its feat is 4.49:1, so its related links use featInk in light too.
   Rules that must beat crm-blocks.css (loaded after this file) are scoped to body.t-caser. */
:root{color-scheme:light;
  --ink:#0B2A5B;--ink-rgb:11,42,91;--deep:#071D40;--primary:#B52555;--soft:#F6E4EA;--featInk:#0B2A5B;--hl:#F78EB1;--signal:#FF8FB1;--signal-rgb:255,143,177;
  --onHead:#EEF2FA;--onBody:#EEF2FA;--onMuted:#A9B6D0;
  --wash:#EEF2FA;--washLt:#F7F8FB;--line:#DDE2EC;--muted:#5A6478;--text:#121A2B;--cta:#B52555;--ctaInk:#FFFFFF;--hover:#F7F8FB;
  --page:#FFFFFF;--card:#FFFFFF;--hdr:#FFFFFF;--hdrTop:#B52555;--hdrShadow:0 6px 24px rgba(11,42,91,0.10);--error:#B3261E;--bandLine:transparent;--shadow-rgb:7,29,64;
  --heroBg:#0B2A5B;--heroBgDeep:#071D40;--heroLine:#FFFFFF;--heroAccent:#FF8FB1;--heroGlow-rgb:181,37,85;--checkInk:#FFFFFF;
  --logoOnLight:block;--logoOnDark:none;--iconMoon:block;--iconSun:none}
:root[data-theme="dark"]{color-scheme:dark;
  --ink:#EEF2FA;--ink-rgb:238,242,250;--primary:#E0507F;--soft:#3A1A28;--featInk:#F6E4EA;
  --wash:#0F1828;--washLt:#0E1625;--line:#24304A;--muted:#9AA5BB;--text:#E7EBF3;--hover:#121B2E;
  --page:#0C1322;--card:#121B2E;--hdr:#081A38;--hdrShadow:0 4px 16px rgba(0,0,0,0.28);--error:#FF9A8F;--bandLine:rgba(169,182,208,0.22);--shadow-rgb:0,0,0;
  --logoOnLight:none;--logoOnDark:block;--iconMoon:none;--iconSun:block}
@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;
  --ink:#EEF2FA;--ink-rgb:238,242,250;--primary:#E0507F;--soft:#3A1A28;--featInk:#F6E4EA;
  --wash:#0F1828;--washLt:#0E1625;--line:#24304A;--muted:#9AA5BB;--text:#E7EBF3;--hover:#121B2E;
  --page:#0C1322;--card:#121B2E;--hdr:#081A38;--hdrShadow:0 4px 16px rgba(0,0,0,0.28);--error:#FF9A8F;--bandLine:rgba(169,182,208,0.22);--shadow-rgb:0,0,0;
  --logoOnLight:none;--logoOnDark:block;--iconMoon:none;--iconSun:block}}
/* Teal Ledger (inc/theme.php): the light set lists every palette token, the dark set (more specific) what changes.
   The list check is the dark page colour on the pale dark primary #5EC4B5 (white on it is about 2:1). */
:root[data-p="teal"]{
  --ink:#0C2B2A;--ink-rgb:12,43,42;--deep:#071F1E;--primary:#12756C;--soft:#F6E6BF;--featInk:#0C2B2A;--hl:#F2B544;--signal:#F2B544;--signal-rgb:242,181,68;
  --onHead:#E2F0EC;--onBody:#C3E3DC;--onMuted:#8CC9BE;
  --wash:#E2F0EC;--washLt:#F4F9F7;--line:#DBEEE9;--muted:#4E6663;--text:#24403D;--cta:#F2B544;--ctaInk:#0C2B2A;--hover:#F4F9F7;
  --page:#FFFFFF;--card:#FFFFFF;--hdr:#FFFFFF;--hdrTop:#12756C;--hdrShadow:0 6px 24px rgba(12,43,42,0.10);--error:#B3261E;--bandLine:transparent;--shadow-rgb:7,31,30;
  --heroBg:#0C2B2A;--heroBgDeep:#071F1E;--heroLine:#E2F0EC;--heroAccent:#F2B544;--heroGlow-rgb:18,117,108;--checkInk:#FFFFFF}
:root[data-p="teal"][data-theme="dark"]{
  --ink:#E2F0EC;--ink-rgb:226,240,236;--primary:#5EC4B5;--soft:#2D2716;--featInk:#F6E6BF;
  --wash:#0F2D2B;--washLt:#0A2523;--line:#1A403C;--muted:#8CC9BE;--text:#C3E3DC;--hover:#153835;
  --page:#071F1E;--card:#1A403C;--hdr:#0C2B2A;--hdrShadow:0 4px 16px rgba(0,0,0,0.28);--error:#FF9A8F;--bandLine:rgba(140,201,190,0.22);--shadow-rgb:0,0,0;--checkInk:#071F1E}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);font:17px/1.6 'Instrument Sans',system-ui,-apple-system,sans-serif}
/* Sticky footer: every caser page is body > header, main.site-main, footer (sites_render.php crm_sr_open/close), so the
   body is a flex column at least one viewport tall (dvh where supported) and main takes the slack. Short pages (thank-you,
   404) keep the footer at the bottom of the screen; long pages keep it after the content, never position:fixed. */
body.t-caser{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.t-caser>.site-main{flex:1 0 auto}
body.t-caser>.site-header,body.t-caser>.site-footer{flex:none}
body.t-caser>.site-footer{margin-top:auto}
a{color:var(--primary)}
a:hover{color:var(--ink)}
:focus-visible{outline-color:var(--primary)}
::selection{background:var(--soft)}
.container{max-width:1240px;margin:0 auto;padding:0 clamp(16px,5vw,80px)}

/* Header: caser.legal's (~/caser.legal/assets/css/site.css) without the menu: sticky, the 3px top bar (--hdrTop: berry
   in Blue Magenta, green in Teal Ledger, light and dark), heights and logo sizes per breakpoint, a soft shadow once
   scrolled (assets/caser.js; --hdrShadow per theme). The logo on the left, the theme and colour toggles on the right. */
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(var(--hdrTop),var(--hdrTop)) 0 0/100% 3px no-repeat,var(--hdr);border-bottom:1px solid rgba(var(--ink-rgb),0.08);padding:0 clamp(16px,4vw,80px);transition:box-shadow .3s ease}
.site-header.is-scrolled{box-shadow:var(--hdrShadow)}
.hdr{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.hdr-logo{display:flex;align-items:center;flex:none;min-height:44px}
.hdr-logo img{display:block;height:34px;width:auto}
/* Logos: Blue Magenta's unless data-p is teal; the theme tokens pick the dark-letter or white-letter one. All have the
   same size, so a switch never shifts the layout. */
.hdr-logo img{display:none}
.hdr-logo .logo-blue-magenta.logo-on-light{display:var(--logoOnLight)}
.hdr-logo .logo-blue-magenta.logo-on-dark{display:var(--logoOnDark)}
[data-p="teal"] .hdr-logo .logo-blue-magenta{display:none}
[data-p="teal"] .hdr-logo .logo-teal.logo-on-light{display:var(--logoOnLight)}
[data-p="teal"] .hdr-logo .logo-teal.logo-on-dark{display:var(--logoOnDark)}
.hdr-logo:focus-visible,.theme-toggle:focus-visible,.palette-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.menu-prefs{display:flex;align-items:center;gap:6px}
.theme-toggle,.palette-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(var(--ink-rgb),0.14);border-radius:10px;background:none;color:var(--text);cursor:pointer}
.theme-toggle:hover,.palette-toggle:hover{color:var(--primary);background:var(--hover)}
.theme-toggle .icon-moon{display:var(--iconMoon)}
.theme-toggle .icon-sun{display:var(--iconSun)}
html:not(.js) .theme-toggle,html:not(.js) .palette-toggle{display:none}
@media (min-width:900px) and (max-width:999.98px){.hdr{gap:10px}.menu-prefs{gap:2px}.theme-toggle,.palette-toggle{border-color:transparent}.hdr-logo img{height:28px}}
@media (max-width:899.98px){.hdr{min-height:68px}.hdr-logo img{height:30px}}
@media (prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Hero (fixed navy): title and subline left, the form right; one column below 900px (the form under the text) */
.campaign-hero{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 92% -12%,rgba(var(--heroGlow-rgb),0.32),rgba(var(--heroGlow-rgb),0) 70%),linear-gradient(160deg,var(--heroBg) 0%,var(--heroBgDeep) 100%);background-color:var(--heroBg);color:var(--onBody);padding:clamp(40px,6vw,96px) clamp(16px,5vw,80px)}
.campaign-hero__inner{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:clamp(32px,5vw,80px);align-items:start}
.campaign-hero__content{padding-top:clamp(0px,2vw,24px)}
.campaign-hero h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-0.03em;color:var(--onHead);text-wrap:balance}
.campaign-hero h1 .hl{font-style:normal;color:var(--hl)}
.campaign-hero__eyebrow{display:inline-block;margin:0 0 20px;padding:6px 14px;border-radius:999px;background:rgba(var(--heroGlow-rgb),0.18);box-shadow:inset 0 0 0 1px rgba(var(--signal-rgb),0.35);color:var(--signal);font:500 13px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.campaign-hero__excerpt{margin:24px 0 0;max-width:40em;font-size:clamp(18px,1.5vw,20px);line-height:1.55;color:var(--onBody)}
.campaign-hero__media{display:block;width:100%;max-width:460px;height:auto;margin-top:clamp(24px,3vw,40px)}
@media (max-width:899.98px){.campaign-hero__inner{grid-template-columns:1fr}.campaign-hero__media{display:none}}

/* Hero lines and glow: caser.legal assets/css/site.css (partials/hero-fx.php), coloured with the hero tokens above */
.hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-glow{position:absolute;left:calc(85% - 36rem);top:calc(-10% - 18rem);width:72rem;height:36rem;background:radial-gradient(closest-side,rgba(var(--heroGlow-rgb),.26),rgba(var(--heroGlow-rgb),0));will-change:transform,opacity;animation:hero-glow 36s ease-in-out infinite alternate}
.hero-lines{position:absolute;inset:-3%;will-change:transform;animation:hero-lines 60s ease-in-out infinite alternate}
.hero-lines i{position:absolute;inset:0;background:var(--heroLine);opacity:.1;
  -webkit-mask-image:var(--hero-map),var(--hero-map-glow);mask-image:var(--hero-map),var(--hero-map-glow);
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-composite:source-out;mask-composite:subtract}
.hero-lines i+i{background:var(--heroAccent);opacity:.2;-webkit-mask-image:var(--hero-map-glow);mask-image:var(--hero-map-glow);-webkit-mask-composite:source-over;mask-composite:add}
@keyframes hero-glow{
  0%{transform:translate(0,0) scale(1);opacity:1}
  35%{transform:translate(-5vw,2.5rem) scale(1.08);opacity:.9}
  70%{transform:translate(-2.5vw,4rem) scale(1.15);opacity:.85}
  100%{transform:translate(-7vw,1.5rem) scale(1.05);opacity:.95}
}
@keyframes hero-lines{0%{transform:translate(0,0)}100%{transform:translate(-2%,1.5%)}}
@media (prefers-reduced-motion:reduce){.hero-glow,.hero-lines{animation:none;will-change:auto}.hero-lines{inset:0}}

/* The form card (theme tokens, so it follows light and dark) */
.lead-form{position:relative;background:var(--card);color:var(--text);border-radius:16px;padding:clamp(22px,2.4vw,32px);box-shadow:0 30px 60px rgba(var(--shadow-rgb),0.35),inset 0 0 0 1px var(--bandLine)}
.lead-form__title{margin:0 0 6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:26px;line-height:1.15;color:var(--ink)}
.lead-form__subtitle{margin:0 0 20px;color:var(--muted);font-size:16px}
.lead-form__group{margin-bottom:14px}
.lead-form__label{display:block;font-weight:600;font-size:15px;margin-bottom:6px;color:var(--ink)}
.lead-form__input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--page);border:1.5px solid rgba(var(--ink-rgb),0.2);border-radius:10px;padding:11px 14px;min-height:48px}
.lead-form__input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}
.lead-form__input[aria-invalid="true"]{border-color:var(--error)}
.lead-form__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:var(--cta);color:var(--ctaInk);border:0;border-radius:12px;padding:14px 22px;font:600 17px 'Instrument Sans',sans-serif;cursor:pointer;text-decoration:none}
.lead-form__submit:hover{background:var(--cta);color:var(--ctaInk);filter:brightness(.96)}
.lead-form__submit:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.lead-form__submit[disabled]{opacity:.6;cursor:not-allowed}
.lead-form__error{background:rgba(179,38,30,0.08);color:var(--error);border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:15px}
.lead-form__privacy{font-size:13px;color:var(--muted);margin:12px 0 0}
body.t-caser .lead-form__field-error{color:var(--error);font-size:14px;margin-top:6px}
body.t-caser .lead-form__consent label{font-size:14px;line-height:1.45;color:var(--text);font-weight:400}
body.t-caser .lead-form__consent input{width:18px;height:18px;accent-color:var(--primary);flex:none}

/* Body: one readable column of blocks */
.campaign-body{padding:clamp(56px,7vw,104px) 0}
.campaign-body__content{max-width:820px;margin:0 auto}
.campaign-body__content h2{margin:2.2em 0 .6em;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-0.02em;color:var(--ink)}
.campaign-body__content h2:first-child{margin-top:0}
.campaign-body__content p{color:var(--text)}
body.t-caser ul.crm-block{list-style:none;padding:0;margin:0 0 1.4em;display:grid;gap:12px}
body.t-caser ul.crm-block li{position:relative;padding:14px 16px 14px 48px;background:var(--washLt);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);line-height:1.5}
body.t-caser ul.crm-block li::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;background:var(--primary)}
body.t-caser ul.crm-block li::after{content:"";position:absolute;left:19px;top:20px;width:12px;height:12px;background:var(--checkInk);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
body.t-caser blockquote.crm-block{margin:0 0 20px;padding:clamp(24px,3vw,36px);border:0;border-radius:16px;background:linear-gradient(160deg,var(--heroBg),var(--heroBgDeep));color:var(--onBody);opacity:1;box-shadow:inset 0 0 0 1px var(--bandLine)}
body.t-caser blockquote.crm-block p{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--onHead)}
body.t-caser blockquote.crm-block cite{display:block;margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;color:var(--signal);opacity:1}
body.t-caser a.crm-cta{width:auto;background:var(--cta);color:var(--ctaInk)}
body.t-caser a.crm-cta:hover{background:var(--cta);color:var(--ctaInk);filter:brightness(.96)}
body.t-caser .crm-related{margin-top:2.4em;padding:14px 18px;border-radius:12px;background:var(--soft);font-size:16px}
body.t-caser .crm-related p{margin:0}
body.t-caser .crm-related strong{color:var(--ink)}
body.t-caser .crm-related a{font-weight:600}
[data-theme="dark"] body.t-caser .crm-related a,[data-theme="dark"] body.t-caser .crm-related strong,[data-p="teal"] body.t-caser .crm-related a,[data-p="teal"] body.t-caser .crm-related strong{color:var(--featInk)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) body.t-caser .crm-related a,:root:not([data-theme]) body.t-caser .crm-related strong{color:var(--featInk)}}

/* Thank-you and other cards */
.thank-you{padding:clamp(56px,8vw,112px) 16px;background:var(--page)}
.thank-you__card{max-width:600px;margin:0 auto;text-align:center;background:var(--card);border-radius:16px;padding:clamp(28px,4vw,48px);box-shadow:inset 0 0 0 1px var(--line)}
.thank-you__card h1{margin:16px 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.15;color:var(--ink)}
.thank-you__card p{color:var(--text)}
.thank-you__icon{display:inline-flex;width:56px;height:56px;border-radius:50%;background:var(--soft);color:var(--primary);align-items:center;justify-content:center}
.btn{display:inline-flex;gap:8px;align-items:center;min-height:52px;padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:600}
.btn--primary{background:var(--cta);color:var(--ctaInk)}
.btn--primary:hover{background:var(--cta);color:var(--ctaInk);filter:brightness(.96)}
.btn--outline{box-shadow:inset 0 0 0 1.5px rgba(var(--ink-rgb),0.25);color:var(--ink)}

/* Footer */
.site-footer{background:var(--wash);border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-family:'IBM Plex Mono',monospace;font-size:13px}
.site-footer p{margin:4px 0}
.site-footer a{color:inherit}
.site-footer a:hover{color:var(--ink)}

/* Rekentool (page widget caser_rekentool, lib/caser_rekentool.php; 2026-11-03): the calculator card under the title, the
   live break-even above the form on the right. The aside stays in view while the inputs scroll on desktop (sticky needs
   the hero to clip, not to be a scroll container: overflow:clip). One column below 900px: inputs, then result and form. */
.campaign-hero--tool{overflow:clip}
.campaign-hero--tool .campaign-hero__aside{position:sticky;top:104px}
.rt-calc{margin-top:clamp(28px,3vw,40px);background:var(--card);color:var(--text);border-radius:16px;padding:clamp(20px,2.4vw,30px);box-shadow:0 30px 60px rgba(var(--shadow-rgb),0.35),inset 0 0 0 1px var(--bandLine)}
.rt-calc__title{margin:0 0 18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;line-height:1.2;color:var(--ink)}
.rt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.rt-field{display:flex;flex-direction:column;min-width:0}
.rt-label{display:block;font-weight:600;font-size:15px;line-height:1.35;margin-bottom:6px;color:var(--ink)}
.rt-help{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.rt-input{position:relative;margin-top:auto}
.rt-input--prefix span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}
.rt-input--prefix input{padding-left:32px}
.rt-field select.lead-form__input{margin-top:auto;appearance:auto}
.rt-field--minuten{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.rt-range{display:flex;align-items:center;gap:16px}
.rt-range input[type=range]{flex:1;min-width:0;accent-color:var(--primary);height:28px}
.rt-range__out{flex:none;min-width:7.5em;text-align:right;font:600 17px/1 'IBM Plex Mono',monospace;color:var(--ink)}
.rt-more{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.rt-more summary{cursor:pointer;font-weight:600;color:var(--ink);min-height:32px;display:flex;align-items:center}
.rt-more[open] summary{margin-bottom:12px}
.rt-result{margin-bottom:16px;border-radius:16px;padding:clamp(20px,2.2vw,28px);background:rgba(var(--heroGlow-rgb),0.16);box-shadow:inset 0 0 0 1px rgba(var(--signal-rgb),0.35);color:var(--onBody)}
.rt-result__eyebrow{margin:0 0 4px;font:500 13px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--signal)}
.rt-result__num{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(56px,6vw,80px);line-height:1;letter-spacing:-0.03em;color:var(--onHead)}
.rt-result__unit{font-size:.4em;font-weight:700;letter-spacing:0;color:var(--hl)}
.rt-result__line{margin:12px 0 0;font-size:17px;line-height:1.45;color:var(--onHead)}
.rt-result__line strong{color:var(--hl)}
.rt-result__sub{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--onMuted)}
@media (max-width:899.98px){.campaign-hero--tool .campaign-hero__aside{position:static}}
@media (max-width:560px){.rt-grid{grid-template-columns:1fr}}