/* Generated — do not edit by hand.
 *
 * Styles for the header and footer injected into proxied campaign landing pages by
 * server/routes/[locale]/campaigns/[...slug].ts. Built from the markup that
 * app/pages/campaign-chrome.vue renders, sampled across markets so the German and French
 * footer variants are covered too.
 *
 * Includes Tailwind Preflight, but every base rule is scoped to [data-chrome]. The chrome was
 * authored against Preflight — links inherit their colour, headings inherit their size — so
 * omitting it leaves the footer with browser defaults. Emitting it globally would instead reset
 * the campaign page's own styles, which is the thing this architecture exists to avoid.
 *
 * Regenerate when the chrome markup changes — see docs/campaigns.md.
 */

/* Layer order matters more than it looks. Unlayered rules beat every layered rule regardless of
   specificity, so the scoped reset must live in a layer that comes *before* utilities — otherwise
   `[data-chrome] a { color: inherit }` would override `.text-link`. */
@layer properties, theme, chrome-base, utilities;

@layer chrome-base {
  [data-chrome],
  [data-chrome] *,
  [data-chrome] ::before,
  [data-chrome] ::after,
  [data-chrome] ::backdrop {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }

  /* Preflight puts these on `html`; that element is shared with the campaign page, so they go on
     the chrome container instead. */
  [data-chrome] {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-body, "Open Sans", sans-serif);
    color: var(--color-body-primary);
    -webkit-tap-highlight-color: transparent;

    /* Tailwind only emits theme variables that a generated utility references, and nothing in the
       chrome uses a link-hover utility — so this one has to be restated. Keep it in step with
       --color-link-hover in app/assets/css/theme.generated.css. */
    --color-link-hover: #f9a581;
  }

  [data-chrome] h1,
  [data-chrome] h2,
  [data-chrome] h3,
  [data-chrome] h4,
  [data-chrome] h5,
  [data-chrome] h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  [data-chrome] a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  [data-chrome] b,
  [data-chrome] strong {
    font-weight: bolder;
  }

  [data-chrome] small {
    font-size: 80%;
  }

  [data-chrome] hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  [data-chrome] ol,
  [data-chrome] ul,
  [data-chrome] menu {
    list-style: none;
  }

  [data-chrome] img,
  [data-chrome] svg,
  [data-chrome] video,
  [data-chrome] canvas {
    display: block;
    vertical-align: middle;
  }

  [data-chrome] img,
  [data-chrome] video {
    max-width: 100%;
    height: auto;
  }

  [data-chrome] button,
  [data-chrome] input,
  [data-chrome] select,
  [data-chrome] textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }

  [data-chrome] button,
  [data-chrome] input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  [data-chrome] [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

/* Mirrors the base layer in app/assets/css/main.css. Unlayered on purpose so it wins over the
   `.text-link` utility, exactly as it does on the main site. */
[data-chrome] a:hover:not(.UIButton),
[data-chrome] a:hover:not(.UIButton) * {
  color: var(--color-link-hover);
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:11px;--text-sm:13px;--text-base:16px;--text-lg:20px;--text-xl:25px;--text-2xl:32px;--text-3xl:40px;--text-4xl:48px;--text-5xl:62px;--font-weight-normal:normal;--font-weight-bold:700;--radius-xs:8px;--font-body:Open Sans, sans-serif;--font-title:optima-nova-lt-pro, sans-serif;--font-subtitle:Open Sans, sans-serif;--font-weight-regular:normal;--leading-none:1;--leading-xs:15px;--leading-sm:18px;--leading-base:22px;--leading-lg:24px;--leading-xl:30px;--leading-2xl:38px;--leading-3xl:48px;--leading-4xl:58px;--leading-5xl:74px;--color-earth-300:#faf2e0;--color-logo:#474448;--color-page-secondary:#ffe6d1;--color-box-primary:#fff2e5;--color-box-secondary:#fffbf1;--color-navbar:#fffcfa;--color-navbar-stroke:#faf2e0;--color-footer:#fff2e5;--color-stroke-primary:#efe3cf;--color-body-primary:#474448;--color-body-secondary:#a29783;--color-body-promo:#f9a581;--color-heading-secondary:#f9a581;--color-link:#474448}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-6{right:calc(var(--spacing) * 6)}.z-\[99999\]{z-index:99999}.mx-auto{margin-inline:auto}.mt-5xl{margin-block-start:var(--mar-5xl)}.block{display:block}.flex{display:flex}.h-20{height:calc(var(--spacing) * 20)}.h-\[16px\]{height:16px}.w-full{width:100%}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2xl{gap:var(--gap-2xl)}.gap-2xs{gap:var(--gap-2xs)}.gap-3xs{gap:var(--gap-3xs)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-lg{gap:var(--gap-lg)}.gap-md{gap:var(--gap-md)}.gap-sm{gap:var(--gap-sm)}.gap-xs{gap:var(--gap-xs)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-navbar-stroke{border-color:var(--color-navbar-stroke)}.border-stroke-primary{border-color:var(--color-stroke-primary)}.bg-box-secondary{background-color:var(--color-box-secondary)}.bg-footer{background-color:var(--color-footer)}.bg-navbar{background-color:var(--color-navbar)}.bg-page-secondary{background-color:var(--color-page-secondary)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-lg{padding-inline:var(--pad-lg)}.px-none{padding-inline:var(--pad-none)}.px-xs{padding-inline:var(--pad-xs)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-lg{padding-block:var(--pad-lg)}.text-center{text-align:center}.typo-b1{font-family:var(--typo-b1-font-family);font-size:var(--typo-b1-font-size);line-height:var(--typo-b1-line-height);font-weight:var(--typo-b1-font-weight,inherit)}.typo-b2{font-family:var(--typo-b2-font-family);font-size:var(--typo-b2-font-size);line-height:var(--typo-b2-line-height);font-weight:var(--typo-b2-font-weight,inherit)}.typo-b3{font-family:var(--typo-b3-font-family);font-size:var(--typo-b3-font-size);line-height:var(--typo-b3-line-height);font-weight:var(--typo-b3-font-weight,inherit)}.typo-h4{font-family:var(--typo-h4-font-family);font-size:var(--typo-h4-font-size);line-height:var(--typo-h4-line-height);font-weight:var(--typo-h4-font-weight,inherit)}.leading-none{--tw-leading:var(--leading-none);line-height:var(--leading-none)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-body-primary{color:var(--color-body-primary)}.text-body-promo{color:var(--color-body-promo)}.text-body-secondary{color:var(--color-body-secondary)}.text-heading-secondary{color:var(--color-heading-secondary)}.text-link{color:var(--color-link)}@media (min-width:768px){.md\:right-8{right:calc(var(--spacing) * 8)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (min-width:1024px){.lg\:max-w-\[240px\]{max-width:240px}.lg\:border-none{--tw-border-style:none;border-style:none}.lg\:bg-box-primary{background-color:var(--color-box-primary)}.lg\:px-sm{padding-inline:var(--pad-sm)}.lg\:py-0{padding-block:0}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}}}:root{--typo-h1-font-family:var(--font-title);--typo-h1-font-size:var(--text-4xl);--typo-h1-line-height:var(--leading-4xl);--typo-h1-font-weight:var(--font-weight-regular);--typo-h2-font-family:var(--font-title);--typo-h2-font-size:var(--text-3xl);--typo-h2-line-height:var(--leading-3xl);--typo-h2-font-weight:var(--font-weight-regular);--typo-h3-font-family:var(--font-title);--typo-h3-font-size:var(--text-2xl);--typo-h3-line-height:var(--leading-2xl);--typo-h3-font-weight:var(--font-weight-regular);--typo-h4-font-family:var(--font-title);--typo-h4-font-size:var(--text-lg);--typo-h4-line-height:var(--leading-lg);--typo-h4-font-weight:var(--font-weight-regular);--typo-h5-font-family:var(--font-subtitle);--typo-h5-font-size:var(--text-base);--typo-h5-line-height:var(--leading-base);--typo-h5-font-weight:var(--font-weight-bold);--typo-b1-font-family:var(--font-body);--typo-b1-font-size:var(--text-base);--typo-b1-line-height:var(--leading-base);--typo-b2-font-family:var(--font-body);--typo-b2-font-size:var(--text-sm);--typo-b2-line-height:var(--leading-sm);--typo-b3-font-family:var(--font-body);--typo-b3-font-size:var(--text-xs);--typo-b3-line-height:var(--leading-xs);--typo-label-font-family:var(--font-body);--typo-label-font-size:var(--text-base);--typo-label-line-height:var(--leading-base);--typo-label-sm-font-family:var(--font-body);--typo-label-sm-font-size:var(--text-sm);--typo-label-sm-line-height:var(--leading-base);--typo-label-lg-font-family:var(--font-body);--typo-label-lg-font-size:var(--text-lg);--typo-label-lg-line-height:var(--leading-base);--pad-none:0;--pad-3xs:4px;--pad-2xs:4px;--pad-xs:8px;--pad-sm:16px;--pad-md:16px;--pad-lg:16px;--pad-xl:32px;--pad-2xl:40px;--pad-3xl:44px;--pad-4xl:52px;--pad-5xl:56px;--pad-6xl:64px;--pad-7xl:80px;--mar-none:0;--mar-3xs:4px;--mar-2xs:4px;--mar-xs:8px;--mar-sm:16px;--mar-md:16px;--mar-lg:16px;--mar-xl:32px;--mar-2xl:40px;--mar-3xl:44px;--mar-4xl:52px;--mar-5xl:56px;--mar-6xl:64px;--mar-7xl:80px;--gap-none:0;--gap-3xs:4px;--gap-2xs:8px;--gap-xs:12px;--gap-sm:16px;--gap-md:24px;--gap-lg:32px;--gap-xl:32px;--gap-2xl:32px;--gap-3xl:64px;--gap-4xl:80px;--gap-5xl:80px;--component-button-bg:#f9a581;--component-button-text:#fff;--component-button-px:24px;--component-button-py:12px;--component-button-border-color:transparent;--component-button-border-width:1px;--component-slider-bar-bg:#fffcfa;--component-slider-bar-active-bg:#ffcca2;--component-slider-handle-lines:#a29783;--component-slider-handle-bg:#ffcca2;--component-calendar-bg:#faf2e0;--component-calendar-button:#59575a;--component-calendar-stroke:#e8d7bb;--component-calendar-icon:#59575a;--component-modal-content-max-w:360px;--component-progressBar-height:8px;--component-progressBar-line:#ffcca2;--component-progressBar-bg:#fff2e5;--component-dropdown-layer-bg-color:white;--component-dropdown-layer-border-width:1px;--component-dropdown-layer-border-color:#59575a;--component-dropdown-layer-item-px:var(--pad-md);--component-dropdown-layer-item-py:14px;--component-dropdown-layerItem-bg-color:transparent;--component-dropdown-layer-inner-bg:#f9a581;--component-dropdown-layer-inner-text:#fff}@media (min-width:1024px){:root{--typo-h1-font-size:var(--text-5xl);--typo-h1-line-height:var(--leading-5xl);--typo-h2-font-size:var(--text-4xl);--typo-h2-line-height:var(--leading-4xl);--typo-h3-font-size:var(--text-3xl);--typo-h3-line-height:var(--leading-3xl);--typo-h4-font-size:var(--text-xl);--typo-h4-line-height:var(--leading-xl);--typo-h5-font-size:var(--text-lg);--typo-h5-line-height:var(--leading-lg);--typo-label-font-weight:var(--font-weight-bold);--typo-label-lg-font-weight:var(--font-weight-bold);--pad-2xs:8px;--pad-xs:12px;--pad-md:24px;--pad-lg:32px;--pad-xl:40px;--pad-2xl:44px;--pad-3xl:48px;--pad-5xl:60px;--mar-2xs:8px;--mar-xs:12px;--mar-md:24px;--mar-lg:32px;--mar-xl:40px;--mar-2xl:44px;--mar-3xl:48px;--mar-5xl:60px;--gap-xl:40px;--gap-2xl:64px;--gap-3xl:80px;--gap-4xl:100px;--gap-5xl:120px}}.UIButton[data-button-size=sm]{--component-button-px:12px;--component-button-py:4px}.UIButton[data-button-size=lg]{--component-button-px:32px;--component-button-py:20px}.UIButton[data-button-intent=secondary]{--component-button-text:#474448;--component-button-bg:#fff}.UIButton[data-button-intent=tertiary]{--component-button-text:#474448;--component-button-bg:transparent;--component-button-border-color:#474448;--component-button-border-width:1px}[data-dropdown-primary=layer]{--component-dropdown-bg-color:white;--component-dropdown-border-width:1px;--component-dropdown-border-color:#59575a}.Dropdown__Layer-Inner[data-intent=secondary],.Dropdown__Layer-Inner[data-intent=tertiary]{--component-dropdown-layer-inner-text:#474448;--component-dropdown-layer-inner-bg:#fff}.UIButton:hover{--component-button-bg:#ffcca2}.UIButton[data-button-intent=secondary]:hover{--component-button-bg:#ffffff80}.UIButton[data-button-intent=tertiary]:hover{--component-button-bg:var(--color-earth-300);--component-button-text:#474448}.UIButton{padding-inline:var(--component-button-px);padding-block:var(--component-button-py);background-color:var(--component-button-bg);color:var(--component-button-text);border-color:var(--component-button-border-color,var(--component-button-border));border-width:var(--component-button-border-width,var(--component-button-border-w,0))}.Dropdown__Layer-Inner{background-color:var(--component-dropdown-layer-inner-bg);color:var(--component-dropdown-layer-inner-text)}:root{--pad-x:initial;--pad-y:initial}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
/* Self-hosted title face, served from this origin. */
@font-face{font-family:"optima-nova-lt-pro";src:url("/fonts/optima-nova-lt-pro.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}