/* Local font files: consistent rendering online and offline. Licenses in img/fonts. */





@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(img/fonts/bricolagegrotesque-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(img/fonts/bricolagegrotesque-7.ttf) format('truetype');
}



@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(img/fonts/geist-11.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(img/fonts/geist-12.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(img/fonts/geist-13.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(img/fonts/geist-14.ttf) format('truetype');
}





@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(img/fonts/geistmono-20.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(img/fonts/geistmono-21.ttf) format('truetype');
}





/* Shared hierarchy. Existing page sizes, line heights, spacing and layout stay intact. */
body,body.site-interior{font-family:'Geist',Arial,sans-serif!important;--body:'Geist',Arial,sans-serif;--disp:'Geist',Arial,sans-serif}
body h1,body.site-interior h1,body h2,body.site-interior h2{font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:800!important}
body h3,body h4,body.site-interior h3,body.site-interior h4{font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:700!important}
/* Product names are display headings even where the supplied templates use divs. */
body.site-interior .catalog-fish-card>div:last-child>div:nth-child(2),
body .product-display-title{font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:700!important}
/* Small navigation labels and technical metadata remain supporting typography. */
body :is(.footer,.ds-footer) h4{font-family:'Geist',Arial,sans-serif!important;font-weight:600!important}
body :is(button,input,textarea,select){font-family:'Geist',Arial,sans-serif}
body.site-interior .technical-heading{font-family:'Geist Mono',monospace!important;font-weight:500!important}
body :is(.navlinks,.ds-navlinks){font-family:'Geist',Arial,sans-serif;font-weight:600}
/* White panels use the same title/body families and title weight everywhere. */
body :is(#become,.qcta,.ab-cta,.art-cta,.reqband,.catalog-inquiry,.sustain-matters-panel) :is(h2,h3),
body.site-interior .species-details aside>div>div:nth-child(2){font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:800!important}