@media (min-width: 1680px) {
  :root { --content-gutter: 4.25rem; }
  .hero-copy { width: 58%; }
  .buying-intro h2 { font-size: 4.8rem; }
  .ingredient-media { right: 0; width: 44vw; }
  .quality-evidence { grid-template-columns: 30% 38% 32%; }
}

@media (max-width: 1240px) {
  .primary-nav { gap: 1.4rem; padding-inline: 1.5rem; }
  .header-cta { padding-inline: 1.4rem; }
  .buying { grid-template-columns: 40.25% 30.25% 29.5%; }
  .buying-intro h2 { margin-top: 1.125rem; font-size: clamp(3.1rem, 4.43vw, 3.75rem); }
  .proof-belt { grid-template-columns: repeat(3, 1fr); }
  .proof-belt article { padding-inline: 1.25rem; }
  .ingredient-media { right: 0; width: 46%; height: 40rem; }
  .ingredient-file { width: 13.75rem; }
  .quality-evidence { grid-template-columns: 30% 40% 30%; }
  .quality-evidence-records { padding-inline: 1.75rem; }
  .contact { grid-template-columns: minmax(0, 42%) minmax(0, 58%); }
  .contact-copy { padding-right: clamp(2rem, 4vw, 3rem); }
  .contact-copy h2 { font-size: clamp(3.65rem, 5.3vw, 4.5rem); }
}

@media (max-width: 1024px) {
  :root { --content-gutter: 2rem; }
  .site-header { grid-template-columns: 1fr auto auto; }
  .primary-nav { gap: 1rem; padding-inline: 1rem; }
  .primary-nav a { font-size: 0.625rem; }
  .header-cta { padding-inline: 1rem; font-size: 0.625rem; }
  .hero { min-height: 39rem; }
  .hero-copy { width: 63%; min-height: 39rem; }
  .hero h1 { font-size: 7.6rem; width: 155%; }
  .buying { height: auto; grid-template-columns: 44% 56%; }
  .buying-intro { min-height: 31rem; }
  .buying-image { display: none; }
  .proof-belt { grid-template-columns: 1fr 1fr 1fr; padding-block: 1.25rem; }
  .proof-belt article { min-height: 7.5rem; }
  .ingredients { min-height: 66rem; }
  .ingredients-head { width: 58%; }
  .ingredients-head h2 { font-size: 4.25rem; }
  .ingredient-index { width: 42%; }
  .ingredient-index a { grid-template-columns: 2rem 1fr; }
  .ingredient-index small { display: none; }
  .ingredient-media { top: 1.5rem; right: 0; width: 48%; height: 36rem; }
  .ingredient-file { width: 18%; }
  .applications { grid-template-columns: 32% 68%; }
  .applications > header { padding-right: 2rem; }
  .applications h2 { font-size: 3.3rem; }
  .application-strip article > div { padding-inline: 1rem; }
  .application-strip h3 { font-size: 1.45rem; }
  .dossier { grid-template-columns: 30% 70%; }
  .dossier-title h2 { font-size: 4.5rem; }
  .manufacturer { grid-template-columns: 52% 48%; }
  .manufacturer-copy { padding-inline: 2.5rem; }
  .manufacturer-copy h2 { font-size: 3.6rem; }
  .quality-evidence { grid-template-columns: 36% 42% 22%; }
  .quality-evidence-intro h2 { font-size: 3.65rem; }
  .quality-evidence-records { padding-inline: 1.5rem; }
  .quality-evidence-records > h3 { font-size: 2.5rem; }
  .au-statement h2 { font-size: 4.5rem; }
  .contact { grid-template-columns: minmax(0, 42%) minmax(0, 58%); }
  .contact-copy { padding-right: 2rem; }
  .contact-copy h2 { white-space: normal; font-size: 4rem; }
}

