/* bernaiche-website stylesheet.
   Values come from the archived live styles; each custom property names its file:
   archive/public-capture/assets/c5b9daf940f1152044aa62ed.css  wp-content/uploads/elementor/css/post-630.css (Elementor kit)
   archive/public-capture/html/6ad186f32009b356c9f271ef.html   home snapshot: style#kirki-inline-styles and
                                                               style#bizberg-style-inline-css (the theme's Customizer values)
   archive/public-capture/assets/e04df6bedf1c001a418989d9.css  wp-content/themes/bizberg/assets/css/style.css
   archive/public-capture/assets/d0ff52fb66de73e606ebf8a7.css  wp-content/themes/bizberg/assets/css/main.css
   The fonts are in /assets/fonts.css, written by the build from content/styles.json. */
:root {
  /* Elementor kit: global colors and typography. */
  --e-global-color-primary: #A3000D; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-secondary: #000000; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-text: #7A7A7A; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-accent: #745709; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-365c204: #A3000D; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-13df95d5: #4054B2; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-1f768a5f: #23A455; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-43711451: #000; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-372361fa: #FFF; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-4910671f: #0088CC; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-46dde3ef: #000000; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-358ceb83: #000000; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-380265a4: #03D382; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-517c8d6: #F8B53D; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-114afe9: #0088CC; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-5ccd427: #FFFFFF00; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-e87f6c9: #FFA200; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-6d0aab2: #FBF0BF; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-d22d3fb: #C59634; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-color-d54e38a: #F8F812; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-primary-font-family: "Roboto"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-primary-font-weight: 600; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-secondary-font-family: "Roboto Slab"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-secondary-font-weight: 400; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-text-font-family: "Roboto"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-text-font-weight: 400; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-accent-font-family: "Roboto"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-accent-font-weight: 700; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-87f6b4e-font-family: "GoGo Squat"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css (its font file answered 404 on the live site too) */
  --e-global-typography-66d0a44-font-family: "Alfa Slab One"; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-66d0a44-font-size: 48px; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-66d0a44-font-weight: 300; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-66d0a44-text-transform: capitalize; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-66d0a44-line-height: 0px; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --e-global-typography-66d0a44-letter-spacing: 0px; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --container-max-width: 1240px; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */
  --widgets-spacing: 20px; /* archive/public-capture/assets/c5b9daf940f1152044aa62ed.css */

  /* Bizberg theme, as the Customizer set it on the live site. */
  --body-font: "Lora", Georgia, serif; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --body-size: 15px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --body-line-height: 1.8; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --paragraph-size: 14px; /* archive/public-capture/assets/d0ff52fb66de73e606ebf8a7.css */
  --body-color: #64686d; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --heading-color: #64686d; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --heading-font: "Playfair Display", Georgia, serif; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --h1-size: 44px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --h2-size: 36px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --h3-size: 24px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --h4-size: 19px; /* archive/public-capture/assets/d0ff52fb66de73e606ebf8a7.css */
  --minor-heading-font: "Lato", Arial, sans-serif; /* archive/public-capture/assets/d0ff52fb66de73e606ebf8a7.css (h4 to h6, and Elementor headings) */
  --link-color: #026191; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's dark blue (its menu button border); its link color #0088cc is 3.9:1 on white, this is 6.7:1 */
  --primary: #fcb80b; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --primary-dark: #ca9409; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --band: #f1f1f1; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --container: 1240px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --top-bar-bg: #ecaa03; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html bizberg-style-inline-css */
  --top-bar-text: #1f2024; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's footer color; white on the bar is 2.0:1, this is 8.0:1 */
  --top-bar-border: #fff; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --top-bar-divider: rgba(255,255,255,0.22); /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --top-social-hover: #3b5998; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html header style */
  --top-bar-size: 13px; /* archive/public-capture/assets/e04df6bedf1c001a418989d9.css */
  --header-bg: #fff; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html bizberg-style-inline-css */
  --header-border: #eee; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --logo-max-height: 51px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --nav-font: "MontserratRegular", Arial, sans-serif; /* archive/public-capture/assets/e04df6bedf1c001a418989d9.css */
  --nav-size: 13px; /* archive/public-capture/assets/e04df6bedf1c001a418989d9.css */
  --nav-text: #636363; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's submenu color; its menu color #777 is 4.48:1 on white, this is 6.0:1 */
  --nav-divider: #f1f1f1; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --nav-hover-bg: #fcb80b; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --nav-hover-border: #ca9409; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --nav-hover-text: #1f2024; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's footer color; white on the yellow hover is 1.75:1, this is 9.3:1 */
  --submenu-bg: #fff; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --submenu-border: #eee; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --submenu-text: #636363; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --menu-button-bg: #fcb80b; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --menu-button-text: #1f2024; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's footer color; white on the yellow button is 1.75:1, this is 9.3:1 */
  --button-text: #1f2024; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's footer color, on the yellow buttons; 9.3:1 */
  --menu-button-radius: 0px 28px 28px 28px; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --footer-bg: #1f2024; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --footer-text: #fff; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --footer-icon: #026191; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki: the theme's dark blue; its icon color #1098c6 is 2.9:1 on #f1f1f1, this is 6.0:1 */
  --footer-icon-bg: #f1f1f1; /* archive/public-capture/html/6ad186f32009b356c9f271ef.html kirki */
  --footer-font: "MontserratRegular", Arial, sans-serif; /* archive/public-capture/assets/e04df6bedf1c001a418989d9.css */
  --footer-size: 13px; /* archive/public-capture/assets/e04df6bedf1c001a418989d9.css */
  --notice-bg: #f1f1f1; /* no archived source: the notices are new; the band color is the theme's #f1f1f1 */
}

