/** Shopify CDN: Minification failed

Line 20:7 Unexpected "{"
Line 20:16 Expected ":"
Line 21:7 Unexpected "{"
Line 21:16 Expected ":"
Line 22:7 Unexpected "{"
Line 22:16 Expected ":"
Line 23:7 Unexpected "{"
Line 23:16 Expected ":"
Line 24:7 Unexpected "{"
Line 24:16 Expected ":"
... and 66 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Inline critical styles to ensure layout before CSS loads */
#Hero-{{ section.id }}.hero-section { position: relative; background-size: cover; background-position: center; }
#Hero-{{ section.id }} .hero-section__video { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
#Hero-{{ section.id }} .hero-section__video-el { width: 100%; height: 100%; object-fit: cover; }
#Hero-{{ section.id }} .hero-section__overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
#Hero-{{ section.id }} .hero__inner { position: relative; z-index: 2; padding: 64px 0; min-height: {{ section.settings.min_height }}px; display: flex; align-items: center; }
#Hero-{{ section.id }} .hero__grid { display: grid; grid-template-columns: 1fr; gap: 24px; width: 100%; }
#Hero-{{ section.id }} .hero__col--left, #Hero-{{ section.id }} .hero__col--right { display: flex; flex-direction: column;  }
#Hero-{{ section.id }} .hero__price-row { display: flex; align-items: center; gap: 12px; }
@media (min-width: 750px) {
  #Hero-{{ section.id }} .hero__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}
/* Critical minimal layout to avoid CLS */
#HomepageProducts-{{ section.id }} .hp-products__grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 990px) { #HomepageProducts-{{ section.id }} .hp-products__grid { grid-template-columns: 1fr 1fr; gap: 40px; } }
/* Inline critical styles to ensure layout before CSS loads */
#Hero-{{ section.id }}.hero-section { position: relative; background-size: cover; background-position: center; }
#Hero-{{ section.id }} .hero-section__video { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
#Hero-{{ section.id }} .hero-section__video-el { width: 100%; height: 100%; object-fit: cover; }
#Hero-{{ section.id }} .hero-section__overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
#Hero-{{ section.id }} .hero__inner { position: relative; z-index: 2; padding: 64px 0; min-height: {{ section.settings.min_height }}px; display: flex; align-items: center; }
#Hero-{{ section.id }} .hero__grid { display: grid; grid-template-columns: 1fr; gap: 24px; width: 100%; }
#Hero-{{ section.id }} .hero__col--left, #Hero-{{ section.id }} .hero__col--right { display: flex; flex-direction: column;  }
#Hero-{{ section.id }} .hero__price-row { display: flex; align-items: center; gap: 12px; }
@media (min-width: 750px) {
#Hero-{{ section.id }} .hero__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}
/* Inline critical styles to ensure layout before CSS loads */
#Hero-{{ section.id }}.hero-section { position: relative; background-size: cover; background-position: center; }
#Hero-{{ section.id }} .hero-section__video { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
#Hero-{{ section.id }} .hero-section__video-el { width: 100%; height: 100%; object-fit: cover; }
#Hero-{{ section.id }} .hero-section__overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
#Hero-{{ section.id }} .hero__inner { position: relative; z-index: 2; padding: 64px 0; min-height: {{ section.settings.min_height }}px; display: flex; align-items: center; }
#Hero-{{ section.id }} .hero__grid { display: grid; grid-template-columns: 1fr; gap: 24px; width: 100%; }
#Hero-{{ section.id }} .hero__col--left, #Hero-{{ section.id }} .hero__col--right { display: flex; flex-direction: column;  }
#Hero-{{ section.id }} .hero__price-row { display: flex; align-items: center; gap: 12px; }
@media (min-width: 750px) {
  #Hero-{{ section.id }} .hero__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}
/* Intentionally empty: styles live in assets/section-science-hero.css */
/* Intentionally empty: styles are in assets/section-science-polarization.css */