/* The American Buyer — Blur template layout, our nav/categories, Green/White palette */

/* ══════════════════════════════════════════
   FONT FACES
   ══════════════════════════════════════════ */
@font-face{font-family:'Onest';src:url('/fonts/onest-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url('/fonts/onest-black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

/* ══════════════════════════════════════════
   CUSTOM PROPERTIES
   ══════════════════════════════════════════ */
:root{
  --sans:'Inter',sans-serif;
  --display:'Onest',sans-serif;

  --gray-900:#101828;
  --gray-800:#1d2939;
  --gray-700:#344054;
  --gray-600:#475467;
  --gray-500:#667085;
  --gray-400:#98a2b3;
  --gray-300:#d0d5dd;
  --gray-200:#eaecf0;
  --gray-100:#f2f4f7;
  --gray-50:#f9fafb;
  --black:#0d1a10;
  --white:#fff;

  --green:#0d7a45;
  --green-dark:#066835;
  --green-light:#eaf5ed;
}

/* ══════════════════════════════════════════
   RESET
   ══════════════════════════════════════════ */
*{box-sizing:border-box}
body{margin:0}
html{-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block;vertical-align:middle}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ══════════════════════════════════════════
   FLUID TYPOGRAPHY (exact Blur scale)
   ══════════════════════════════════════════ */
body{
  color:var(--gray-900);
  font-family:var(--sans);
  font-size:1vw;
  line-height:2em;
  -webkit-font-smoothing:antialiased;
}
@media screen and (min-width:1440px){body{font-size:.9vw}}
@media screen and (min-width:1920px){body{font-size:.8vw}}
@media screen and (max-width:991px){body{font-size:16px}}

h1,h2,h3,h4,h5{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
h1{margin-top:.4em;margin-bottom:.2em;font-size:4em;line-height:1.25em}
h2{margin-top:.5em;margin-bottom:.25em;font-size:3em;line-height:1.25em}
h3{margin-top:.8em;margin-bottom:.4em;font-size:2.5em;line-height:1.25em}
h4{margin-top:.5em;margin-bottom:.5em;font-size:2.1em;line-height:1.25em}
h5{margin-top:.6em;margin-bottom:.6em;font-size:1.8em;line-height:1.25em}
h6{margin-top:.65em;margin-bottom:.65em;font-family:var(--sans);font-size:1.6em;font-weight:400}
p{margin-top:0;margin-bottom:1em}

/* ══════════════════════════════════════════
   LAYOUT
   ══════════════════════════════════════════ */
.container{width:100%;max-width:100em;margin-left:auto;margin-right:auto;padding-left:5em;padding-right:5em}
.section{padding-top:6em;padding-bottom:6em}
.spacer-1{height:1em}
.spacer-1-3{height:1.3em}
.spacer-2{height:2em}
.spacer-2-5{height:2.5em}
.spacer-4{height:4em}

/* ══════════════════════════════════════════
   NAV BAR (our links, Blur styling)
   ══════════════════════════════════════════ */
.space-nav{width:100%;height:6.75em;position:relative;z-index:-1}
.nav-bar-container{
  z-index:1000;
  background-color:var(--white);
  border-bottom:1px solid #000;
  width:100%;
  padding-top:2em;
  padding-bottom:1.75em;
  position:fixed;
  top:0;
  left:0;
}
.green-salad-line-nav{background-color:var(--green);width:100%;height:1em;position:absolute;top:0;left:0}
.nav-bar-container-box{
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:100em;
  margin-left:auto;
  margin-right:auto;
  padding-left:5em;
  padding-right:5em;
  display:flex;
}
.nav-logo-container{margin-top:0}
.nav-logo{width:8em;display:block}
.nav-menu-links{
  grid-column-gap:.5em;
  display:flex;
  position:absolute;
  left:50%;
  transform:translate(-50%);
}
.nav-menu-link{
  color:var(--gray-900);
  align-items:center;
  padding:.5em 1em;
  text-decoration:none;
  font-family:var(--sans);
  font-size:1em;
  font-weight:500;
  text-transform:uppercase;
  transition:color .2s;
}
.nav-menu-link:hover{color:var(--green)}
.nav-menu-link.is-current{font-weight:700;color:var(--green)}
.nav-actions{display:flex;align-items:center;gap:1em}
.nav-subscribe-btn{
  background-color:var(--green);
  color:#fff;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid #000;
  padding:.5em 1.2em;
  font-size:.9em;
  font-weight:500;
  transition:background-color .2s;
}
.nav-subscribe-btn:hover{background-color:#000}
.nav-menu-mobile{display:none;padding:.5em;color:var(--gray-900)}
.nav-menu-mobile svg{width:1.6em;height:1.6em;display:block}

/* mobile menu overlay */
.mobile-menu{z-index:1001;display:none;position:fixed;inset:0}
.mobile-menu.is-open{display:block}
.mobile-menu-fixed-bg{z-index:1;backdrop-filter:blur(5px);background-color:rgba(8,8,39,.3);position:fixed;inset:0}
.mobile-menu-container{z-index:1001;width:100%;position:absolute;top:0;left:0}
.mobile-menu-bg{z-index:-1;background-color:var(--white);position:absolute;inset:0}
.mobile-menu-line-decoration{background-color:var(--green);width:100%;height:1em;position:absolute;bottom:0;left:0;right:0}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;padding:1.5em 8vw}
.mobile-menu-close-button{justify-content:center;align-items:center;display:flex;color:var(--gray-900)}
.mobile-menu-close-button svg{width:1.6em;height:1.6em}
.mobile-menu-links{z-index:2;padding:2.5em 9vw 2.5em 8vw;position:static}
.mobile-menu-main-links-container{
  grid-row-gap:1.5em;
  flex-direction:column;
  align-items:flex-start;
  display:flex;
}
.mobile-menu-link-text{
  color:var(--gray-900);
  font-family:var(--display);
  font-size:1.8em;
  font-weight:700;
  line-height:1.4em;
  text-transform:uppercase;
}
.mobile-menu-social-links-container{grid-column-gap:2em;justify-content:center;padding-top:2em;padding-bottom:2em;display:flex}
.mobile-menu-social-links-container a{color:var(--gray-700);font-size:1.2em}

/* ══════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════ */
.button-green{
  background-color:var(--green);
  color:#fff;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid #000;
  padding:.5em 1em;
  font-size:.9em;
  font-weight:500;
  display:inline-block;
  transition:background-color .2s,color .2s;
}
.button-green:hover{background-color:#000;color:#fff}
.button-outline{
  color:#000;
  letter-spacing:.06em;
  text-transform:uppercase;
  background-color:transparent;
  border:1px solid #000;
  padding:.5em 1em;
  font-size:.9em;
  font-weight:500;
  display:inline-block;
  transition:background-color .2s,color .2s;
}
.button-outline:hover{background-color:#000;color:#fff}

/* ══════════════════════════════════════════
   HERO
   ══════════════════════════════════════════ */
.hero-grid-container{grid-column-gap:6em;grid-row-gap:5em;grid-template-columns:1fr 1fr;display:grid;align-items:center}
.overline-small{color:#000;letter-spacing:.06em;text-transform:uppercase;margin-bottom:0;font-size:.8em;font-weight:700;line-height:2em}
.hero-headline{letter-spacing:-.02em;margin-top:.2em;margin-bottom:0;font-family:var(--display);font-size:3.89em;font-weight:700;line-height:1.15em;position:relative;z-index:1}
.hero-line{z-index:0;background-color:var(--green-light);width:100%;height:1em;position:absolute;bottom:17%;left:0}
.hero-subtitle{color:var(--gray-600);font-size:1.1em;line-height:1.8em;max-width:32em;margin-top:.6em}
.hero-buttons-container{grid-column-gap:2.25em;margin-top:2em;display:flex}
.hero-button-green{background-color:var(--green);color:#fff;letter-spacing:.06em;text-transform:uppercase;border:1px solid #000;justify-content:center;align-items:center;padding:.7em 1.5em;font-size:.9em;font-weight:500;transition:background-color .2s;display:flex}
.hero-button-green:hover{background-color:#000}
.hero-button-outline{color:#000;letter-spacing:.06em;text-transform:uppercase;background:none;border:1px solid #000;justify-content:center;align-items:center;padding:.7em 1.5em;font-size:.9em;font-weight:500;transition:background-color .2s,color .2s;display:flex}
.hero-button-outline:hover{background-color:#000;color:#fff}
.hero-numbers-container{grid-column-gap:1em;grid-row-gap:16px;grid-template-columns:repeat(3,1fr);justify-content:space-between;margin-top:3em;display:grid}
.hero-number{font-family:var(--sans);font-size:2.7em;font-weight:700;color:var(--green)}
.hero-number-label{color:var(--gray-600);font-size:.85em;text-transform:uppercase;letter-spacing:.04em}
.hero-image-container{position:relative;height:100%}
.hero-image{object-fit:cover;width:100%;height:100%;border:1px solid #000}
.hero-news-card{background:var(--gray-50);border:1px solid #000;padding:1.5em;position:absolute;bottom:-2em;left:-2em;max-width:20em}
.hero-news-head{font-size:.85em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:1em}
.hero-news-item{display:flex;justify-content:space-between;align-items:center;padding:.6em 0;border-top:1px solid var(--gray-200);font-size:.95em;color:var(--gray-900)}
.hero-news-item:first-child{border-top:none}
.hero-news-chevron{color:var(--green)}

/* ══════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════ */
.section-header{grid-row-gap:1em;flex-direction:column;display:flex;margin-bottom:3em}
.section-header.split{flex-direction:row;justify-content:space-between;align-items:flex-end}
.overline{color:#000;letter-spacing:.06em;text-transform:uppercase;font-size:.9em;font-weight:700}
.section-subtitle{color:var(--gray-600);font-size:1.1em;line-height:1.7em;max-width:36em}

/* ══════════════════════════════════════════
   CATEGORY SHOWCASE GRID (homepage)
   ══════════════════════════════════════════ */
.category-showcase-list{grid-column-gap:1.5em;grid-row-gap:1.5em;grid-template-columns:repeat(4,1fr);display:grid}
.category-showcase-item{position:relative;overflow:hidden;border:1px solid #000;aspect-ratio:1/1;display:block}
.category-showcase-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.category-showcase-item:hover .category-showcase-image{transform:scale(1.05)}
.category-showcase-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75))}
.category-showcase-name{position:absolute;bottom:1em;left:1em;right:1em;color:#fff;font-family:var(--display);font-size:1.4em;font-weight:700}

/* ══════════════════════════════════════════
   FEATURED BLOG POST CARD
   ══════════════════════════════════════════ */
.featured-blog-post-card-container{grid-column-gap:4em;grid-row-gap:2em;grid-template-columns:2fr 1fr;display:grid;align-items:center}
.featured-blog-post-card-image-link{display:block;overflow:hidden;position:relative}
.featured-blog-post-card-image{object-fit:cover;width:100%;height:30em;border:1px solid #000}
.featured-blog-post-card-text-container{flex-direction:column;justify-content:space-between;display:flex;height:100%}
.featured-blog-post-tile{color:var(--gray-900);letter-spacing:0;margin:0;font-family:var(--display);font-size:2.2em;font-weight:700;line-height:1.3em}
.featured-blog-post-card-info-container{justify-content:space-between;align-items:center;display:flex;margin-top:1.5em}

/* ══════════════════════════════════════════
   BLOG CATEGORY PILL LIST
   ══════════════════════════════════════════ */
.blog-category-list{display:flex;gap:1.5em;flex-wrap:wrap;margin:2em 0}
.blog-category-list .nav-item{position:relative}
.blog-category-list a{color:var(--gray-600);text-transform:uppercase;font-size:.9em;font-weight:600;letter-spacing:.04em;padding-bottom:.3em;display:inline-block}
.blog-category-list a.is-active{color:var(--gray-900)}
.blog-category-list a.is-active .nav-item-line{opacity:1}
.nav-item-line{background-color:var(--green);height:2px;width:100%;position:absolute;bottom:0;left:0;opacity:0}

/* ══════════════════════════════════════════
   BLOG CARDS LIST
   ══════════════════════════════════════════ */
.blog-cards-list{grid-row-gap:4em;flex-direction:column;display:flex}
.blog-card-post-container{grid-column-gap:4em;grid-template-columns:1fr 2fr;display:grid;align-items:center}
.blog-card-image-link{width:100%;height:19em;position:relative;display:block;overflow:hidden;border:1px solid #000}
.blog-card-image{object-fit:cover;width:100%;height:100%}
.blog-card-read-time{backdrop-filter:blur(2px);background-color:rgba(0,0,0,.55);color:#fff;font-size:.75em;padding:2px 12px;position:absolute;bottom:0;right:0}
.blog-card-text-container{grid-row-gap:1em;flex-direction:column;display:flex}
.blog-card-category{color:var(--green);text-transform:uppercase;font-size:.8em;font-weight:700;letter-spacing:.06em}
.blog-post-card-title{color:var(--gray-900);margin:0;font-family:var(--display);font-size:1.8em;font-weight:700;line-height:1.4em}
.blog-post-card-excerpt{color:var(--gray-600);font-size:1em;line-height:1.6em}
.animated-arrow-link{margin-top:.5em;padding-top:0;color:var(--gray-600);text-transform:uppercase;font-size:.9em;transition:letter-spacing .3s}
.animated-arrow-link:hover{letter-spacing:.1em;color:var(--green)}

/* ══════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════ */
.footer-wrap{padding-top:5em}
.green-salad-line-footer{background-color:var(--green);width:100%;height:1em}
.footer-grid{grid-column-gap:16px;grid-row-gap:3em;grid-template-columns:1.3fr 1fr;margin-top:4em;margin-bottom:3em;display:grid}
.footer-header{grid-row-gap:1em;flex-direction:column;display:flex}
.footer-logo{width:9em}
.paragraph-footer{color:var(--gray-600);max-width:28em}
.footer-link-block{grid-column-gap:4em;grid-row-gap:2em;display:flex;flex-wrap:wrap;justify-content:flex-end}
.footer-links-container{grid-row-gap:1.2em;flex-direction:column;align-items:flex-start;display:flex}
.footer-link-title{color:var(--gray-900);font-weight:700;margin-bottom:.3em}
.footer-links-container a{color:var(--gray-600);font-size:.95em;transition:color .2s}
.footer-links-container a:hover{color:var(--green)}
.footer-attribution-container{grid-column-gap:12px;justify-content:space-between;align-items:center;padding-top:2em;padding-bottom:2em;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap}
.social-links{grid-column-gap:1.5em;display:flex}
.social-links a{color:var(--gray-700)}
.footer-legal-links{display:flex;gap:1.2em;font-size:.85em;color:var(--gray-500)}
.footer-legal-links a:hover{color:var(--green)}

/* ══════════════════════════════════════════
   ARTICLE PAGE (blog-post-body)
   ══════════════════════════════════════════ */
.blog-post-body{max-width:70em;margin-left:auto;margin-right:auto}
.blog-post-header-container{max-width:50em;margin-left:auto;margin-right:auto;text-align:center}
.blog-post-overline{color:#000;text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:1em;font-weight:600}
.blog-post-heading{text-align:center;letter-spacing:-.02em;margin-top:.3em;margin-bottom:0;font-family:var(--display);font-size:3em;font-weight:700;line-height:1.3em}
.blog-post-header-text{color:var(--gray-600);text-align:center;margin-top:.5em;margin-bottom:0;font-size:1.1em;line-height:1.8em}
.blog-post-byline{display:flex;align-items:center;justify-content:center;gap:.8em;margin-top:1.5em}
.blog-post-byline img{width:2.8em;height:2.8em;border-radius:50%;object-fit:cover}
.blog-post-byline-info{font-size:.9em;color:var(--gray-600);text-align:left}
.blog-post-byline-info strong{color:var(--gray-900)}
.blog-post-main-image{object-fit:cover;width:100%;height:40em;margin-top:3em;border:1px solid #000}
.blog-post-content{max-width:50em;margin-left:auto;margin-right:auto;margin-top:3em}
.blog-post-disclosure{font-size:.8em;color:var(--gray-500);font-style:italic;padding-bottom:1.2em;border-bottom:1px solid var(--gray-200);margin-bottom:2em}

.ita-bar{position:sticky;top:6.75em;z-index:50;background:#fff;border-top:3px solid var(--green);border-bottom:1px solid var(--gray-200);padding:.7em 0;margin:0 0 2em;display:flex;gap:1.4em;overflow-x:auto}
.ita-bar a{font-size:.8em;font-weight:600;color:var(--gray-600);text-decoration:none;white-space:nowrap}
.ita-bar a:hover{color:var(--green)}

.body.dc p{margin-bottom:1.3em;font-size:1.1em;line-height:1.85em}
.body.dc h2{color:var(--gray-900);font-size:1.9em;font-weight:700;margin:1.6em 0 .6em;line-height:1.3em}
.body.dc h3{color:var(--gray-900);font-size:1.5em;font-weight:700;margin:1.3em 0 .5em}
.body.dc strong{font-weight:700;color:var(--gray-900)}
.body.dc a{color:var(--green);text-decoration:underline}
.body.dc .fig{margin:2.2em 0}
.body.dc .fig img{width:100%;height:auto;border:1px solid #000}
.body.dc .fig figcaption{font-size:.8em;color:var(--gray-500);padding:.5em 0;font-style:italic}

.pick{border:1px solid #000;border-radius:6px;padding:1.6em;margin:2em 0;background:var(--gray-50);position:relative}
.pick-head{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:.6em}
.pick-body h3{margin:0 0 .2em;font-size:1.4em}
.pick-body .ps{color:var(--gray-500);font-size:.85em;margin-bottom:.6em}
.pick-body .pd{color:var(--gray-600);font-size:.95em;line-height:1.6em;margin-bottom:1em}
.body.dc a.pick-cta{display:inline-block;background:var(--green);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:.8em;font-weight:600;padding:.7em 1.4em;border:1px solid #000}
.body.dc a.pick-cta:hover{background:#000}

.spec{border:1px solid var(--gray-200);border-radius:6px;margin:1.6em 0;overflow:hidden}
.spec-head{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);padding:.9em 1em;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}
.spec table{width:100%;border-collapse:collapse;font-size:.9em}
.spec td{padding:.6em 1em;border-bottom:1px solid var(--gray-100)}
.spec td:first-child{font-weight:700;color:var(--gray-900);width:40%}

.cta{border-left:4px solid var(--green);padding:1em 1.2em;margin:1.6em 0;font-size:.95em;line-height:1.7em;background:var(--green-light)}

/* ══════════════════════════════════════════
   RELATED ARTICLES
   ══════════════════════════════════════════ */
.related-section{margin-top:5em}
.related-grid{grid-column-gap:2em;grid-row-gap:2em;grid-template-columns:repeat(3,1fr);display:grid}
.related-card{display:block}
.related-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid #000;margin-bottom:.8em}
.related-card .blog-card-category{display:block;margin-bottom:.3em}
.related-card h4{margin:0;font-family:var(--display);font-size:1.15em;font-weight:700;color:var(--gray-900);line-height:1.4em}

/* ══════════════════════════════════════════
   ABOUT / CONTACT / LEGAL PAGES
   ══════════════════════════════════════════ */
.page-hero{background:var(--gray-900);padding:5em;text-align:center}
.page-hero-eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.2em;font-size:.9em;font-weight:700;margin-bottom:1em}
.page-hero-title{color:#fff;font-family:var(--display);font-size:3.2em;font-weight:700;margin:0}
.page-hero-subtitle{color:var(--gray-300);font-size:1.15em;margin-top:.8em;max-width:32em;margin-left:auto;margin-right:auto}

.about-wrap{max-width:60em;margin:0 auto;padding:4em 5em}
.about-mission p{font-size:1.15em;line-height:1.85em;color:var(--gray-700);margin-bottom:1.2em}
.about-team{grid-column-gap:2em;grid-row-gap:2em;grid-template-columns:repeat(4,1fr);display:grid;margin-top:3em}
.team-member{text-align:left}
.team-member img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #000;margin-bottom:1em}
.team-member h4{margin:0 0 .2em;font-family:var(--display);font-size:1.2em}
.team-member .role{color:var(--gray-500);font-size:.85em;text-transform:uppercase;letter-spacing:.03em}

.process-list{display:flex;flex-direction:column;gap:1.6em;margin-top:2em}
.process-item{display:flex;gap:1.5em;align-items:flex-start;padding:1.6em;border:1px solid var(--gray-200);border-radius:6px}
.process-item-num{font-family:var(--display);font-size:1.8em;font-weight:700;color:var(--green);flex-shrink:0}
.process-item h4{margin:0 0 .4em;font-size:1.2em}
.process-item p{margin:0;color:var(--gray-600);font-size:.95em;line-height:1.6em}

.contact-grid{grid-column-gap:4em;grid-template-columns:1fr 1fr;display:grid;max-width:60em;margin:0 auto;padding:4em 5em}
.contact-info h3{margin-top:0}
.contact-info-item{margin-bottom:1.5em}
.contact-info-label{font-size:.8em;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:.3em}
.contact-info-value{font-size:1.1em;color:var(--gray-900);font-weight:600}
.contact-form{display:flex;flex-direction:column;gap:1.2em}
.contact-form input,.contact-form textarea{border:1px solid var(--gray-300);padding:.9em 1em;font-family:var(--sans);font-size:1em;background:none}
.contact-form textarea{min-height:120px}

.legal-wrap{max-width:46em;margin:0 auto;padding:4em 5em}
.legal-wrap h1{font-size:2em;margin-bottom:.2em}
.legal-wrap .pg-date{font-size:.8em;color:var(--gray-500);margin-bottom:2em}
.legal-wrap h2{font-size:1.3em;margin:1.6em 0 .5em}
.legal-wrap h3{font-size:1.1em;margin:1.2em 0 .4em}
.legal-wrap p{margin-bottom:.9em;line-height:1.72;font-size:1em}
.legal-wrap ul{margin:0 0 .9em 1.4em;line-height:1.72}
.legal-wrap ul{list-style:disc}
.legal-wrap li{margin-bottom:.4em}

/* ══════════════════════════════════════════
   404
   ══════════════════════════════════════════ */
.error-404{text-align:center;padding:8em 5em}
.error-404-code{font-family:var(--display);font-size:6em;font-weight:900;color:var(--green);line-height:1}

/* ══════════════════════════════════════════
   BREAKPOINTS
   ══════════════════════════════════════════ */
@media screen and (max-width:991px){
  .container{padding-left:2em;padding-right:2em}
  .nav-bar-container-box{padding-left:2em;padding-right:2em}
  .nav-menu-links{display:none}
  .nav-menu-mobile{display:block}
  .nav-actions .nav-subscribe-btn{display:none}
  .hero-grid-container{grid-template-columns:1fr;grid-row-gap:3em}
  .hero-news-card{position:static;margin-top:2em;max-width:none}
  .category-showcase-list{grid-template-columns:repeat(2,1fr)}
  .featured-blog-post-card-container{grid-template-columns:1fr}
  .blog-card-post-container{grid-template-columns:1fr}
  .blog-card-image-link{height:16em}
  .footer-grid{grid-template-columns:1fr}
  .footer-link-block{justify-content:flex-start}
  .about-team{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr;padding:3em 2em}
  .about-wrap,.legal-wrap{padding:3em 2em}
  .related-grid{grid-template-columns:1fr 1fr}
}

@media screen and (max-width:767px){
  .hero-headline{font-size:2.6em}
  .hero-numbers-container{grid-template-columns:1fr 1fr}
  .featured-blog-post-tile{font-size:1.6em}
  .blog-post-heading{font-size:2.1em}
  .blog-post-main-image{height:22em}
  .category-showcase-list{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:1fr}
  .page-hero{padding:3em 2em}
  .page-hero-title{font-size:2.2em}
}

@media screen and (max-width:479px){
  .nav-logo{width:6em}
  .hero-buttons-container{flex-direction:column;gap:1em}
  .hero-numbers-container{grid-template-columns:1fr 1fr}
  .category-showcase-list{grid-template-columns:1fr}
  .about-team{grid-template-columns:1fr 1fr}
  .footer-link-block{gap:2em}
}