/* Base: Bizberg's main.css and the Customizer values. */
* { box-sizing: border-box; }
html { text-size-adjust: 100%; }
body { margin: 0; background: #fff; font-family: var(--body-font); font-size: var(--body-size); font-weight: 400;
  line-height: var(--body-line-height); color: var(--body-color); }
p { font-size: var(--paragraph-size); margin: 0 0 1em; }
img, video { max-width: 100%; height: auto; }
:where(a) { color: var(--link-color); text-decoration: none; }
:where(a):hover, :where(a):focus { color: var(--link-color); }
/* The theme's dashed focus outline, in the text color so it shows on every background. */
:focus-visible { outline: 2px dashed currentColor; outline-offset: 2px; }
/* Links inside running text are underlined: their color alone does not set them apart from the text. */
main :where(p, li, td, dd, figcaption, blockquote) a:not(.button) { text-decoration: underline; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 700; margin: 0 0 .5em; }
h1, h2, h3 { font-family: var(--heading-font); letter-spacing: 0; }
h4, h5, h6 { font-family: var(--minor-heading-font); }
h1 { font-size: var(--h1-size); line-height: 1.1; }
h2 { font-size: var(--h2-size); line-height: 1.1; }
h3 { font-size: var(--h3-size); line-height: 1.5; }
h4 { font-size: var(--h4-size); }
ul, ol { padding-left: 1.5em; }
.wrap { max-width: var(--container); margin: 0 auto; padding: 0 15px; }
.skip-link { position: absolute; left: -9999px; background: #fff; color: #000; padding: 8px; z-index: 10000; }
.skip-link:focus { left: 8px; top: 8px; }

/* Header: the top bar (social links left, contacts right). */
.site-header { background: var(--header-bg); }
.layout-standard .site-header { border-bottom: 10px solid var(--header-border); }
.top-bar { background: var(--top-bar-bg); color: var(--top-bar-text); border-bottom: 1px solid var(--top-bar-border); font-size: var(--top-bar-size); }
.top-bar .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 44px; }
.top-bar ul { list-style: none; margin: 0; padding: 0; }
.top-bar a { color: var(--top-bar-text); }
.top-social { display: flex; }
.top-social a { display: block; height: 44px; line-height: 44px; padding: 0 15px; font-weight: 700;
  border-left: 1px solid var(--top-bar-divider); border-right: 1px solid var(--top-bar-divider); }
.top-social a:hover, .top-social a:focus { background: var(--top-social-hover); color: #fff; }
.top-info { margin-left: auto; text-align: right; }
.top-info li { display: inline-block; padding: 10px 3px 9px 0; }
.top-info li::after { content: "|"; padding-left: 3px; }
.top-info li:last-child::after { content: none; }

/* Header: the logo left, the menu right. */
.masthead .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.logo { display: inline-block; padding: 10px 0; }
.logo img { display: block; width: auto; max-height: var(--logo-max-height); }
.main-nav ul { list-style: none; margin: 0; padding: 0; }
.nav-wide > ul { display: flex; align-items: center; }
.nav-wide li { position: relative; }
.nav-wide > ul > li > a, .nav-wide > ul > li > span { display: block; position: relative; padding: 20px 20px 15px;
  border-top: 5px solid transparent; font-family: var(--nav-font); font-size: var(--nav-size); font-weight: 500;
  letter-spacing: 1px; text-transform: uppercase; color: var(--nav-text); }
.nav-wide > ul > li > a::after, .nav-wide > ul > li > span::after { content: ""; position: absolute; right: 0; top: 30%;
  width: 1px; height: 38%; background: var(--nav-divider); }
.nav-wide > ul > li:last-child > a::after, .nav-wide > ul > li.menu-button > a::after { content: none; }
.nav-wide > ul > li:not(.menu-button):hover, .nav-wide > ul > li:not(.menu-button):focus-within { background: var(--nav-hover-bg); }
.nav-wide > ul > li:not(.menu-button):hover > a, .nav-wide > ul > li:not(.menu-button):focus-within > a,
.nav-wide > ul > li:not(.menu-button):hover > span { color: var(--nav-hover-text); border-top-color: var(--nav-hover-border); }
.nav-wide > ul > li:hover > a::after, .nav-wide > ul > li:focus-within > a::after { content: none; }
.nav-wide ul ul { display: none; position: absolute; left: 0; top: 100%; width: 200px; z-index: 9999; background: var(--submenu-bg);
  border: 1px solid var(--submenu-border); border-top: 2px solid var(--primary); box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4); }
.nav-wide ul ul ul { left: 199px; top: -2px; }
.nav-wide li:hover > ul, .nav-wide li:focus-within > ul { display: block; }
.nav-wide ul ul a, .nav-wide ul ul span { display: block; padding: 10px 15px; font-size: 12px; font-weight: 500; line-height: 1.8;
  color: var(--submenu-text); border-bottom: 1px solid var(--submenu-border); }
