/* Opzer brand layer (see AGENTS.md / docs/BRAND.md)
   Headings (h1, h2): Inter Bold. Everything else: Karla. Buttons: Karla Bold. CTAs/pull-quotes: Karla Light Italic.
   Colors: Blue #67D7FA, Green #81EF7A, White, Opzer Black #000219 (text). */
@font-face{font-family:'Inter';font-style:normal;font-weight:600 700;font-display:swap;src:url(/wp-content/local-fonts/567244088c9c.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/local-fonts/ca0ae6c1f414.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:italic;font-weight:300 400;font-display:swap;src:url(/wp-content/local-fonts/cae9c8da59f9.woff2) format('woff2')}
/* Retire Montserrat everywhere on pages that load this file: text that was Montserrat is now Karla */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/local-fonts/ca0ae6c1f414.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(/wp-content/local-fonts/cae9c8da59f9.woff2) format('woff2')}
:root{--opzer-blue:#67D7FA;--opzer-green:#81EF7A;--opzer-black:#000219}
body,button,input,select,textarea{font-family:'Karla',sans-serif}
/* Karla for all text; icon fonts are left alone. :where() keeps this rule's specificity at zero so headings/buttons below still win */
:where(body *:not(i):not(svg):not(svg *):not([class*="eicon"]):not([class*="auxicon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class^="icon-"]):not([class*=" icon-"])){font-family:'Karla',sans-serif!important}
h1,h2,.opzer-h{font-family:'Inter',sans-serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.elementor-button,.elementor-button *,h3,h4,.odp-btn,.odp-pointer,button,input[type=submit],a[class*="btn"],a[class*="button"]{font-family:'Karla',sans-serif!important;font-weight:700!important}
/* form submit buttons: brand Blue with Opzer Black text (white on light blue was low contrast) */
.elementor-form .elementor-button{background-color:var(--opzer-blue)!important;color:var(--opzer-black)!important}
.elementor-form .elementor-button:hover{background-color:var(--opzer-green)!important;color:var(--opzer-black)!important}
/* links that used an off-brand teal */
footer a[href*="storyset"],.elementor-location-footer a[href*="storyset"]{color:var(--opzer-blue)!important}
html,body{overflow-x:clip}
h3,h4,h5,h6{font-weight:700}
.odp-vslot figcaption p,.odp-hero__lead{font-weight:400}
/* founder story: long-form copy reads as body text (Karla Regular), not bold */
.elementor-element-f0c7ed2 .elementor-heading-title,.elementor-element-f0c7ed2 .elementor-heading-title p{font-weight:400!important;line-height:1.55}
.elementor-element-f0c7ed2 .elementor-heading-title em{font-weight:300}