@media (max-width: 860px) {
  :root { --header-height: 4.5rem; --content-gutter: 1.5rem; }
  .site-header { position: sticky; top: 0; grid-template-columns: 1fr auto; }
  .brand img { width: 8rem; }
  .header-cta { display: none; }
  .menu-toggle { display: flex; }
  .primary-nav { position: fixed; z-index: 29; inset: var(--header-height) 0 auto; height: auto; overflow: hidden; display: grid; gap: 0; padding: 0 var(--content-gutter); border-right: 0; background: rgba(7, 35, 31, 0.97); opacity: 0; translate: 0 -0.5rem; visibility: hidden; pointer-events: none; transition: opacity var(--micro) var(--ease-out), translate 220ms var(--ease-out), visibility 0s linear 220ms; }
  .primary-nav.is-open { opacity: 1; translate: none; visibility: visible; pointer-events: auto; transition-delay: 0s; }
  .primary-nav.is-instant { transition: none !important; }
  .primary-nav a { min-height: 4rem; display: flex; align-items: center; border-bottom: 1px solid var(--rule); font-size: 0.75rem; }
  .primary-nav a:last-child { border-bottom: 0; }

  .hero { min-height: 52rem; }
  .hero-copy { width: 100%; min-height: 52rem; padding-top: 2.75rem; }
  .hero h1 { width: 100%; max-width: 45rem; margin-top: 1rem; white-space: normal; transform: none; font-size: clamp(4.8rem, 13.33vw, 6.4rem); line-height: 0.88; }
  .hero-kicker { max-width: 28rem; font-size: 1.55rem; line-height: 1.05; }
  .hero-intro { width: min(29rem, 83%); }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 0.6rem; }
  .hero-actions .button { width: 13.5rem; }
  .hero-media { inset: 20.5rem 0 0 32%; }
  .hero-background { object-position: 72% center; }
  .hero-media::after { background: linear-gradient(90deg, rgba(4, 26, 23, 0.92) 0%, rgba(4, 26, 23, 0.76) 45%, rgba(4, 26, 23, 0.18) 82%, transparent 100%); }
  .hero-foot { width: calc(100% - 3rem); bottom: 1.5rem; }

  .buying { grid-template-columns: 1fr; }
  .buying-intro { min-height: 22rem; }
  .buying-intro h2 { width: 100%; white-space: normal; transform: none; font-size: clamp(4rem, 10vw, 5.25rem); }
  .buying-routes { min-height: 31rem; padding: 1rem var(--content-gutter); }
  .buying-routes article { min-height: 7rem; }
  .buying-image { display: block; height: 24rem; }

  .proof-belt { grid-template-columns: 1fr; padding: 2rem var(--content-gutter); }
  .proof-belt article { min-height: 7.5rem; padding: 1.5rem 0; border-top: 1px solid var(--rule); border-left: 0; }

  .ingredients { min-height: 92rem; padding-top: 4rem; }
  .ingredients-head { width: 100%; max-width: 42rem; }
  .ingredients-head h2 { font-size: clamp(3.6rem, 10vw, 4.8rem); }
  .ingredients-head > p:last-child { max-width: 31rem; margin-top: 1.5rem; }
  .ingredient-media { top: 23rem; right: -2rem; left: auto; width: min(43rem, 86%); height: 34rem; }
  .ingredient-file { top: 59rem; right: var(--content-gutter); bottom: auto; width: min(18rem, 44%); }
  .ingredient-index { left: var(--content-gutter); right: var(--content-gutter); bottom: 4rem; width: auto; }

  .applications { grid-template-columns: 1fr; }
  .applications > header { padding: 4rem var(--content-gutter); }
  .applications h2 { font-size: clamp(3.8rem, 10vw, 5rem); }
  .application-strip { min-height: 54rem; }
  .application-strip article > div { min-height: 15rem; }

  .dossier { grid-template-columns: 1fr; padding-block: 4rem; }
  .dossier-title { padding-right: 0; }
  .dossier-title h2 { font-size: 5rem; }
  .table-wrap { margin-right: calc(var(--content-gutter) * -1); padding-right: var(--content-gutter); }

  .manufacturer { grid-template-columns: 1fr; }
  .manufacturer figure { min-height: 31rem; }
  .manufacturer-copy { padding: 4rem var(--content-gutter); }
  .manufacturer-copy h2 { font-size: clamp(3.8rem, 10vw, 5rem); }

  .quality-evidence { grid-template-columns: 1fr 1fr; gap: 3rem 0; }
  .quality-evidence-intro { padding-right: 2.5rem; }
  .quality-evidence-intro h2 { font-size: clamp(3.8rem, 8vw, 4.75rem); }
  .quality-evidence-records { padding-right: 0; }
  .evidence-document-stack { grid-column: 1 / -1; min-height: 36rem; width: min(42rem, 100%); margin: 0 auto; }

  .au-statement h2 { font-size: clamp(4rem, 10vw, 5rem); }
  .au-statement > div { gap: 2rem; }

  .contact-bridge { grid-template-columns: 1fr 42%; }
  .contact-bridge-copy h2 { font-size: clamp(4.5rem, 9vw, 5.75rem); }

  .contact { grid-template-columns: 1fr; gap: 2.5rem; }
  .contact-copy { padding-right: 0; }
  .contact-copy h2 { font-size: clamp(4rem, 10vw, 5rem); }

  .site-footer { grid-template-columns: 12rem 1fr; gap: 1rem 2rem; }
  .site-footer nav { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  :root { --content-gutter: 1.125rem; }
  body { font-size: 1rem; }
  .brand { padding-left: 1.125rem; }
  .brand img { width: 7.6rem; }
  .menu-toggle { margin-right: 0.5rem; }

  .hero { min-height: 53.25rem; }
  .hero-copy { min-height: 53.25rem; padding-top: 2.2rem; }
  .hero h1 { width: 105%; margin-top: 1rem; font-size: clamp(4.25rem, 19.5vw, 5.2rem); }
  .hero-kicker { max-width: 20rem; margin-top: 1.4rem; font-size: 1.45rem; }
  .hero-intro { width: 100%; max-width: 20.5rem; font-size: 0.9rem; }
  .hero-actions { margin-top: 1.25rem; }
  .hero-actions .button { width: min(18rem, 100%); }
  .button { min-height: 3.125rem; }
  .text-button { min-height: 3rem; }
  .hero-media { inset: 27rem -2.5rem 0 18%; }
  .hero-background { object-position: 74% center; }
  .hero-foot { display: none; }

  .buying-intro { position: relative; min-height: 22rem; padding-top: 3.25rem; }
  .buying-intro h2 { font-size: 4.15rem; }
  .buying-routes { min-height: 33rem; }
  .buying-routes article { grid-template-columns: 2.25rem 1fr 1.25rem; gap: 0.75rem; }
  .buying-routes h3 { font-size: 1rem; }
  .buying-routes p { font-size: 0.75rem; line-height: 1.4; }
  .buying-image { height: 22rem; }

  .proof-belt h2 { font-size: 0.875rem; }
  .proof-belt p { font-size: 0.75rem; }

  .ingredients { min-height: 98rem; }
  .ingredients-head h2 { font-size: 3.7rem; }
  .ingredients-head > p:last-child { font-size: 0.875rem; }
  .ingredient-media { top: 27rem; right: -2rem; width: calc(100% + 2rem); height: 29rem; }
  .ingredient-file { top: 59rem; left: var(--content-gutter); right: var(--content-gutter); width: auto; }
  .ingredient-index { bottom: 3rem; }
  .ingredient-index a { min-height: 3.75rem; grid-template-columns: 1.75rem 1fr 5.75rem; }
  .ingredient-index small { display: block; font-size: 0.625rem; }
  .ingredient-index strong { font-size: 1rem; }

  .applications > header { min-height: 32rem; }
  .applications h2 { font-size: 4.1rem; }
  .application-strip { display: block; min-height: 0; }
  .application-strip article { min-height: 34rem; border-left: 0; border-top: 1px solid var(--rule); }
  .application-strip article > div { height: auto; min-height: 14rem; display: block; }
  .application-strip h3 { margin: 0.8125rem 0; font-size: 1.85rem; }
  .application-strip p { font-size: 0.75rem; }

  .dossier-title h2 { font-size: 4.6rem; }
  .dossier-table { min-width: 42rem; }

  .manufacturer figure { min-height: 24rem; }
  .manufacturer-copy { padding-block: 3.5rem; }
  .manufacturer-copy h2 { font-size: 4rem; }
  .manufacturer-copy > p:not(.eyebrow) { font-size: 0.875rem; }
  .manufacturer-copy dd { font-size: 0.75rem; }

  .quality-evidence { grid-template-columns: 1fr; gap: 2.5rem; padding-block: 3.25rem; }
  .quality-evidence-intro { padding-right: 0; }
  .quality-evidence-intro h2 { font-size: 4rem; }
  .quality-evidence-intro > p:not(.eyebrow) { font-size: 0.875rem; }
  .quality-evidence-records { padding: 3rem 0 0; border-top: 1px solid var(--rule); border-left: 0; }
  .quality-evidence-records > h3 { font-size: 3rem; }
  .document-list p { font-size: 0.75rem; }
  .evidence-document-stack { grid-column: auto; width: 100%; min-height: 30rem; }
  .evidence-fssc { left: 0; width: 55%; }
  .evidence-halal { top: 10%; right: 0; width: 54%; }
  .evidence-coa { bottom: 2%; left: 20%; width: 58%; }

  .au-statement { padding-block: 3.5rem; }
  .au-statement h2 { font-size: 3.85rem; }
  .au-statement > div { grid-template-columns: 1fr; }
  .au-statement article p { font-size: 0.75rem; }

  .contact-bridge { grid-template-columns: 1fr; }
  .contact-bridge-copy { padding-block: 3.75rem; }
  .contact-bridge-copy h2 { font-size: 4rem; }
  .contact-bridge-copy > p:not(.eyebrow) { font-size: 0.875rem; }
  .contact-bridge-range { font-size: 0.6875rem !important; }
  .contact-bridge-image { min-height: 20rem; }
  .contact-bridge-image::after { background: linear-gradient(180deg, var(--ink), transparent 25%); }

  .contact { padding-block: 3.75rem; }
  .contact-copy h2 { font-size: 4rem; }
  .contact-copy > p:not(.eyebrow) { font-size: 0.875rem; }
  .enquiry-form { grid-template-columns: 1fr; gap: 0.75rem; }
  .field, .field-wide, .form-error-summary, .enquiry-form > button, .form-note { grid-column: 1; }
  .field input, .field select, .field textarea { font-size: 1rem; }
  .enquiry-form > button { width: 100%; min-height: 3.25rem; }

  .site-footer { grid-template-columns: 1fr; gap: 1rem; padding-block: 2rem; }
  .site-footer p, .site-footer nav { grid-column: 1; grid-row: auto; justify-self: start; }
  .site-footer nav { grid-template-columns: 1fr; }
}