.nav-wide ul ul li:last-child > a { border-bottom: 0; }
.nav-wide ul ul li:hover > a, .nav-wide ul ul li:focus-within > a { padding-left: 20px; padding-right: 10px; }
.menu-button .button, .nav-wide > ul > li.menu-button > a { margin: 0 0 0 20px; padding: 8px 16px; border: 0;
  border-radius: var(--menu-button-radius); background: var(--menu-button-bg); color: var(--menu-button-text);
  font-family: var(--nav-font); font-size: var(--nav-size); letter-spacing: 1px; text-transform: uppercase; }
.nav-toggle { display: none; }
.nav-toggle summary { cursor: pointer; padding: 8px 14px; font-family: var(--nav-font); font-size: var(--nav-size);
  letter-spacing: 1px; text-transform: uppercase; color: var(--nav-text); border: 1px solid var(--submenu-border); }
.nav-toggle > ul { margin-top: 8px; border-top: 2px solid var(--primary); }
.nav-toggle a, .nav-toggle span { display: block; padding: 10px 15px; color: var(--submenu-text); border-bottom: 1px solid var(--submenu-border); }
.nav-toggle ul ul { padding-left: 16px; }
.nav-toggle .menu-button .button { margin: 10px 15px; display: inline-block; }
@media (max-width: 1100px) {
  .nav-wide { display: none; }
  .nav-toggle { display: block; }
  .masthead .wrap { flex-wrap: wrap; }
  .main-nav { flex: 1 1 100%; padding-bottom: 10px; }
  .top-bar .wrap { justify-content: center; }
  .top-info { margin-left: 0; text-align: center; }
}

/* Content. */
main { display: block; padding-top: 30px; padding-bottom: 50px; min-height: 50vh; }
.layout-canvas main { max-width: none; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; }
th, td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; vertical-align: top; }
figure { margin: 1em 0; }
:where(.button) { display: inline-block; background: var(--primary); color: var(--button-text); padding: 10px 22px; border-radius: 3px; font-weight: 700; margin: 6px 0; }
:where(.button):hover, :where(.button):focus { background: var(--primary-dark); color: var(--button-text); }
.toggle-title { margin-bottom: .25em; }
.static-notice { border-left: 4px solid var(--primary); background: var(--notice-bg); padding: 12px 16px; margin: 1.5em 0; }
.static-notice p { margin: 0; }
/* The quote and demo forms (ADR 0002): the archived fields, the Turnstile widget, the submit button. */
.site-form { margin: 1em 0; }
.site-form .form-field { margin: 0 0 14px; }
.site-form .form-field > label, .site-form .form-label { display: block; margin: 0 0 4px; font-weight: 600; }
.site-form .mark-required > label::after { content: "*"; padding-left: .2em; }
.site-form :where(input:not([type="checkbox"]), select, textarea) { box-sizing: border-box; width: 100%; padding: 8px 10px;
  border: 1px solid var(--body-color); border-radius: 0; background: #fff; color: var(--body-color); font: inherit; }
.site-form .form-choice { display: inline-flex; align-items: baseline; gap: 6px; margin: 0 18px 6px 0; }
.site-form .cf-turnstile { margin: 14px 0; }
:where(.site-form) button { border: 0; font: inherit; cursor: pointer; }
.embed-link { font-weight: 600; }
.meta { font-size: 14px; }
.post-list { list-style: none; padding: 0; }
.post-list li { border-bottom: 1px solid #eee; padding: 12px 0; }
.product-grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; }
.product-card a { color: inherit; }
.product-card h2 { font-size: 1.1em; }
.product { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.product-description, .attributes { grid-column: 1 / -1; }
@media (max-width: 700px) { .product { grid-template-columns: 1fr; } }
.price { font-size: 1.25em; font-weight: 700; }

/* Elementor pages (layout-full, layout-canvas): sections run edge to edge; their boxed inner rows
   keep the kit's 1240px. Base rules from archive/public-capture/assets/925cc85d99fcc03aa673088f.css
   (Elementor frontend.min.css) and the widget stylesheets it loads, rewritten onto the static classes.
   :where() keeps them at zero specificity, so each page's translated post-<id>.css overrides them
   as Elementor's own per-element rules do. */
.layout-full main.wrap, .layout-canvas main.wrap { max-width: none; padding: 0; }
.layout-full .page > h1 { max-width: var(--container); margin: 0 auto; padding: 0 15px; }
:where(.row, .col, .widget) { position: relative; }
:where(.bg-overlay) { position: absolute; inset: 0; }
:where(.row, .col, .con) > :where(.row-inner, .col-inner, .con-inner, .widget, .col) { position: relative; z-index: 1; }

/* Sections and columns (Elementor's classic layout). */
:where(.sec) > :where(.row-inner) { display: flex; margin-inline: auto; position: relative; }
:where(.sec.boxed) > :where(.row-inner) { max-width: var(--container-max-width); }
:where(.sec.items-top) > :where(.row-inner) { align-items: flex-start; }
:where(.sec.items-middle) > :where(.row-inner) { align-items: center; }
:where(.sec.items-bottom) > :where(.row-inner) { align-items: flex-end; }
:where(.sec.content-top) > :where(.row-inner) > :where(.col) > :where(.col-inner) { align-content: flex-start; align-items: flex-start; }
:where(.sec.content-middle) > :where(.row-inner) > :where(.col) > :where(.col-inner) { align-content: center; align-items: center; }
:where(.sec.content-bottom) > :where(.row-inner) > :where(.col) > :where(.col-inner) { align-content: flex-end; align-items: flex-end; }
:where(.sec) > :where(.row-inner) > :where(.col) { display: flex; min-height: 1px; width: var(--width); }
:where(.sec) > :where(.row-inner) > :where(.col) { --width: 100%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
:where(.col-inner) { display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; width: 100%; }
:where(.gap-default) > :where(.col) > :where(.col-inner) { padding: 10px; }
:where(.gap-narrow) > :where(.col) > :where(.col-inner) { padding: 5px; }
:where(.gap-extended) > :where(.col) > :where(.col-inner) { padding: 15px; }
:where(.gap-wide) > :where(.col) > :where(.col-inner) { padding: 20px; }
:where(.gap-wider) > :where(.col) > :where(.col-inner) { padding: 30px; }
:where(.gap-no) > :where(.col) > :where(.col-inner) { padding: 0; }
:where(.col-inner) > :where(.widget, .row) { width: 100%; }
:where(.col-inner) > :where(.widget):not(:last-child) { margin-block-end: var(--widgets-spacing); }
:where(.col-inner) > :where(.widget.width-auto, .widget.width-initial, .widget.absolute) { max-width: 100%; margin-block-end: 0; }
:where(.col-inner) > :where(.widget.width-auto) { width: auto; }
@media (min-width: 768px) { :where(.sec.h-full) { height: 100vh; } :where(.sec.h-full) > :where(.row-inner) { height: 100%; } }
@media (max-width: 1024px) { :where(.sec) > :where(.row-inner) { flex-wrap: wrap; } }

/* Containers (Elementor's flexbox layout): the archived page CSS sets the variables per element. */
:where(.con) {
  --display: flex; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --flex-basis: auto; --flex-grow: 0; --flex-shrink: 1; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --justify-content: normal; --align-items: normal; --align-content: normal; /* no archived source: CSS's initial values, which Elementor leaves unset */
  --width: 100%; --min-height: initial; --height: auto; --text-align: initial; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --content-width: min(100%, var(--container-max-width)); /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --padding-top: 10px; --padding-right: 10px; --padding-bottom: 10px; --padding-left: 10px; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --border-radius: 0; --border-top-width: 0px; --border-right-width: 0px; --border-bottom-width: 0px; --border-left-width: 0px; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --border-style: initial; --border-color: initial; --position: relative; --z-index: revert; --overflow: visible; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --gap: var(--widgets-spacing); --row-gap: var(--widgets-spacing); --column-gap: var(--widgets-spacing); /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  --container-widget-align-self: initial; --overlay-opacity: 1; --overlay-mix-blend-mode: initial; /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  display: var(--display); flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis); position: var(--position);
  width: var(--width); min-width: 0; min-height: var(--min-height); height: var(--height); overflow: var(--overflow); z-index: var(--z-index);
  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
  padding-inline: var(--padding-left) var(--padding-right); border-radius: var(--border-radius);
  border-style: var(--border-style); border-color: var(--border-color);
  border-width: var(--border-top-width) var(--border-right-width) var(--border-bottom-width) var(--border-left-width); }
:where(.row.con) { max-width: min(100%, var(--width)); }
:where(.row.con) { --margin-left: auto; --margin-right: auto; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
:where(.con.full), :where(.con.boxed) > :where(.con-inner) { padding-block: var(--padding-top) var(--padding-bottom); text-align: var(--text-align); }
:where(.con.full), :where(.con.boxed) > :where(.con-inner) { display: var(--display); flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items);
  align-content: var(--align-content); gap: var(--row-gap) var(--column-gap); }
:where(.con.boxed) { flex-direction: column; flex-wrap: nowrap; }
:where(.con.boxed) > :where(.con-inner) { flex: 1 1 auto; width: 100%; max-width: var(--content-width); height: 100%; margin: 0 auto; }
:where(.con) > :where(.widget), :where(.con) > :where(.con-inner) > :where(.widget) { max-width: 100%; min-width: 0; }
:where(.con)::before { content: var(--background-overlay); display: block; position: absolute; inset: 0;
  border-radius: var(--border-radius); opacity: var(--overlay-opacity); mix-blend-mode: var(--overlay-mix-blend-mode); }

/* Layout vocabulary: direction, wrap, Elementor's column widths, hiding. normalize writes these
   classes on the elements whose post-<id>.css gives them that layout; t- is tablet, m- mobile. */
.dir-row { --flex-direction: row; } .dir-col { --flex-direction: column; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
.dir-row-rev { --flex-direction: row-reverse; } .dir-col-rev { --flex-direction: column-reverse; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
.wrap { --flex-wrap: wrap; } .nowrap { --flex-wrap: nowrap; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
@media (min-width: 768px) {
  .w-10 { --width: 10%; } .w-11 { --width: 11.111%; } .w-12 { --width: 12.5%; } .w-14 { --width: 14.285%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .w-16 { --width: 16.666%; } .w-20 { --width: 20%; } .w-25 { --width: 25%; } .w-30 { --width: 30%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .w-33 { --width: 33.333%; } .w-40 { --width: 40%; } .w-50 { --width: 50%; } .w-60 { --width: 60%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .w-66 { --width: 66.666%; } .w-70 { --width: 70%; } .w-75 { --width: 75%; } .w-80 { --width: 80%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .w-83 { --width: 83.333%; } .w-90 { --width: 90%; } .w-100 { --width: 100%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
}
@media (min-width: 1025px) { .d-hide { display: none; } }
@media (max-width: 1024px) {
  .t-dir-row { --flex-direction: row; } .t-dir-col { --flex-direction: column; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-dir-row-rev { --flex-direction: row-reverse; } .t-dir-col-rev { --flex-direction: column-reverse; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-wrap { --flex-wrap: wrap; } .t-nowrap { --flex-wrap: nowrap; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
}
@media (min-width: 768px) and (max-width: 1024px) {
  .t-hide { display: none; }
  .t-w-10 { --width: 10%; } .t-w-11 { --width: 11.111%; } .t-w-12 { --width: 12.5%; } .t-w-14 { --width: 14.285%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-w-16 { --width: 16.666%; } .t-w-20 { --width: 20%; } .t-w-25 { --width: 25%; } .t-w-30 { --width: 30%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-w-33 { --width: 33.333%; } .t-w-40 { --width: 40%; } .t-w-50 { --width: 50%; } .t-w-60 { --width: 60%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-w-66 { --width: 66.666%; } .t-w-70 { --width: 70%; } .t-w-75 { --width: 75%; } .t-w-80 { --width: 80%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .t-w-83 { --width: 83.333%; } .t-w-90 { --width: 90%; } .t-w-100 { --width: 100%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
}
@media (max-width: 767px) {
  :where(.sec) > :where(.row-inner) > :where(.col) { --width: 100%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  :where(.con) { --width: 100%; --flex-wrap: var(--flex-wrap-mobile); } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-hide { display: none; }
  .m-dir-row { --flex-direction: row; } .m-dir-col { --flex-direction: column; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-dir-row-rev { --flex-direction: row-reverse; } .m-dir-col-rev { --flex-direction: column-reverse; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-wrap { --flex-wrap: wrap; } .m-nowrap { --flex-wrap: nowrap; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-w-10 { --width: 10%; } .m-w-11 { --width: 11.111%; } .m-w-12 { --width: 12.5%; } .m-w-14 { --width: 14.285%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-w-16 { --width: 16.666%; } .m-w-20 { --width: 20%; } .m-w-25 { --width: 25%; } .m-w-30 { --width: 30%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-w-33 { --width: 33.333%; } .m-w-40 { --width: 40%; } .m-w-50 { --width: 50%; } .m-w-60 { --width: 60%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-w-66 { --width: 66.666%; } .m-w-70 { --width: 70%; } .m-w-75 { --width: 75%; } .m-w-80 { --width: 80%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
  .m-w-83 { --width: 83.333%; } .m-w-90 { --width: 90%; } .m-w-100 { --width: 100%; } /* archive/public-capture/assets/925cc85d99fcc03aa673088f.css */
}

/* Widgets. Headings, buttons and images as Elementor draws them before a page's own settings. */
:where(.widget) .title { margin: 0; padding: 0; line-height: 1; }
:where(.wd-heading) .title { font-family: var(--minor-heading-font); }
:where(.wd-heading) .title.size-small { font-size: 15px; } :where(.wd-heading) .title.size-medium { font-size: 19px; }
:where(.wd-heading) .title.size-large { font-size: 29px; } :where(.wd-heading) .title.size-xl { font-size: 39px; }
:where(.wd-heading) .title.size-xxl { font-size: 59px; }
:where(.wd-heading) .title a { color: inherit; }
:where(.widget) :where(.button) { display: inline-block; margin: 0; padding: 12px 24px; border-radius: 3px; background-color: #69727d;
  color: #fff; font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1; text-align: center; }
:where(.widget) :where(.button):hover, :where(.widget) :where(.button):focus { color: #fff; background-color: #69727d; }
:where(.widget) :where(.button.size-xs) { border-radius: 2px; font-size: 13px; padding: 10px 20px; }
:where(.widget) :where(.button.size-md) { border-radius: 4px; font-size: 16px; padding: 15px 30px; }
:where(.widget) :where(.button.size-lg) { border-radius: 5px; font-size: 18px; padding: 20px 40px; }
:where(.widget) :where(.button.size-xl) { border-radius: 6px; font-size: 20px; padding: 25px 50px; }
/* Elementor's button skins keep their colors; white text on them is 2.0:1 to 4.0:1, so the text takes the
   first of the theme's text colors that reaches 4.5:1: #1f2024 (7.8, 6.6 and 8.4:1), black on the red (5.3:1). */
:where(.button-info) :where(.button) { background-color: #5bc0de; color: #1f2024; }
:where(.button-success) :where(.button) { background-color: #5cb85c; color: #1f2024; }
:where(.button-warning) :where(.button) { background-color: #f0ad4e; color: #1f2024; }
:where(.button-danger) :where(.button) { background-color: #d9534f; color: #000; }
:where(.align-left) { text-align: left; } :where(.align-center) { text-align: center; } :where(.align-right) { text-align: right; }
:where(.align-justify) :where(.button) { width: 100%; }
@media (max-width: 1024px) { :where(.t-align-left) { text-align: left; } :where(.t-align-center) { text-align: center; } :where(.t-align-right) { text-align: right; } }
@media (max-width: 767px) { :where(.m-align-left) { text-align: left; } :where(.m-align-center) { text-align: center; } :where(.m-align-right) { text-align: right; } }
:where(.wd-image) { text-align: center; }
:where(.wd-image) img { display: inline-block; vertical-align: middle; }
:where(.wd-image) a { display: inline-block; }
:where(.wd-text-editor) p:last-child { margin-bottom: 0; }
:where(.spacer) { height: var(--spacer-size, 50px); }
:where(.wd-divider) { --divider-border-style: none; --divider-border-width: 1px; --divider-color: #0c0d0e; } /* archive/public-capture/assets/518fd2bd7cdb9cec9fb55dbf.css */
:where(.divider) { display: flex; padding-block: var(--divider-gap, 15px); }
:where(.divider-line) { display: flex; width: 100%; margin: 0; border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color); }
:where(.wd-icon-box, .wd-image-box) :where(.box) { display: flex; flex-direction: column; text-align: center; }
:where(.wd-icon-box, .wd-image-box) :where(.box-content) { flex-grow: 1; width: 100%; }
:where(.wd-icon-box, .wd-image-box) :where(.desc) { margin: 0; }
:where(.wd-icon-box, .wd-image-box) .title a { color: inherit; }
:where(.wd-image-box) :where(.box-img) { display: inline-block; margin: 0 auto; }
:where(.wd-image-box) :where(.box-img) img { display: block; }
@media (min-width: 768px) {
  :where(.wd-image-box.pos-left) :where(.box) { flex-direction: row; text-align: start; }
  :where(.wd-image-box.pos-right) :where(.box) { flex-direction: row-reverse; text-align: end; }
}
:where(.cta) { display: flex; position: relative; overflow: hidden; }
:where(.cta-classic) :where(.cta) { flex-wrap: wrap; }
:where(.cta-cover) :where(.cta) { display: block; }
:where(.cta-bg-wrap) { position: relative; width: 100%; min-height: 200px; overflow: hidden; z-index: 1; }
:where(.cta-cover) :where(.cta-bg-wrap) { position: absolute; inset: 0; min-height: 0; }
.cta-bg { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(.cta-bg-overlay) { position: absolute; inset: 0; z-index: 2; }
:where(.cta-content) { position: relative; z-index: 3; display: flex; flex-wrap: wrap; align-content: center; align-items: center;
  width: 100%; padding: 35px; overflow: hidden; }
:where(.cta-cover) :where(.cta-content) { min-height: 280px; }
:where(.cta-classic) :where(.cta-content) { color: #3f444b; }
:where(.valign-top) :where(.cta-content) { align-content: flex-start; align-items: flex-start; }
:where(.valign-middle) :where(.cta-content) { align-content: center; align-items: center; }
:where(.valign-bottom) :where(.cta-content) { align-content: flex-end; align-items: flex-end; }
:where(.cta-content) > * { width: 100%; margin: 0; }
:where(.cta-content) > :not(:last-child) { margin-bottom: 15px; }
:where(.cta) :where(.button) { background: transparent; border: 2px solid #fff; color: #fff; }
:where(.cta-classic) :where(.cta) :where(.button) { border-color: #3f444b; color: #3f444b; }
:where(.cta) .title { font-size: 23px; }
:where(.counter) { display: flex; flex-direction: column-reverse; justify-content: center; align-items: stretch; }
:where(.counter-number) { display: flex; justify-content: center; font-size: 69px; font-weight: 600; line-height: 1; text-align: center; }
:where(.counter-title) { display: flex; justify-content: center; align-items: center; font-size: 19px; line-height: 2.5; }
:where(.icon-list) { list-style: none; margin: 0; padding: 0; }
:where(.icon-list.inline-items) { display: flex; flex-wrap: wrap; }
:where(.toggle-title) { margin: 0; padding: 15px; line-height: 1; font-weight: 700; border-block-end: 1px solid #d5d8dc; }
:where(.toggle-content) { padding: 15px; }
:where(.gallery) { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 10px; margin: 0; }
:where(.gallery) { --cols: 3; } /* no archived source: the column count of a gallery without a columns setting */
:where(.gallery) img { display: block; width: 100%; }
:where(.gallery) :where(.gallery-item) { display: block; margin: 0; }
:where(.gallery) figure { margin: 0; }
/* The overlay Elementor's gallery shows over an image on hover and focus. Its color is in the page's
   stylesheet (rgba(0,0,0,0.5) in the archived post-810.css and post-1949.css); its fade is under Motion. */
:where(.gallery-item) { position: relative; }
:where(.gallery-overlay) { position: absolute; inset: 0; opacity: 0; }
:where(.gallery-item):hover :where(.gallery-overlay), :where(.gallery-item):focus-within :where(.gallery-overlay) { opacity: 1; }
.cols-1 { --cols: 1; } .cols-2 { --cols: 2; } .cols-3 { --cols: 3; } .cols-4 { --cols: 4; } /* no archived source: one class per gallery columns setting */
.cols-5 { --cols: 5; } .cols-6 { --cols: 6; } .cols-7 { --cols: 7; } .cols-8 { --cols: 8; } /* no archived source: one class per gallery columns setting */
@media (max-width: 1024px) { .t-cols-1 { --cols: 1; } .t-cols-2 { --cols: 2; } .t-cols-3 { --cols: 3; } .t-cols-4 { --cols: 4; } } /* no archived source: the tablet columns setting */
@media (max-width: 767px) { .m-cols-1 { --cols: 1; } .m-cols-2 { --cols: 2; } .m-cols-3 { --cols: 3; } } /* no archived source: the mobile columns setting */
.ar-1-1 img { aspect-ratio: 1 / 1; object-fit: cover; } .ar-3-2 img { aspect-ratio: 3 / 2; object-fit: cover; }
.ar-4-3 img { aspect-ratio: 4 / 3; object-fit: cover; } .ar-16-9 img { aspect-ratio: 16 / 9; object-fit: cover; }
.ar-9-16 img { aspect-ratio: 9 / 16; object-fit: cover; } .ar-21-9 img { aspect-ratio: 21 / 9; object-fit: cover; }
:where(.slides) { display: flex; flex-direction: column; gap: 10px; }
:where(.slide) { position: relative; min-height: 400px; overflow: hidden; }
:where(.slide-bg) { position: absolute; inset: 0; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
:where(.slide) > :where(.bg-overlay) { z-index: 1; }
:where(.slide-inner) { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center;
  padding: 50px; color: #fff; text-align: center; }
:where(.slide-contents) { width: 100%; }
:where(.slide) .title { font-size: 35px; font-weight: 700; line-height: 1; }
:where(.slide) :where(.desc) { font-size: 17px; line-height: 1.4; }
:where(.slide) .title:not(:last-child), :where(.slide) :where(.desc):not(:last-child) { margin-bottom: 30px; }
:where(.slide) :where(.button) { background: transparent; border: 2px solid #fff; color: #fff; }
@media (max-width: 767px) {
  :where(.slide-inner) { padding: 30px; }
  :where(.slide) .title { font-size: 23px; margin-bottom: 15px; }
  :where(.slide) :where(.desc) { font-size: 13px; margin-bottom: 15px; }
}

/* Footer: social links, the footer menu, the copyright line. */
.site-footer { background: var(--footer-bg); color: var(--footer-text); padding: 35px 0 30px; text-align: center; }
.site-footer a { color: var(--footer-text); font-family: var(--footer-font); }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer .social li { display: inline-block; margin: 0 6px; }
.site-footer .social a { display: inline-block; padding: 0 12px; line-height: 30px; border-radius: 15px;
  background: var(--footer-icon-bg); color: var(--footer-icon); font-size: var(--footer-size); }
.footer-nav ul { padding: 15px 0; }
.footer-nav li { display: inline; padding: 0 8px; font-size: var(--footer-size); }
.footer-nav li + li::before { content: "/"; padding-right: 15px; }
.footer-nav a { display: inline-block; line-height: 22px; border-bottom: 1px dotted var(--footer-text); }
.copyright { margin: 0; font-family: var(--footer-font); font-size: var(--footer-size); }

/* The BEE Merch Store (/merch/) was a second WordPress install with its own theme (no archived stylesheet is
   used for it). Its product lists reach the static site without WooCommerce's classes, so lists whose items
   hold an image are laid out as a product grid here; text lists keep their bullets. */
.store-merch main ul:has(> li img) { list-style: none; margin: 1em 0 2em; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 30px 24px; }
.store-merch main ul:has(> li img) > li { display: flex; flex-direction: column; align-items: center; text-align: center; }
.store-merch main ul:has(> li img) img { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto 10px; }
.store-merch main ul:has(> li img) h3 { font-size: 1.05rem; margin: .4em 0 .2em; }

/* BE-16, Jon's decision of 2026-11-01: on phones, the lawn picture on /home/bpm-information/ (Nice-lawn.jpg)
   is centered and rounded on all four corners. The live site sets it flush with the left edge of the screen,
   rounded on the right only (border-radius 0px 18px 18px 0px in post-1325.css,
   archive/public-capture/assets/5010d16e3a7318975cd66b7f.css), because its column has a 9% right padding and
   no left padding. Here it takes the side space of the text above it: that column's padding is 8% of the row
   on each side. The picture's widget is 91% of the row wide, so 8% and 84% of the row are 8.7912% and 92.3077%
   of the widget. Its height and object-fit stay as the page stylesheet sets them. The page stylesheet loads
   after this file; two classes outrank its single class. */
@media (max-width: 767px) {
  .wd-image.el-78798b8b img { margin-left: 8.7912%; width: 92.3077%; border-radius: 18px; }
}

/* Animated headlines (Elementor Pro, headline_style highlight): the highlighted word, with the marker Elementor
   draws under it, 10px past the word on every side, in the stroke widget-animated-headline.min.css gives it
   (red, 9 units wide; archive/public-capture/assets/296ae0bbf0f28ce71c1a7585.css). The two paths follow
   Elementor Pro's underline and underline_zigzag markers on its 500 by 150 canvas; the script that holds
   their path data is not in the capture. A widget whose page stylesheet gives the marker path its own stroke
   or stroke-width gets the same SVG with those values, on .el-<id> .mark-<marker>::after in its translated
   page stylesheet: tools/site.py normalize reads the two rules below. The marker is drawn at rest; Motion
   animates it. */
:where(.headline-mark) { position: relative; z-index: 0; display: inline-block; }
:where(.headline-mark)::after { content: ""; position: absolute; inset: -10px; z-index: -1;
  background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; }
.mark-underline::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 150' preserveAspectRatio='none'%3E%3Cpath d='M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7' fill='none' stroke='red' stroke-width='9'/%3E%3C/svg%3E"); }
.mark-underline_zigzag::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 150' preserveAspectRatio='none'%3E%3Cpath d='M9.3,127.3c49.3-3,150.7-7.6,199.7-7.4c121.9,0.4,189.9,0.4,282.3,7.2C380.1,129.6,181.2,130.6,70,139c82.6-2.9,254.2-1,335.9,1.3c-56,1.4-137.2-0.3-197.1,9' fill='none' stroke='red' stroke-width='9'/%3E%3C/svg%3E"); }

/* Motion: Elementor's entrance animations, the gallery overlay's fade and the headline markers, in CSS only,
   for readers who have not asked for reduced motion. Elementor gives an element its entrance animation when
   the element scrolls into view, after its _animation_delay: animate.css's keyframes, one archived file per
   name (archive/public-capture/assets/4dbfa154fa3b0e11caec8e0b.css fadeIn, 5b266f7ddb03ddcc5823b87d.css
   fadeInDown, 9344721c579453443e266c13.css fadeInLeft, 3a5c00f988b4da548be8bd68.css fadeInRight,
   c8088459a80a87a2308e85d8.css fadeInUp, 318017f08a32b9b3760ef91a.css slideInRight, b2ab5d6d8850a37e0ba587f9.css
   zoomIn), over 1.25s, or 2s with animated-slow and .75s with animated-fast (.animated in
   archive/public-capture/assets/925cc85d99fcc03aa673088f.css). Elementor has no entrance named fade (the
   archive uses the word for a slideshow transition); fade plays as fadeIn. Where scroll-driven animations
   work, each animation plays as its element enters the viewport and fills neither way: before its entry
   range and after it, the element is at rest and visible. Elsewhere it plays once on load and fills
   backwards only, so it holds its first keyframe through its delay. Once an animation ends, or where it
   does not run, the element is as its own styles leave it. */
@media (prefers-reduced-motion: no-preference) {
  /* What a sliding element passes over the page's edge is clipped, as Bizberg's style.css does with
     overflow-x: hidden on html and body (archive/public-capture/assets/e04df6bedf1c001a418989d9.css);
     clip keeps the viewport, not body, the scroll container that view() follows. */
  body { overflow-x: clip; }
  @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } }
  @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
  @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }
  @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } }
  @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
  @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }
  :where(.anim-fade, .anim-fadeIn, .anim-fadeInDown, .anim-fadeInLeft, .anim-fadeInRight, .anim-fadeInUp, .anim-slideInRight,
    .anim-zoomIn) { animation-duration: 1.25s; animation-fill-mode: backwards; }
  .anim-fade { animation-name: fade; } .anim-fadeIn { animation-name: fadeIn; } .anim-fadeInDown { animation-name: fadeInDown; }
  .anim-fadeInLeft { animation-name: fadeInLeft; } .anim-fadeInRight { animation-name: fadeInRight; }
  .anim-fadeInUp { animation-name: fadeInUp; } .anim-slideInRight { animation-name: slideInRight; } .anim-zoomIn { animation-name: zoomIn; }
  .anim-slow { animation-duration: 2s; } .anim-fast { animation-duration: .75s; }
  .anim-delay-100 { animation-delay: .1s; } .anim-delay-200 { animation-delay: .2s; }
  .anim-delay-400 { animation-delay: .4s; } .anim-delay-500 { animation-delay: .5s; }
  @supports (animation-timeline: view()) {
    /* The animation follows the element through the viewport: it runs while the element enters, over its own
       height or 30vh, whichever is less, so it has ended by the time the element is in full view, and an element
       in view when the page loads shows at rest. No fill: below the viewport, before the range starts, and in
       view, after it ends, the element is at rest. The first animation-range is for a browser that refuses
       min() there. */
    :where(.anim-fade, .anim-fadeIn, .anim-fadeInDown, .anim-fadeInLeft, .anim-fadeInRight, .anim-fadeInUp, .anim-slideInRight,
      .anim-zoomIn) { animation-timeline: view(); animation-fill-mode: none; animation-range: entry 0% entry 100%;
      animation-range: entry 0% entry min(100%, 30vh); }
  }
  @media print {
    .anim-fade, .anim-fadeIn, .anim-fadeInDown, .anim-fadeInLeft, .anim-fadeInRight, .anim-fadeInUp, .anim-slideInRight,
    .anim-zoomIn { animation: none; }
  }
  /* The gallery overlay fades over the page stylesheet's --overlay-transition-duration (800ms on both archived galleries). */
  :where(.gallery-overlay) { transition: opacity var(--overlay-transition-duration, 800ms), background-color var(--overlay-transition-duration, 800ms); }
  /* Elementor draws the marker over highlight_animation_duration (1200 ms on every archived headline); with
     loop, it fades and blurs it out (hide-highlight, .4s) and draws it again every highlight_iteration_delay
     (8000 ms). Of each 8s iteration, the draw is the first 15% (1.2s) and the fade the last 5% (.4s). */
  :where(.headline-mark)::after { animation: headline-mark 1.2s both; }
  :where(.headline-mark.mark-loop)::after { animation: headline-mark-loop 8s infinite; }
  @keyframes headline-mark { from { background-size: 0% 100%; } to { background-size: 100% 100%; } }
  @keyframes headline-mark-loop {
    0% { background-size: 0% 100%; }
    15% { background-size: 100% 100%; }
    95% { opacity: 1; filter: none; }
    100% { background-size: 100% 100%; opacity: 0; filter: blur(10px); }
  }
}