/* Define Breakpoints */
/* Define Max Breakpoints */
/* Define Min Breakpoints */
/* Define Additional Breakpoints */
:root {
  --colour--error: #d32f2f;
  --colour--warning: #faac01;
  --colour--success: #6BA9F0;
  --colour--primary-red: #D31245;
  --colour--primary-red-30: #F2B8C7;
  --colour--primary-red-10: #FBE7EC;
  --colour--secondary-yellow: #FFAD31;
  --colour--secondary-yellow-60: #FFDB8F;
  --colour--secondary-yellow-20: #FFF2DE;
  --colour--secondary-yellow-10: #FFF7EA;
  --colour--neutral-grey: #2E3033;
  --colour--neutral-grey-30: #A2A9B3;
  --colour--neutral-blue-50: #6BA9F0;
  --colour--neutral-blue-10: #E9F3FF;
  --colour--white: #ffffff;
  --colour--black: #000000;
  --colour--background: #ffffff;
  --colour--hero-bg: #2E3033;
}
:root {
  --header-height: 84px;
}
@media screen and (min-width: 1280px) {
  :root {
    --header-height: 88px;
  }
}
.headline-text-1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 0px) {
  .headline-text-1 {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  .headline-text-1 {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .headline-text-1 {
    font-size: 90px;
    line-height: 95px;
  }
}
.hero-headline-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 0px) {
  .hero-headline-text {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  .hero-headline-text {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-headline-text {
    font-size: 90px;
    line-height: 95px;
  }
}
@media screen and (min-width: 0px) {
  .hero-headline-text {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  .hero-headline-text {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-headline-text {
    font-size: 90px;
    line-height: 95px;
  }
}
.headline-text-2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 0px) {
  .headline-text-2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .headline-text-2 {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  .headline-text-2 {
    font-size: 64px;
    line-height: 68px;
  }
}
.headline-text-3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 0px) {
  .headline-text-3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .headline-text-3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .headline-text-3 {
    font-size: 32px;
    line-height: normal;
  }
}
.various-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (min-width: 0px) {
  .various-text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .various-text {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  .various-text {
    font-size: 32px;
  }
}
.various-text-2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
}
@media screen and (min-width: 0px) {
  .various-text-2 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .various-text-2 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .various-text-2 {
    font-size: 24px;
    font-weight: 500;
  }
}
.p-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 0px) {
  .p-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .p-text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .p-text {
    font-size: 20px;
    line-height: 28px;
  }
}
.p-bold-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 0px) {
  .p-bold-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .p-bold-text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .p-bold-text {
    font-size: 20px;
    line-height: normal;
  }
}
.captions-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.button-text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.menu-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.tags-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
a {
  text-decoration: none;
}
.no-scroll {
  overflow: hidden;
}
.scrollable {
  overflow: auto;
}
.is-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .is-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.is-split-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .is-split-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.is-split-inverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .is-split-inverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
}
.container--narrow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
  max-width: 990px;
}
.container--wide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
  max-width: 1600px;
}
.container--wider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
  max-width: 1800px;
}
.container--full {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
  width: 100%;
  max-width: 100%;
}
.divider {
  height: 1px;
  background-color: black;
  margin-block: 1px;
  width: 50%;
}
.divider--narrow {
  height: 1px;
  background-color: black;
  margin-block: 1px;
  width: 50%;
  width: 25%;
}
.divider--wide {
  height: 1px;
  background-color: black;
  margin-block: 1px;
  width: 50%;
  width: 75%;
}
.divider--full {
  height: 1px;
  background-color: black;
  margin-block: 1px;
  width: 50%;
  width: 100%;
}
.v-padding-sm {
  padding-block: 8px;
}
@media screen and (min-width: 1280px) {
  .v-padding-sm {
    padding-block: 8px;
  }
}
.v-padding-md {
  padding-block: 16px;
}
@media screen and (min-width: 1280px) {
  .v-padding-md {
    padding-block: 24px;
  }
}
.v-padding {
  padding-block: 32px;
}
@media screen and (min-width: 1280px) {
  .v-padding {
    padding-block: 48px;
  }
}
.v-padding-lg {
  padding-block: 128px;
}
@media screen and (min-width: 1280px) {
  .v-padding-lg {
    padding-block: 128px;
  }
}
.v-padding-section {
  padding-block: 64px;
}
@media screen and (min-width: 1280px) {
  .v-padding-section {
    padding-block: 128px;
  }
}
.top-padding-sm {
  padding-top: 8px;
}
@media screen and (min-width: 1280px) {
  .top-padding-sm {
    padding-top: 8px;
  }
}
.top-padding-md {
  padding-top: 16px;
}
@media screen and (min-width: 1280px) {
  .top-padding-md {
    padding-top: 24px;
  }
}
.top-padding {
  padding-top: 32px;
}
@media screen and (min-width: 1280px) {
  .top-padding {
    padding-top: 48px;
  }
}
.top-padding-lg {
  padding-top: 128px;
}
@media screen and (min-width: 1280px) {
  .top-padding-lg {
    padding-top: 128px;
  }
}
.top-padding-section {
  padding-top: 64px;
}
@media screen and (min-width: 1280px) {
  .top-padding-section {
    padding-top: 128px;
  }
}
.bot-padding-sm {
  padding-bottom: 8px;
}
@media screen and (min-width: 1280px) {
  .bot-padding-sm {
    padding-bottom: 8px;
  }
}
.bot-padding-md {
  padding-bottom: 16px;
}
@media screen and (min-width: 1280px) {
  .bot-padding-md {
    padding-bottom: 24px;
  }
}
.bot-padding {
  padding-bottom: 32px;
}
@media screen and (min-width: 1280px) {
  .bot-padding {
    padding-bottom: 48px;
  }
}
.bot-padding-lg {
  padding-bottom: 128px;
}
@media screen and (min-width: 1280px) {
  .bot-padding-lg {
    padding-bottom: 128px;
  }
}
.bot-padding-section {
  padding-bottom: 64px;
}
@media screen and (min-width: 1280px) {
  .bot-padding-section {
    padding-bottom: 128px;
  }
}
.h-padding-sm {
  padding-inline: 8px;
}
@media screen and (min-width: 1280px) {
  .h-padding-sm {
    padding-inline: 8px;
  }
}
.h-padding-md {
  padding-inline: 16px;
}
@media screen and (min-width: 1280px) {
  .h-padding-md {
    padding-inline: 24px;
  }
}
.h-padding {
  padding-inline: 32px;
}
@media screen and (min-width: 1280px) {
  .h-padding {
    padding-inline: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .h-padding--desktop {
    padding-inline: 32px;
  }
}
@media screen and (min-width: 1280px) and screen and (min-width: 1280px) {
  .h-padding--desktop {
    padding-inline: 48px;
  }
}
.h-padding-section {
  padding-inline: 64px;
}
@media screen and (min-width: 1280px) {
  .h-padding-section {
    padding-inline: 128px;
  }
}
.h-padding-lg {
  padding-inline: 128px;
}
@media screen and (min-width: 1280px) {
  .h-padding-lg {
    padding-inline: 128px;
  }
}
.v-margin-sm {
  margin-block: 8px;
}
@media screen and (min-width: 1280px) {
  .v-margin-sm {
    margin-block: 8px;
  }
}
.v-margin-md {
  margin-block: 16px;
}
@media screen and (min-width: 1280px) {
  .v-margin-md {
    margin-block: 24px;
  }
}
.v-margin {
  margin-block: 32px;
}
@media screen and (min-width: 1280px) {
  .v-margin {
    margin-block: 48px;
  }
}
.v-margin-lg {
  margin-block: 128px;
}
@media screen and (min-width: 1280px) {
  .v-margin-lg {
    margin-block: 128px;
  }
}
.v-margin-section {
  margin-block: 64px;
}
@media screen and (min-width: 1280px) {
  .v-margin-section {
    margin-block: 128px;
  }
}
.top-margin-sm {
  margin-top: 8px;
}
@media screen and (min-width: 1280px) {
  .top-margin-sm {
    margin-top: 8px;
  }
}
.top-margin-md {
  margin-top: 16px;
}
@media screen and (min-width: 1280px) {
  .top-margin-md {
    margin-top: 24px;
  }
}
.top-margin {
  margin-top: 32px;
}
@media screen and (min-width: 1280px) {
  .top-margin {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .top-margin--desktop {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1280px) and screen and (min-width: 1280px) {
  .top-margin--desktop {
    margin-top: 48px;
  }
}
.top-margin-lg {
  margin-top: 128px;
}
@media screen and (min-width: 1280px) {
  .top-margin-lg {
    margin-top: 128px;
  }
}
.top-margin-section {
  margin-top: 64px;
}
@media screen and (min-width: 1280px) {
  .top-margin-section {
    margin-top: 128px;
  }
}
.bot-margin-sm {
  margin-bottom: 8px;
}
@media screen and (min-width: 1280px) {
  .bot-margin-sm {
    margin-bottom: 8px;
  }
}
.bot-margin-md {
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) {
  .bot-margin-md {
    margin-bottom: 24px;
  }
}
.bot-margin {
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) {
  .bot-margin {
    margin-bottom: 48px;
  }
}
.bot-margin-lg {
  margin-bottom: 128px;
}
@media screen and (min-width: 1280px) {
  .bot-margin-lg {
    margin-bottom: 128px;
  }
}
.bot-margin-section {
  margin-bottom: 64px;
}
@media screen and (min-width: 1280px) {
  .bot-margin-section {
    margin-bottom: 128px;
  }
}
.h-margin-sm {
  margin-inline: 8px;
}
@media screen and (min-width: 1280px) {
  .h-margin-sm {
    margin-inline: 8px;
  }
}
.h-margin-md {
  margin-inline: 16px;
}
@media screen and (min-width: 1280px) {
  .h-margin-md {
    margin-inline: 24px;
  }
}
.h-margin {
  margin-inline: 32px;
}
@media screen and (min-width: 1280px) {
  .h-margin {
    margin-inline: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .h-margin--desktop {
    margin-inline: 32px;
  }
}
@media screen and (min-width: 1280px) and screen and (min-width: 1280px) {
  .h-margin--desktop {
    margin-inline: 48px;
  }
}
.h-margin-lg {
  margin-inline: 128px;
}
@media screen and (min-width: 1280px) {
  .h-margin-lg {
    margin-inline: 128px;
  }
}
.margin-0 {
  margin: 0;
}
.top-margin-0 {
  margin-top: 0;
}
.bot-margin-0 {
  margin-bottom: 0;
}
.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.h-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.full {
  width: 100%;
  height: 100%;
}
.h-full {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .h-full--mobile {
    width: 100%;
  }
}
.v-full {
  height: 100%;
}
.inline-spacer {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: transparent;
  margin-block: 1px;
}
.flex-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-spacer-half {
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
}
.flex-spacer-quarter {
  -webkit-box-flex: 0.25;
      -ms-flex: 0.25;
          flex: 0.25;
}
.center {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .center--mobile {
    margin-inline: auto;
  }
}
@media screen and (max-width: 1279px) {
  .center--mobile--tablet {
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .center--tablet {
    margin-inline: auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .center--tablet {
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .center--tablet--desktop {
    margin-inline: auto;
  }
}
@media screen and (min-width: 1280px) {
  .center--desktop {
    margin-inline: auto;
  }
}
.txt-center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .txt-center--mobile {
    text-align: center;
  }
}
.invis {
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .invis--mobile {
    visibility: hidden;
  }
}
@media screen and (max-width: 1279px) {
  .invis--mobile--tablet {
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .invis--tablet {
    visibility: hidden;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .invis--tablet {
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .invis--tablet--desktop {
    visibility: hidden;
  }
}
@media screen and (min-width: 1280px) {
  .invis--desktop {
    visibility: hidden;
  }
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.txt-italic {
  font-style: italic;
}
.txt-weight-200 {
  font-weight: 200;
}
.txt-weight-300 {
  font-weight: 300;
}
.txt-weight-400 {
  font-weight: 400;
}
.txt-weight-500 {
  font-weight: 500;
}
.txt-weight-600 {
  font-weight: 600;
}
.txt-weight-700 {
  font-weight: 700;
}
.txt-weight-800 {
  font-weight: 800;
}
.txt-weight-900 {
  font-weight: 900;
}
.bg-black {
  background-color: black;
  color: white;
}
.bg-white {
  background-color: white;
  color: black;
}
.txt-white {
  color: white;
}
.txt-black {
  color: black;
}
.txt-highlight {
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
  padding: 16px;
}
@media screen and (min-width: 1280px) {
  .txt-highlight {
    padding: 24px;
  }
}
.bg-primary-red {
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
}
.bg-primary-red-30 {
  background-color: var(--colour--primary-red-30);
  color: var(--colour--neutral-grey);
}
.bg-primary-red-10 {
  background-color: var(--colour--primary-red-10);
  color: var(--colour--neutral-grey);
}
.bg-secondary-yellow {
  background-color: var(--colour--secondary-yellow);
  color: var(--colour--neutral-grey);
}
.bg-secondary-yellow-60 {
  background-color: var(--colour--secondary-yellow-60);
  color: var(--colour--neutral-grey);
}
.bg-secondary-yellow-20 {
  background-color: var(--colour--secondary-yellow-20);
  color: var(--colour--neutral-grey);
}
.bg-secondary-yellow-10 {
  background-color: var(--colour--secondary-yellow-10);
  color: var(--colour--neutral-grey);
}
.bg-neutral-grey {
  background-color: var(--colour--neutral-grey);
  color: var(--colour--white);
}
.bg-neutral-grey-30 {
  background-color: var(--colour--neutral-grey-30);
  color: var(--colour--neutral-grey);
}
.bg-neutral-blue-50 {
  background-color: var(--colour--neutral-blue-50);
  color: var(--colour--white);
}
.bg-neutral-blue-10 {
  background-color: var(--colour--neutral-blue-10);
  color: var(--colour--neutral-grey);
}
.txt-primary-red {
  color: var(--colour--primary-red);
}
.txt-primary-red-30 {
  color: var(--colour--primary-red-30);
}
.txt-primary-red-10 {
  color: var(--colour--primary-red-10);
}
.txt-secondary-yellow {
  color: var(--colour--secondary-yellow);
}
.txt-secondary-yellow-60 {
  color: var(--colour--secondary-yellow-60);
}
.txt-secondary-yellow-20 {
  color: var(--colour--secondary-yellow-20);
}
.txt-secondary-yellow-10 {
  color: var(--colour--secondary-yellow-10);
}
.txt-neutral-grey {
  color: var(--colour--neutral-grey);
}
.txt-neutral-grey-30 {
  color: var(--colour--neutral-grey-30);
}
.txt-neutral-blue-50 {
  color: var(--colour--neutral-blue-50);
}
.txt-neutral-blue-10 {
  color: var(--colour--neutral-blue-10);
}
.img-white {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.animate-on-scroll {
  visibility: hidden;
}
.anim-underline-l2r {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.anim-underline-l2r:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.anim-underline-l2r:hover:after,
.anim-underline-l2r:focus:after {
  width: 100%;
}
.anim-text-fade-in {
  visibility: visible;
  -webkit-animation: kf-text-fade-in 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
          animation: kf-text-fade-in 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
}
.anim-text-fade-in-slow {
  visibility: visible;
  -webkit-animation: kf-text-fade-in 2.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
          animation: kf-text-fade-in 2.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
}
.anim-text-clip-bot-up {
  visibility: visible;
  -webkit-animation: kf-text-clip-bot-up 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
          animation: kf-text-clip-bot-up 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
}
.anim-text-clip-top-down {
  visibility: visible;
  -webkit-animation: kf-text-clip-top-down 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
          animation: kf-text-clip-top-down 1.1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
}
.anim-bobbing-v {
  -webkit-animation: kf-bobbing-v 5s ease-in-out infinite;
          animation: kf-bobbing-v 5s ease-in-out infinite;
}
@-webkit-keyframes kf-text-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kf-text-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes kf-text-clip-bot-up {
  from {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes kf-text-clip-bot-up {
  from {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@-webkit-keyframes kf-text-clip-top-down {
  from {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
    clip-path: polygon(100% 0%, 0% 0%, 0% 0%, 100% 0%);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%);
  }
}
@keyframes kf-text-clip-top-down {
  from {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
    clip-path: polygon(100% 0%, 0% 0%, 0% 0%, 100% 0%);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%);
  }
}
@-webkit-keyframes kf-bobbing-v {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes kf-bobbing-v {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes kf-wiggle3d-subtle {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
  }
  40% {
    -webkit-transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
  }
  60% {
    -webkit-transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
  }
  80% {
    -webkit-transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}
@keyframes kf-wiggle3d-subtle {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
  }
  40% {
    -webkit-transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
  }
  60% {
    -webkit-transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(-8deg) rotateZ(0deg);
  }
  80% {
    -webkit-transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(8deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}
.button {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
}
.button--borderless {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 0 !important;
  border: none;
  min-width: 0;
}
.button--red {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--secondary-yellow)), to(var(--colour--secondary-yellow)));
  background-image: linear-gradient(to right, var(--colour--secondary-yellow), var(--colour--secondary-yellow));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--primary-red);
  border-color: var(--colour--primary-red);
  background-color: transparent;
}
.button--red::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--red:hover,
.button--red:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--red:hover::before,
.button--red:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--red {
    -webkit-transition: none;
    transition: none;
  }
  .button--red::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--red--fill {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--secondary-yellow)), to(var(--colour--secondary-yellow)));
  background-image: linear-gradient(to right, var(--colour--secondary-yellow), var(--colour--secondary-yellow));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--white);
  border-color: var(--colour--primary-red);
  background-color: var(--colour--primary-red);
}
.button--red--fill::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--red--fill:hover,
.button--red--fill:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--red--fill:hover::before,
.button--red--fill:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--red--fill {
    -webkit-transition: none;
    transition: none;
  }
  .button--red--fill::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--red--fill:hover,
.button--red--fill:focus-visible {
  border-color: var(--colour--secondary-yellow);
}
.button--red--apple {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--secondary-yellow)), to(var(--colour--secondary-yellow)));
  background-image: linear-gradient(to right, var(--colour--secondary-yellow), var(--colour--secondary-yellow));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--primary-red);
  border-color: var(--colour--primary-red);
  background-color: transparent;
}
.button--red--apple::after {
  content: '';
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
          mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.button--red--apple::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--red--apple:hover,
.button--red--apple:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--red--apple:hover::before,
.button--red--apple:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--red--apple {
    -webkit-transition: none;
    transition: none;
  }
  .button--red--apple::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--red--fill--apple {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--secondary-yellow)), to(var(--colour--secondary-yellow)));
  background-image: linear-gradient(to right, var(--colour--secondary-yellow), var(--colour--secondary-yellow));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--white);
  border-color: var(--colour--primary-red);
  background-color: var(--colour--primary-red);
}
.button--red--fill--apple::after {
  content: '';
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
          mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.button--red--fill--apple::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--red--fill--apple:hover,
.button--red--fill--apple:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--red--fill--apple:hover::before,
.button--red--fill--apple:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--red--fill--apple {
    -webkit-transition: none;
    transition: none;
  }
  .button--red--fill--apple::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--red--fill--apple:hover,
.button--red--fill--apple:focus-visible {
  border-color: var(--colour--secondary-yellow);
}
.button--yellow {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--primary-red)), to(var(--colour--primary-red)));
  background-image: linear-gradient(to right, var(--colour--primary-red), var(--colour--primary-red));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--secondary-yellow);
  border-color: var(--colour--secondary-yellow);
  background-color: transparent;
}
.button--yellow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--secondary-yellow);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--yellow:hover,
.button--yellow:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--yellow:hover::before,
.button--yellow:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--yellow {
    -webkit-transition: none;
    transition: none;
  }
  .button--yellow::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--yellow--fill {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--primary-red)), to(var(--colour--primary-red)));
  background-image: linear-gradient(to right, var(--colour--primary-red), var(--colour--primary-red));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--white);
  border-color: var(--colour--secondary-yellow);
  background-color: var(--colour--secondary-yellow);
}
.button--yellow--fill::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--secondary-yellow);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--yellow--fill:hover,
.button--yellow--fill:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--yellow--fill:hover::before,
.button--yellow--fill:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--yellow--fill {
    -webkit-transition: none;
    transition: none;
  }
  .button--yellow--fill::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--yellow--fill:hover,
.button--yellow--fill:focus-visible {
  border-color: var(--colour--primary-red);
}
.button--yellow--apple {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--primary-red)), to(var(--colour--primary-red)));
  background-image: linear-gradient(to right, var(--colour--primary-red), var(--colour--primary-red));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--secondary-yellow);
  border-color: var(--colour--secondary-yellow);
  background-color: transparent;
}
.button--yellow--apple::after {
  content: '';
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
          mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.button--yellow--apple::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--secondary-yellow);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--yellow--apple:hover,
.button--yellow--apple:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--yellow--apple:hover::before,
.button--yellow--apple:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--yellow--apple {
    -webkit-transition: none;
    transition: none;
  }
  .button--yellow--apple::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--yellow--fill--apple {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--primary-red)), to(var(--colour--primary-red)));
  background-image: linear-gradient(to right, var(--colour--primary-red), var(--colour--primary-red));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--white);
  border-color: var(--colour--secondary-yellow);
  background-color: var(--colour--secondary-yellow);
}
.button--yellow--fill--apple::after {
  content: '';
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
          mask-image: url('/wp-content/themes/mbchicken/static/images/apple.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.button--yellow--fill--apple::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--secondary-yellow);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.button--yellow--fill--apple:hover,
.button--yellow--fill--apple:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.button--yellow--fill--apple:hover::before,
.button--yellow--fill--apple:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .button--yellow--fill--apple {
    -webkit-transition: none;
    transition: none;
  }
  .button--yellow--fill--apple::before {
    -webkit-transition: none;
    transition: none;
  }
}
.button--yellow--fill--apple:hover,
.button--yellow--fill--apple:focus-visible {
  border-color: var(--colour--primary-red);
}
.button-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html {
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}
body {
  margin: 0;
  background-color: var(--colour--background);
  overscroll-behavior-y: none;
}
.site-background {
  position: fixed;
  inset: 0;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.site-background__color {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.site-background__video {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.site-background__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.site-background__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body:has(#site-background) > #content,
body:has(#site-background) > footer,
body:has(#feather-fall) > #content,
body:has(#feather-fall) > footer {
  position: relative;
  z-index: 1;
}
.feather-fall {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  opacity: 0.85;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
html.is-changing .feather-fall {
  opacity: 1;
}
.feather-fall.is-paused * {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.feather-fall__item {
  position: absolute;
  top: 0;
  left: var(--ff-x, 50%);
  width: var(--ff-size, 48px);
  height: var(--ff-size, 48px);
  -webkit-animation: feather-fall-drop var(--ff-fall, 22s) linear var(--ff-fall-delay, 0s) infinite;
          animation: feather-fall-drop var(--ff-fall, 22s) linear var(--ff-fall-delay, 0s) infinite;
}
.feather-fall__sway {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: feather-fall-sway var(--ff-sway, 7s) ease-in-out var(--ff-sway-delay, 0s) infinite alternate;
          animation: feather-fall-sway var(--ff-sway, 7s) ease-in-out var(--ff-sway-delay, 0s) infinite alternate;
}
.feather-fall__shape {
  display: block;
  width: 100%;
  height: 100%;
  opacity: var(--ff-opacity, 0.35);
  background-color: var(--colour--secondary-yellow);
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-animation: feather-fall-flutter var(--ff-flutter, 8s) ease-in-out var(--ff-flutter-delay, 0s) infinite alternate;
          animation: feather-fall-flutter var(--ff-flutter, 8s) ease-in-out var(--ff-flutter-delay, 0s) infinite alternate;
}
.feather-fall__item.is-tone-2 .feather-fall__shape {
  background-color: var(--colour--primary-red-30);
}
.feather-fall__item.is-tone-3 .feather-fall__shape {
  background-color: var(--colour--neutral-grey-30);
}
@-webkit-keyframes feather-fall-drop {
  from {
    -webkit-transform: translate3d(0, -30vh, 0);
            transform: translate3d(0, -30vh, 0);
  }
  to {
    -webkit-transform: translate3d(0, 130vh, 0);
            transform: translate3d(0, 130vh, 0);
  }
}
@keyframes feather-fall-drop {
  from {
    -webkit-transform: translate3d(0, -30vh, 0);
            transform: translate3d(0, -30vh, 0);
  }
  to {
    -webkit-transform: translate3d(0, 130vh, 0);
            transform: translate3d(0, 130vh, 0);
  }
}
@-webkit-keyframes feather-fall-sway {
  from {
    -webkit-transform: translate3d(calc(var(--ff-drift, 40px) * -1), 0, 0);
            transform: translate3d(calc(var(--ff-drift, 40px) * -1), 0, 0);
  }
  to {
    -webkit-transform: translate3d(var(--ff-drift, 40px), 0, 0);
            transform: translate3d(var(--ff-drift, 40px), 0, 0);
  }
}
@keyframes feather-fall-sway {
  from {
    -webkit-transform: translate3d(calc(var(--ff-drift, 40px) * -1), 0, 0);
            transform: translate3d(calc(var(--ff-drift, 40px) * -1), 0, 0);
  }
  to {
    -webkit-transform: translate3d(var(--ff-drift, 40px), 0, 0);
            transform: translate3d(var(--ff-drift, 40px), 0, 0);
  }
}
@-webkit-keyframes feather-fall-flutter {
  from {
    -webkit-transform: rotate(var(--ff-rot-a, -20deg)) scaleX(var(--ff-flip, 1));
            transform: rotate(var(--ff-rot-a, -20deg)) scaleX(var(--ff-flip, 1));
  }
  to {
    -webkit-transform: rotate(var(--ff-rot-b, 20deg)) scaleX(var(--ff-flip, 1));
            transform: rotate(var(--ff-rot-b, 20deg)) scaleX(var(--ff-flip, 1));
  }
}
@keyframes feather-fall-flutter {
  from {
    -webkit-transform: rotate(var(--ff-rot-a, -20deg)) scaleX(var(--ff-flip, 1));
            transform: rotate(var(--ff-rot-a, -20deg)) scaleX(var(--ff-flip, 1));
  }
  to {
    -webkit-transform: rotate(var(--ff-rot-b, 20deg)) scaleX(var(--ff-flip, 1));
            transform: rotate(var(--ff-rot-b, 20deg)) scaleX(var(--ff-flip, 1));
  }
}
@media (prefers-reduced-motion: reduce) {
  .feather-fall {
    display: none;
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#breadcrumbs .crumbs {
  color: black;
}
#breadcrumbs .crumbs a {
  color: black;
  text-decoration: none;
}
#breadcrumbs .crumbs .last {
  color: var(--colour--primary-red);
}
.form .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.form .form-row .form-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form .form-row .form-input input,
.form .form-row .form-input textarea,
.form .form-row .form-input select {
  width: -webkit-fill-available;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px lightgrey solid;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 15px 10px;
  background-color: white;
  margin-top: 8px;
}
@media screen and (min-width: 1280px) {
  .form .form-row .form-input input,
  .form .form-row .form-input textarea,
  .form .form-row .form-input select {
    margin-top: 8px;
  }
}
.form .form-row .form-select span::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  height: 15px;
  width: 15px;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
          mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: black;
}
.form .form-row span {
  color: red !important;
  width: 70%;
}
.form input[type="submit"] {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  padding: 18px 24px;
  border-radius: 50px;
  min-width: 240px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  letter-spacing: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--colour--secondary-yellow)), to(var(--colour--secondary-yellow)));
  background-image: linear-gradient(to right, var(--colour--secondary-yellow), var(--colour--secondary-yellow));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  -webkit-transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  color: var(--colour--white);
  border-color: var(--colour--primary-red);
  background-color: var(--colour--primary-red);
  cursor: pointer;
  float: right;
}
.form input[type="submit"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.form input[type="submit"]:hover,
.form input[type="submit"]:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.form input[type="submit"]:hover::before,
.form input[type="submit"]:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .form input[type="submit"] {
    -webkit-transition: none;
    transition: none;
  }
  .form input[type="submit"]::before {
    -webkit-transition: none;
    transition: none;
  }
}
.form input[type="submit"]:hover,
.form input[type="submit"]:focus-visible {
  border-color: var(--colour--secondary-yellow);
}
.form input[type="submit"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.form input[type="submit"]:hover,
.form input[type="submit"]:focus-visible {
  background-size: 100% 100%;
  color: transparent;
}
.form input[type="submit"]:hover::before,
.form input[type="submit"]:focus-visible::before {
  opacity: 1;
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  .form input[type="submit"] {
    -webkit-transition: none;
    transition: none;
  }
  .form input[type="submit"]::before {
    -webkit-transition: none;
    transition: none;
  }
}
.form input[type="submit"]:hover,
.form input[type="submit"]:focus-visible {
  border-color: var(--colour--secondary-yellow);
}
#sb_instagram p,
#sb_instagram a,
#sb_instagram span {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 0px) {
  #sb_instagram p,
  #sb_instagram a,
  #sb_instagram span {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  #sb_instagram p,
  #sb_instagram a,
  #sb_instagram span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  #sb_instagram p,
  #sb_instagram a,
  #sb_instagram span {
    font-size: 20px;
  }
}
#notfound {
  position: relative;
  height: 100vh;
  background-color: white;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#notfound .notfound-404 {
  position: relative;
  height: 240px;
}
#notfound .notfound-404 h1 {
  font-family: "Poppins", sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0px;
  color: var(--colour--primary-red);
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}
#notfound .notfound-404 h1 > span {
  text-shadow: -8px 0px 0px var(--colour--neutral-grey-30);
}
#notfound .notfound-404 h3 {
  font-family: "Poppins", sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin: 0px auto;
  letter-spacing: 3px;
  padding-left: 6px;
}
#notfound h2 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
  margin-top: 0px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  #notfound .notfound .notfound-404 {
    height: 200px;
  }
  #notfound .notfound .notfound-404 h1 {
    font-size: 200px;
  }
}
@media only screen and (max-width: 480px) {
  #notfound .notfound .notfound-404 {
    height: 162px;
  }
  #notfound .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
  #notfound .notfound h2 {
    font-size: 16px;
  }
}
.overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#00000044), to(#000000));
  background: linear-gradient(#00000044, #000000);
  opacity: 0.7;
}
.gradient-t2b {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--colour--neutral-blue-50)), to(transparent));
  background: linear-gradient(to bottom, var(--colour--neutral-blue-50), transparent);
  height: 50%;
  top: -1px;
  width: 100%;
  z-index: 2;
}
.title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#swup.transition-diminish {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.42s;
          transition-duration: 0.42s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.85, 0.35);
          transition-timing-function: cubic-bezier(0.55, 0, 0.85, 0.35);
  -webkit-transform-origin: 50% 35%;
          transform-origin: 50% 35%;
}
html.is-changing.is-leaving #swup.transition-diminish {
  opacity: 0;
  -webkit-transform: scale3d(0.9, 0.9, 1) translate3d(0, 2rem, 0);
          transform: scale3d(0.9, 0.9, 1) translate3d(0, 2rem, 0);
}
html.is-changing.is-rendering.is-animating #swup.transition-diminish {
  opacity: 0;
  -webkit-transform: scale3d(0.92, 0.92, 1) translate3d(0, -1.75rem, 0);
          transform: scale3d(0.92, 0.92, 1) translate3d(0, -1.75rem, 0);
}
html.is-changing.is-rendering:not(.is-animating) #swup.transition-diminish {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transition-duration: 0.58s;
          transition-duration: 0.58s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  #swup.transition-diminish {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  html.is-changing.is-leaving #swup.transition-diminish,
  html.is-changing.is-rendering.is-animating #swup.transition-diminish {
    -webkit-transform: none;
            transform: none;
  }
}
.gform_wrapper .gform_required_legend {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.gform_wrapper .gform_heading:empty,
.gform_wrapper .gform_description:empty {
  display: none;
}
#header {
  position: fixed;
  height: var(--header-height);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: var(--colour--white);
}
#header .header-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-inline: 5vw;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-container .header-logo {
  display: block;
  height: 46px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 95;
}
#header .header-container .header-logo img {
  display: block;
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1023px) {
  #header .header-container .header-logo {
    height: 56px;
  }
}
[data-scroll-reveal] {
  will-change: transform;
}
[data-scroll-reveal-stagger] > * {
  will-change: transform;
}
[data-scroll-fade] {
  will-change: opacity;
  opacity: 0;
}
[data-scroll-fade-stagger] > * {
  will-change: opacity;
  opacity: 0;
}
[data-scroll-fade][data-scroll-fade-stagger] {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  [data-scroll-fade],
  [data-scroll-fade-stagger] > * {
    opacity: 1;
  }
  [data-scroll-reveal],
  [data-scroll-reveal-stagger] > * {
    -webkit-transform: none;
            transform: none;
  }
}
.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: relative;
  height: 56px;
  width: 56px;
  padding: 0;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  z-index: 95;
  background-color: var(--colour--secondary-yellow);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 1280px) {
  .burger {
    display: none;
  }
}
.burger .burger-line {
  display: block;
  height: 3px;
  width: 24px;
  border-radius: 10px;
  background-color: var(--colour--white);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, opacity 0.2s ease;
  transition: transform 0.35s ease, opacity 0.2s ease, -webkit-transform 0.35s ease;
}
.burger.open .burger-line:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
}
.burger.open .burger-line:nth-child(2) {
  opacity: 0;
}
.burger.open .burger-line:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .burger:hover {
    background-color: var(--colour--primary-red);
  }
}
.menu-wrapper {
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
}
.menu-wrapper.open {
  pointer-events: auto;
}
.menu-backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: none;
  height: 100vh;
}
.menu-wrapper.open .menu-backdrop {
  opacity: 1;
  pointer-events: auto;
}
.menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--colour--neutral-grey);
  display: block;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  pointer-events: auto;
  padding-top: calc(var(--header-height) + 8px);
}
@media screen and (min-width: 768px) {
  .menu-overlay {
    width: 50%;
    max-width: 860px;
  }
}
@media screen and (min-width: 768px) {
  .menu-overlay {
    padding-top: calc(var(--header-height) + 40px);
  }
}
.menu-overlay .menu-container .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  -webkit-padding-start: 5px;
          padding-inline-start: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu {
    gap: 24px;
  }
}
.menu-overlay .menu-container .menu .menu-item {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  position: relative;
}
@media screen and (min-width: 0px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu .menu-item {
    font-size: 32px;
    line-height: normal;
  }
}
.menu-overlay .menu-container .menu .menu-item a {
  color: inherit;
}
.menu-overlay .menu-container .menu .menu-item .menu-item__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  text-transform: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.menu-overlay .menu-container .menu .menu-item .menu-item__toggle::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: url("/wp-content/themes/mbchicken/static/images/chevron-down.svg") no-repeat center center;
  background-size: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.menu-overlay .menu-container .menu .menu-item:hover,
.menu-overlay .menu-container .menu .menu-item:focus,
.menu-overlay .menu-container .menu .menu-item.active {
  color: white;
  opacity: 0.7;
}
.menu-overlay .menu-container .menu .menu-item .submenu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu .menu-item .submenu {
    gap: 24px;
  }
}
.menu-overlay .menu-container .menu .menu-item .submenu.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1rem;
  margin-top: 1rem;
}
.menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 0px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .menu-overlay .menu-container .menu .menu-item .submenu .menu-item {
    font-size: 20px;
    line-height: 28px;
  }
}
.menu-overlay .menu-container .menu .menu-item.has-children.active > .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1rem;
  margin-top: 1rem;
}
.menu-overlay .menu-container .menu .menu-item.has-children.active .menu-item__toggle::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.menu-wrapper.open .menu-overlay {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.menu-wrapper.open .menu-overlay .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-overlay .social-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.menu-overlay .social-row a:hover {
  opacity: 0.7;
}
.menu-overlay .social-row img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media not screen and (min-width: 1280px) {
  .menu-header {
    display: none;
  }
}
@media not screen and (min-width: 1280px) {
  .menu-header {
    display: none;
  }
}
.menu-header .menu-container {
  margin-inline: 4px;
  border-radius: 10px;
}
@media screen and (min-width: 1280px) {
  .menu-header .menu-container {
    margin-inline: 4px;
  }
}
.menu-header .menu-container .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style-type: none;
  float: right;
  padding-inline: 0;
  margin: 0;
  gap: 40px;
}
.menu-header .menu-container .menu .menu-item {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  float: left;
  cursor: pointer;
  color: var(--colour--neutral-grey);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.menu-header .menu-container .menu .menu-item a {
  color: inherit;
}
.menu-header .menu-container .menu .menu-item:hover,
.menu-header .menu-container .menu .menu-item:focus-within {
  color: var(--colour--primary-red);
}
.menu-header .menu-container .menu .menu-item.has-children .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  list-style: none;
  margin: 0;
  padding: 16px 24px;
  gap: 12px;
  background-color: var(--colour--white);
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 8px 24px rgba(46, 48, 51, 0.12);
          box-shadow: 0 8px 24px rgba(46, 48, 51, 0.12);
}
.menu-header .menu-container .menu .menu-item.has-children .submenu .menu-item {
  color: var(--colour--neutral-grey);
}
.menu-header .menu-container .menu .menu-item.has-children .submenu .menu-item:hover,
.menu-header .menu-container .menu .menu-item.has-children .submenu .menu-item:focus-within {
  color: var(--colour--primary-red);
}
.menu-header .menu-container .menu .menu-item.has-children > p::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-color: currentColor;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.menu-header .menu-container .menu .menu-item.has-children:hover .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-header .menu-container .menu .menu-item.has-children:hover > p::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer {
  position: relative;
  overflow: hidden;
  background-color: var(--colour--neutral-grey);
  padding-block: 88px 40px;
}
@media screen and (max-width: 1023px) {
  .footer {
    padding-block: 56px 24px;
  }
}
.footer__inner {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 56px;
}
@media screen and (max-width: 1023px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.footer__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 34px;
  max-width: 274px;
}
@media screen and (max-width: 1023px) {
  .footer__brand {
    max-width: none;
    gap: 24px;
  }
}
.footer__logo img {
  display: block;
  width: 242px;
  max-width: 100%;
  height: auto;
}
.footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__contact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.footer__contact-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  background-color: var(--colour--secondary-yellow);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.footer__contact-icon--home {
  mask-image: url('/wp-content/themes/mbchicken/static/images/home.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/home.svg');
}
.footer__contact-icon--mail {
  mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
}
.footer__contact-icon--call {
  mask-image: url('/wp-content/themes/mbchicken/static/images/call.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/call.svg');
}
.footer__contact-icon--print {
  mask-image: url('/wp-content/themes/mbchicken/static/images/print.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/print.svg');
}
.footer__contact-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--colour--white);
}
a.footer__contact-text {
  max-width: 200px;
}
.footer__sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  max-width: 701px;
}
@media screen and (max-width: 1023px) {
  .footer__sitemap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    max-width: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .footer__column {
    width: 100%;
    gap: 0;
  }
}
.footer__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1023px) {
  .footer__group {
    gap: 0;
    padding-block: 10px;
  }
}
.footer__group-label {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  text-align: left;
}
.footer__group-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: default;
}
@media screen and (max-width: 1023px) {
  .footer__group-toggle {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
  }
}
.footer__group-chevron {
  display: none;
}
@media screen and (max-width: 1023px) {
  .footer__group-chevron {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-color: var(--colour--primary-red);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
  }
}
.footer__group.is-open .footer__group-chevron {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer__sublist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .footer__sublist {
    display: none;
    padding-top: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .footer__group.is-open .footer__sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.footer__sublink {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--colour--white);
}
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
.footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__social-link {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.footer__social-link img,
.footer__social-link svg {
  display: block;
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer__social-link .dashicons {
  font-size: 32px;
  width: 32px;
  height: 32px;
  color: var(--colour--secondary-yellow-60);
}
.footer__social-link:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  opacity: 0.85;
}
.footer__colophon {
  position: relative;
  z-index: 1;
  margin-top: 56px;
  text-align: right;
}
.footer__colophon #colophon,
.footer__colophon #colophon .content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .footer__colophon {
    margin-top: 32px;
    text-align: left;
  }
}
.footer__feather {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 141px;
  height: 274px;
  opacity: 0.2;
  pointer-events: none;
  background-color: var(--colour--white);
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
@media screen and (min-width: 1024px) {
  .footer__feather {
    margin-top: 88px;
  }
}
@media screen and (max-width: 1023px) {
  .footer__feather {
    top: auto;
    bottom: 0;
    width: 110px;
    height: 214px;
  }
}
.hero-full {
  width: 100%;
  height: calc(100vh - var(--header-height));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 768px;
  max-height: 1340px;
}
.hero-full .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.hero-full .hero-background__picture {
  display: contents;
}
.hero-full .hero-background__img,
.hero-full .hero-background .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.hero-full .hero-background .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-full .hero-background .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-full .hero-background::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.hero-full .hero-background-slider {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.hero-full .hero-background-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}
.hero-full .hero-background-slider .swiper-slide .hero-slider__img,
.hero-full .hero-background-slider .swiper-slide .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
}
.hero-full .hero-background-slider .swiper-slide .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-full .hero-background-slider .swiper-slide .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-full .hero-background-slider .swiper-slide::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000055;
  pointer-events: none;
}
.hero-full .hero-background-video {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero-full .hero-background-video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -10;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-background-video video {
    position: fixed;
  }
}
.hero-full .hero-background-video::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-background-video::after {
    position: fixed;
    left: unset;
    top: unset;
    z-index: -10;
  }
}
.hero-full .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 330px;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .hero-full .hero-content {
    max-width: 885px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.hero-full .hero-content h1 {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content h1 {
    width: 100%;
  }
}
.hero-full .hero-content span {
  display: none;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content span {
    display: block;
    margin-right: 1em;
  }
}
.hero-full .hero-content .herotitle {
  color: var(--colour--white);
}
.hero-full .hero-content .herotext {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  color: var(--colour--white);
  text-shadow: 2px 2px 14.3px rgba(0, 0, 0, 0.63);
}
@media screen and (min-width: 0px) {
  .hero-full .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-full .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .hero-full .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-full .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
.hero-full .hero-content .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-full .hero-add-scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  margin-top: 80px;
  gap: 8px;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.hero-full .hero-add-scroll-down img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .hero-full .hero-add-scroll-down {
    display: none;
  }
}
.hero-full .hero-background-slider {
  display: none;
}
.hero-full .hero-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hero-full .hero-content {
    max-width: 1520px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1280px) {
  .hero-full .hero-content .button-container {
    gap: 24px;
  }
}
.hero-small {
  width: 100%;
  height: calc(100vh - var(--header-height));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 400px;
  max-height: 660px;
}
.hero-small .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.hero-small .hero-background__picture {
  display: contents;
}
.hero-small .hero-background__img,
.hero-small .hero-background .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.hero-small .hero-background .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-small .hero-background .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-small .hero-background::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.hero-small .hero-background-slider {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.hero-small .hero-background-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}
.hero-small .hero-background-slider .swiper-slide .hero-slider__img,
.hero-small .hero-background-slider .swiper-slide .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
}
.hero-small .hero-background-slider .swiper-slide .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-small .hero-background-slider .swiper-slide .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-small .hero-background-slider .swiper-slide::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000055;
  pointer-events: none;
}
.hero-small .hero-background-video {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero-small .hero-background-video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -10;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-background-video video {
    position: fixed;
  }
}
.hero-small .hero-background-video::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-background-video::after {
    position: fixed;
    left: unset;
    top: unset;
    z-index: -10;
  }
}
.hero-small .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 330px;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .hero-small .hero-content {
    max-width: 885px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.hero-small .hero-content h1 {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content h1 {
    width: 100%;
  }
}
.hero-small .hero-content span {
  display: none;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content span {
    display: block;
    margin-right: 1em;
  }
}
.hero-small .hero-content .herotitle {
  color: var(--colour--white);
}
.hero-small .hero-content .herotext {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  color: var(--colour--white);
  text-shadow: 2px 2px 14.3px rgba(0, 0, 0, 0.63);
}
@media screen and (min-width: 0px) {
  .hero-small .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-small .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .hero-small .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-small .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
.hero-small .hero-content .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1280px) {
  .hero-small .hero-content .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-small .hero-add-scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  margin-top: 80px;
  gap: 8px;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.hero-small .hero-add-scroll-down img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .hero-small .hero-add-scroll-down {
    display: none;
  }
}
.hero-small .hero-background-slider {
  display: none;
}
.hero-small .hero-content {
  margin-left: 5vw;
}
.hero-slider {
  width: 100%;
  height: calc(100vh - var(--header-height));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 768px;
  max-height: 1400px;
}
.hero-slider .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.hero-slider .hero-background__picture {
  display: contents;
}
.hero-slider .hero-background__img,
.hero-slider .hero-background .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.hero-slider .hero-background .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-slider .hero-background .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-slider .hero-background::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.hero-slider .hero-background-slider {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.hero-slider .hero-background-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}
.hero-slider .hero-background-slider .swiper-slide .hero-slider__img,
.hero-slider .hero-background-slider .swiper-slide .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
}
.hero-slider .hero-background-slider .swiper-slide .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-slider .hero-background-slider .swiper-slide .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-slider .hero-background-slider .swiper-slide::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000055;
  pointer-events: none;
}
.hero-slider .hero-background-video {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero-slider .hero-background-video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -10;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-background-video video {
    position: fixed;
  }
}
.hero-slider .hero-background-video::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-background-video::after {
    position: fixed;
    left: unset;
    top: unset;
    z-index: -10;
  }
}
.hero-slider .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 330px;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .hero-slider .hero-content {
    max-width: 885px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.hero-slider .hero-content h1 {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content h1 {
    width: 100%;
  }
}
.hero-slider .hero-content span {
  display: none;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content span {
    display: block;
    margin-right: 1em;
  }
}
.hero-slider .hero-content .herotitle {
  color: var(--colour--white);
}
.hero-slider .hero-content .herotext {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  color: var(--colour--white);
  text-shadow: 2px 2px 14.3px rgba(0, 0, 0, 0.63);
}
@media screen and (min-width: 0px) {
  .hero-slider .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-slider .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .hero-slider .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-slider .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
.hero-slider .hero-content .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1280px) {
  .hero-slider .hero-content .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-slider .hero-add-scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  margin-top: 80px;
  gap: 8px;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.hero-slider .hero-add-scroll-down img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .hero-slider .hero-add-scroll-down {
    display: none;
  }
}
.hero-slider .hero-background {
  display: none;
}
.hero-video {
  width: 100%;
  height: calc(100vh - var(--header-height));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 420px;
  max-height: 1400px;
}
.hero-video .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.hero-video .hero-background__picture {
  display: contents;
}
.hero-video .hero-background__img,
.hero-video .hero-background .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.hero-video .hero-background .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-video .hero-background .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-video .hero-background::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.hero-video .hero-background-slider {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.hero-video .hero-background-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}
.hero-video .hero-background-slider .swiper-slide .hero-slider__img,
.hero-video .hero-background-slider .swiper-slide .img-load-wrap__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
}
.hero-video .hero-background-slider .swiper-slide .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.hero-video .hero-background-slider .swiper-slide .img-load-wrap:not(.is-loaded) {
  background-color: transparent;
}
.hero-video .hero-background-slider .swiper-slide::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000055;
  pointer-events: none;
}
.hero-video .hero-background-video {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero-video .hero-background-video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -10;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-background-video video {
    position: fixed;
  }
}
.hero-video .hero-background-video::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-background-video::after {
    position: fixed;
    left: unset;
    top: unset;
    z-index: -10;
  }
}
.hero-video .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 330px;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .hero-video .hero-content {
    max-width: 885px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.hero-video .hero-content h1 {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content h1 {
    width: 100%;
  }
}
.hero-video .hero-content span {
  display: none;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content span {
    display: block;
    margin-right: 1em;
  }
}
.hero-video .hero-content .herotitle {
  color: var(--colour--white);
}
.hero-video .hero-content .herotext {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  color: var(--colour--white);
  text-shadow: 2px 2px 14.3px rgba(0, 0, 0, 0.63);
}
@media screen and (min-width: 0px) {
  .hero-video .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-video .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .hero-video .hero-content .herotext {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .hero-video .hero-content .herotext {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content .herotext {
    font-size: 24px;
    font-weight: 500;
  }
}
.hero-video .hero-content .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1280px) {
  .hero-video .hero-content .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-video .hero-add-scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  margin-top: 80px;
  gap: 8px;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.hero-video .hero-add-scroll-down img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .hero-video .hero-add-scroll-down {
    display: none;
  }
}
.hero-video .hero-background {
  display: none;
}
.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid var(--colour--neutral-blue-50);
  border-radius: 50px;
  background-color: var(--colour--neutral-blue-10);
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.tag__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: var(--colour--neutral-blue-50);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.tag__icon--clock {
  mask-image: url('/wp-content/themes/mbchicken/static/images/clock.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/clock.svg');
}
.tag__icon--serving {
  mask-image: url('/wp-content/themes/mbchicken/static/images/serving.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/serving.svg');
}
.tag__icon--chicken {
  mask-image: url('/wp-content/themes/mbchicken/static/images/chicken.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/chicken.svg');
}
.tag__label {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  color: var(--colour--neutral-grey);
  white-space: nowrap;
}
.card {
  height: 100%;
}
.card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  height: 100%;
  color: inherit;
}
.card__media {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  border-radius: 20px;
  background-color: var(--colour--secondary-yellow-20);
}
.card__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.card__image,
.card__media .img-load-wrap__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.card:hover .card__image {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 0 16px 40px;
}
.card__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--colour--primary-red);
  margin: 0;
  width: auto;
}
@media screen and (min-width: 0px) {
  .card__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .card__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  .card__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  .card__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .card__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  .card__title {
    font-size: 32px;
  }
}
.card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
}
.card__body--split {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 24px 16px 32px;
}
.card__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.card__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .card__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .card__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .card__text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .card__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .card__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .card__text {
    font-size: 20px;
    line-height: 28px;
  }
}
.card__text p {
  margin: 0;
}
.card__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.card__cta-label {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--primary-red);
}
.card__cta-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  width: 47px;
  height: 28px;
  background-color: var(--colour--primary-red);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.card:hover .card__cta-arrow {
  -webkit-transform: translateX(6px);
          transform: translateX(6px);
}
.card--recipe {
  border-radius: 20px;
  background-color: var(--colour--white);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.card--recipe:hover {
  background-color: var(--colour--neutral-blue-10);
}
.card--recipe:hover .tag {
  border-color: var(--colour--primary-red);
  background-color: var(--colour--white);
}
.card--recipe:hover .tag__icon {
  background-color: var(--colour--primary-red);
}
.card--farmer {
  border-radius: 20px;
  background-color: var(--colour--white);
}
.card--farmer .card__link {
  gap: 0;
}
.card--farmer .card__media {
  height: 380px;
}
@media screen and (max-width: 1023px) {
  .card--farmer .card__media {
    height: 280px;
  }
}
.card--blog {
  border-radius: 20px;
  border: 2px solid var(--colour--primary-red-10);
  background-color: var(--colour--white);
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.card--blog .card__link {
  gap: 0;
}
.card--blog .card__body--split {
  padding: 32px 24px;
  gap: 32px;
}
.card--blog .card__title {
  color: var(--colour--neutral-grey);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.card--blog .card__cta-label {
  color: var(--colour--primary-red-30);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.card--blog .card__cta-arrow {
  background-color: var(--colour--primary-red-30);
}
.card--blog:hover {
  border-color: var(--colour--secondary-yellow-60);
  background-color: var(--colour--secondary-yellow-10);
}
.card--blog:hover .card__title,
.card--blog:hover .card__cta-label {
  color: var(--colour--secondary-yellow);
}
.card--blog:hover .card__cta-arrow {
  background-color: var(--colour--secondary-yellow);
}
.card--everything {
  border-radius: 20px;
  background-color: var(--colour--secondary-yellow-10);
}
.card--everything .card__link {
  gap: 0;
}
.card--everything .card__media {
  height: 300px;
}
@media screen and (max-width: 1023px) {
  .card__media {
    height: 240px;
  }
  .card__body {
    gap: 16px;
    padding: 0 16px 24px;
  }
}
.card-carousel {
  width: 100%;
  overflow: hidden;
}
.card-carousel .swiper-slide {
  height: auto;
}
.card-carousel__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-top: 40px;
}
.card-carousel__progress {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 8px;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-60);
}
.card-carousel__progress .swiper-scrollbar-drag {
  background-color: var(--colour--primary-red);
  border-radius: 50px;
  cursor: -webkit-grab;
  cursor: grab;
}
.card-carousel__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 71px;
}
.card-carousel__arrow {
  width: 47px;
  height: 28px;
  padding: 0;
  border: none;
  background-color: var(--colour--primary-red);
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.card-carousel__arrow--prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.card-carousel__arrow:hover {
  opacity: 0.7;
}
.card-carousel__arrow.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}
.card-carousel--on-image .card-carousel__progress {
  background-color: rgba(255, 255, 255, 0.45);
}
.card-carousel--on-image .card-carousel__arrow {
  background-color: var(--colour--white);
}
@media screen and (max-width: 1023px) {
  .card-carousel__controls {
    gap: 24px;
    margin-top: 24px;
  }
  .card-carousel__arrows {
    gap: 32px;
  }
}
.feather-decor {
  position: absolute;
  z-index: 1;
  display: block;
  width: 162px;
  height: 163px;
  pointer-events: none;
  background-color: var(--colour--white);
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-transform: translate(-50%, -50%) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
          transform: translate(-50%, -50%) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
  -webkit-animation: feather-decor-drift var(--fd-duration, 7.5s) ease-in-out var(--fd-delay, 0s) infinite alternate;
          animation: feather-decor-drift var(--fd-duration, 7.5s) ease-in-out var(--fd-delay, 0s) infinite alternate;
}
.feather-decor--wide {
  width: 217px;
  height: 105px;
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather-wide.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather-wide.svg');
}
.feather-decor--tall {
  width: 89px;
  height: 173px;
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
}
@-webkit-keyframes feather-decor-drift {
  from {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
            transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
  }
  to {
    -webkit-transform: translate(-50%, -50%) translate3d(var(--fd-drift-x, 22px), var(--fd-drift-y, -48px), 0) rotate(calc(var(--fd-rotate, 0deg) + var(--fd-sweep, 14deg))) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
            transform: translate(-50%, -50%) translate3d(var(--fd-drift-x, 22px), var(--fd-drift-y, -48px), 0) rotate(calc(var(--fd-rotate, 0deg) + var(--fd-sweep, 14deg))) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
  }
}
@keyframes feather-decor-drift {
  from {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
            transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(var(--fd-rotate, 0deg)) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
  }
  to {
    -webkit-transform: translate(-50%, -50%) translate3d(var(--fd-drift-x, 22px), var(--fd-drift-y, -48px), 0) rotate(calc(var(--fd-rotate, 0deg) + var(--fd-sweep, 14deg))) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
            transform: translate(-50%, -50%) translate3d(var(--fd-drift-x, 22px), var(--fd-drift-y, -48px), 0) rotate(calc(var(--fd-rotate, 0deg) + var(--fd-sweep, 14deg))) scale(var(--fd-flip-x, 1), var(--fd-flip-y, 1));
  }
}
@media (prefers-reduced-motion: reduce) {
  .feather-decor {
    -webkit-animation: none;
            animation: none;
  }
}
.img-load-wrap {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.img-load-wrap:not(.is-loaded) {
  background-color: rgba(46, 48, 51, 0.04);
}
.img-load-wrap__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  pointer-events: none;
}
.img-load-wrap__img {
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1.1s ease-out, visibility 1.1s ease-out;
  transition: opacity 1.1s ease-out, visibility 1.1s ease-out;
}
.img-load-wrap.is-loaded .img-load-wrap__img {
  opacity: 1;
  visibility: visible;
}
.img-load-wrap.is-loaded .img-load-wrap__spinner {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.img-load-wrap.is-reduced-motion .img-load-wrap__img {
  opacity: 1;
  visibility: visible;
  -webkit-transition: none;
  transition: none;
}
.img-load-spinner {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.3;
  border: 2px solid var(--colour--neutral-grey);
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: kf-img-load-spin 0.75s linear infinite;
          animation: kf-img-load-spin 0.75s linear infinite;
}
@-webkit-keyframes kf-img-load-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes kf-img-load-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .img-load-wrap__img {
    -webkit-transition: none;
    transition: none;
  }
  .img-load-spinner {
    -webkit-animation: none;
            animation: none;
  }
  .bg-load-fade {
    -webkit-transition: none;
    transition: none;
  }
}
.bg-load-fade {
  opacity: 0;
  -webkit-transition: opacity 1.1s ease-out;
  transition: opacity 1.1s ease-out;
}
.bg-load-fade:not(.is-loaded) {
  background-image: none !important;
}
.bg-load-fade__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  pointer-events: none;
}
.bg-load-fade.is-loaded {
  opacity: 1;
}
.bg-load-fade.is-loaded .bg-load-fade__spinner {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.bg-load-fade.is-reduced-motion {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}
.filter-panel {
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
}
.filter-panel.is-open {
  pointer-events: auto;
}
.filter-panel__backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: rgba(46, 48, 51, 0.72);
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
  pointer-events: none;
}
.filter-panel.is-open .filter-panel__backdrop {
  opacity: 1;
  pointer-events: auto;
}
.filter-panel__sheet {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  max-width: 917px;
  overflow: hidden;
  background-color: var(--colour--secondary-yellow-10);
  border-radius: 50px 0 0 50px;
  -webkit-transition: width 0.9s cubic-bezier(0.34, 1.28, 0.64, 1);
  transition: width 0.9s cubic-bezier(0.34, 1.28, 0.64, 1);
}
.filter-panel.is-open .filter-panel__sheet {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .filter-panel__sheet {
    border-radius: 32px 0 0 32px;
  }
}
.filter-panel__inner {
  position: relative;
  width: 917px;
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: 56px;
}
@media screen and (max-width: 767px) {
  .filter-panel__inner {
    padding: 32px 24px;
  }
}
.filter-panel__form {
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateX(24px);
          transform: translateX(24px);
  -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.6s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.6s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
}
.filter-panel.is-open .filter-panel__form {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.filter-panel__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}
.filter-panel__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
.filter-panel__close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background-color: var(--colour--primary-red);
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/cross.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/cross.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.filter-panel__close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.filter-panel__groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 48px;
}
.filter-panel__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .filter-panel__actions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.filter-panel__clear {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--neutral-grey);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.filter-panel__clear:hover {
  color: var(--colour--primary-red);
}
.filter-panel__feather {
  position: absolute;
  right: -40px;
  bottom: -40px;
  z-index: 0;
  width: 260px;
  height: 506px;
  pointer-events: none;
  background-color: var(--colour--white);
  mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/feather-tall.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
@media (prefers-reduced-motion: reduce) {
  .filter-panel__sheet,
  .filter-panel__form {
    -webkit-transition-duration: 0.01ms;
            transition-duration: 0.01ms;
  }
}
.filter-group {
  border-bottom: 1px solid var(--colour--primary-red);
}
.filter-group__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding-block: 24px;
  border: 0;
  background: none;
  cursor: pointer;
}
.filter-group__label {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  .filter-group__label {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .filter-group__label {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .filter-group__label {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .filter-group__label {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .filter-group__label {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .filter-group__label {
    font-size: 32px;
    line-height: normal;
  }
}
.filter-group__chevron {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: var(--colour--primary-red);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/chevron-down.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.filter-group.is-open .filter-group__chevron {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filter-group__options {
  display: none;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 24px;
  padding-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .filter-group__options {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.filter-group.is-open .filter-group__options {
  display: -ms-grid;
  display: grid;
}
.filter-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
}
.filter-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.filter-option__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  position: relative;
  width: 24px;
  height: 24px;
  border: 2px solid var(--colour--primary-red);
  border-radius: 6px;
  background-color: var(--colour--white);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.filter-option__box::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 7px;
  width: 6px;
  height: 11px;
  opacity: 0;
  border: solid var(--colour--white);
  border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
input:checked + .filter-option__box {
  background-color: var(--colour--primary-red);
}
input:checked + .filter-option__box::after {
  opacity: 1;
}
input:focus-visible + .filter-option__box {
  outline: 2px solid var(--colour--neutral-blue-50);
  outline-offset: 2px;
}
.filter-option__label {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .filter-option__label {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .filter-option__label {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .filter-option__label {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .filter-option__label {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .filter-option__label {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .filter-option__label {
    font-size: 20px;
    line-height: 28px;
  }
}
.recipes-archive__results {
  position: relative;
  min-height: 200px;
}
.recipes-archive__results.is-loading .recipes-archive__grid,
.recipes-archive__results.is-loading .pager,
.recipes-archive__results.is-loading .recipes-archive__empty {
  opacity: 0.35;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.recipes-archive__loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 120px;
  pointer-events: none;
}
.recipes-archive__results.is-loading .recipes-archive__loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.recipes-archive__spinner {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 4px solid var(--colour--primary-red-30);
  border-top-color: var(--colour--primary-red);
  -webkit-animation: recipes-spin 0.8s linear infinite;
          animation: recipes-spin 0.8s linear infinite;
}
@-webkit-keyframes recipes-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes recipes-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .recipes-archive__spinner {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
  }
}
.recipe-print {
  position: absolute;
  left: -10000px;
  top: 0;
  width: 794px;
  padding: 48px;
  background-color: #fff;
  color: #2e3033;
}
.recipe-print__eyebrow {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  margin: 0 0 12px;
}
.recipe-print__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  margin: 0 0 24px;
}
@media screen and (min-width: 0px) {
  .recipe-print__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__title {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__title {
    font-size: 64px;
    line-height: 68px;
  }
}
@media screen and (min-width: 0px) {
  .recipe-print__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__title {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__title {
    font-size: 64px;
    line-height: 68px;
  }
}
.recipe-print__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 32px;
  margin: 0 0 32px;
  padding: 0 0 24px;
  list-style: none;
  border-bottom: 2px solid var(--colour--primary-red);
}
.recipe-print__meta li {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
@media screen and (min-width: 0px) {
  .recipe-print__meta li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__meta li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__meta li {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .recipe-print__meta li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__meta li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__meta li {
    font-size: 20px;
    line-height: 28px;
  }
}
.recipe-print__heading {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  .recipe-print__heading {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__heading {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__heading {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .recipe-print__heading {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__heading {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__heading {
    font-size: 32px;
    line-height: normal;
  }
}
.recipe-print__body {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 32px;
}
@media screen and (min-width: 0px) {
  .recipe-print__body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__body {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__body {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .recipe-print__body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-print__body {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .recipe-print__body {
    font-size: 20px;
    line-height: 28px;
  }
}
.recipe-print__body ul,
.recipe-print__body ol {
  margin: 0;
  padding-left: 20px;
}
.recipe-print__body li {
  margin-bottom: 8px;
}
.recipe-print__body--steps {
  counter-reset: print-step;
}
.recipe-print__body--steps ol {
  list-style: none;
  padding-left: 0;
}
.recipe-print__body--steps li {
  margin-bottom: 14px;
}
.recipe-print__body--steps li::before {
  counter-increment: print-step;
  content: 'Step ' counter(print-step);
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
}
.recipe-print__source {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #6b6b6b;
  margin: 24px 0 0;
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
@media print {
  body > *:not(#recipe-print) {
    display: none !important;
  }
  .recipe-print {
    position: static !important;
    left: auto !important;
    width: auto !important;
    padding: 0 !important;
  }
  @page {
    margin: 16mm;
  }
}
.chicken-diagram {
  display: contents;
}
.chicken-diagram[data-active-cut='breast'] .chicken-diagram__cut[data-cut='breast'] {
  fill: var(--colour--primary-red);
}
.chicken-diagram[data-active-cut='wings'] .chicken-diagram__cut[data-cut='wings'] {
  fill: var(--colour--primary-red);
}
.chicken-diagram[data-active-cut='giblets'] .chicken-diagram__cut[data-cut='giblets'] {
  fill: var(--colour--primary-red);
}
.chicken-diagram[data-active-cut='thigh'] .chicken-diagram__cut[data-cut='thigh'] {
  fill: var(--colour--primary-red);
}
.chicken-diagram[data-active-cut='legs'] .chicken-diagram__cut[data-cut='legs'] {
  fill: var(--colour--primary-red);
}
.chicken-diagram__cut {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.chicken-diagram__cut:focus {
  outline: none;
}
.chicken-diagram__cut:focus-visible {
  outline: none;
  stroke: var(--colour--primary-red);
  stroke-width: 5;
  paint-order: stroke fill;
}
.chicken-diagram__figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: figure;
  -ms-grid-row-align: start;
      align-self: start;
}
.chicken-diagram__figure svg {
  display: block;
  width: 100%;
  height: auto;
}
.chicken-diagram__panels {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: panels;
  min-width: 0;
}
.chicken-diagram__panel[hidden] {
  display: none;
}
.chicken-diagram__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
}
@media screen and (max-width: 1023px) {
  .chicken-diagram__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.chicken-diagram__empty {
  color: var(--colour--neutral-grey);
  margin: 0;
}
.card-cut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 380px;
          flex: 0 1 380px;
  max-width: 380px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 16px;
  border-radius: 25px;
  background-color: var(--colour--white);
  border: 1px solid #cc8a26;
}
@media screen and (max-width: 1023px) {
  .card-cut {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
}
.card-cut__media {
  width: 100%;
  aspect-ratio: 1.20535714;
  margin-inline: auto;
  overflow: hidden;
}
.card-cut__image {
  display: block;
  width: 100%;
  height: 100%;
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.card-cut__title {
  margin: 0;
  text-align: center;
  color: var(--colour--primary-red);
}
.card-cut__stats {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
}
.card-cut__stats > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.card-cut__stats > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.card-cut__stats > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.card-cut__stats > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.card-cut__stats > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.card-cut__stats > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.card-cut__stats > div {
  display: contents;
}
.card-cut__stats dt,
.card-cut__stats dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 4px 8px;
  text-align: center;
  color: var(--colour--neutral-grey);
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 1023px) {
  .card-cut__stats dt,
  .card-cut__stats dd {
    padding: 4px 4px;
  }
}
.card-cut__stat-label {
  background-color: var(--colour--primary-red-30);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .card-cut__stat-label {
    font-size: 13px;
    letter-spacing: 0.4px;
  }
}
.card-cut__stat-value {
  background-color: var(--colour--secondary-yellow-10);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
.nutrients__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nutrients__item {
  border-radius: 25px;
  background-color: var(--colour--secondary-yellow-10);
  padding: 32px;
}
@media screen and (max-width: 1023px) {
  .nutrients__item {
    border-radius: 16px;
    padding: 20px;
  }
}
.nutrients__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}
.nutrients__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .nutrients__name {
    gap: 12px;
  }
}
.nutrients__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .nutrients__icon {
    width: 24px;
    height: 24px;
  }
}
.nutrients__title {
  color: var(--colour--primary-red);
}
.nutrients__toggle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .nutrients__toggle {
    width: 28px;
    height: 28px;
  }
}
.nutrients__item.is-active .nutrients__toggle {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nutrients__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1), -ms-grid-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.nutrients__item.is-active .nutrients__body {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
@media (prefers-reduced-motion: reduce) {
  .nutrients__body {
    -webkit-transition: none;
    transition: none;
  }
}
.nutrients__text {
  overflow: hidden;
  min-height: 0;
  padding-top: 24px;
  color: var(--colour--neutral-grey);
}
.nutrients__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  .nutrients__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .nutrients__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
.nutrients__text h3,
.nutrients__text h4,
.nutrients__text strong > p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0 0 8px;
}
@media screen and (min-width: 0px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text h3,
  .nutrients__text h4,
  .nutrients__text strong > p {
    font-size: 24px;
    font-weight: 500;
  }
}
.nutrients__text ul,
.nutrients__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
  padding-left: 30px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrients__text ul,
  .nutrients__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
.nutrients__text ol {
  list-style: decimal outside;
}
.nutrients__text li {
  margin-bottom: 4px;
}
.nutrients__text > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .nutrients__toggle {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.education-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 72px;
}
@media screen and (max-width: 1023px) {
  .education-tabs {
    margin-bottom: 40px;
  }
}
.education-tabs__bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 50px;
  background-color: var(--colour--white);
}
@media screen and (max-width: 1023px) {
  .education-tabs__bar {
    display: none;
  }
}
.education-tabs__tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border: 0;
  border-radius: 50px;
  background: transparent;
  color: var(--colour--neutral-grey);
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease, color 0.25s ease;
  transition: background-color 0.25s ease, color 0.25s ease;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.education-tabs__tab:hover {
  color: var(--colour--primary-red);
}
.education-tabs__tab.is-active {
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
}
.education-tabs__number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
  font-size: 12px;
  line-height: 1;
  -webkit-transition: background-color 0.25s ease, color 0.25s ease;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.education-tabs__tab.is-active .education-tabs__number {
  background-color: var(--colour--white);
  color: var(--colour--primary-red);
}
.education-tabs__select {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .education-tabs__select {
    display: block;
  }
}
.education-tabs__select select {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  padding: 16px 48px 16px 20px;
  border: 2px solid var(--colour--primary-red);
  border-radius: 50px;
  background-color: var(--colour--white);
  color: var(--colour--primary-red);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('/wp-content/themes/mbchicken/static/images/chevron-down-red.svg');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;
}
.section-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 72px;
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .section-nav {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .section-nav {
    margin-bottom: 0;
  }
}
.section-nav__bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 50px;
  background-color: var(--colour--white);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .section-nav__bar {
    display: none;
  }
}
.section-nav__tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border: 0;
  border-radius: 50px;
  background: transparent;
  color: var(--colour--neutral-grey);
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease, color 0.25s ease;
  transition: background-color 0.25s ease, color 0.25s ease;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.section-nav__tab:hover,
.section-nav__tab:focus-visible {
  color: var(--colour--primary-red);
}
.section-nav__select {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .section-nav__select {
    display: block;
  }
}
.section-nav__select select {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  padding: 16px 48px 16px 20px;
  border: 2px solid var(--colour--primary-red);
  border-radius: 50px;
  background-color: var(--colour--white);
  color: var(--colour--primary-red);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('/wp-content/themes/mbchicken/static/images/chevron-down-red.svg');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;
}
.section-nav__select select {
  padding: 22px 56px 22px 24px;
  border: 0;
  border-radius: 15px;
  color: var(--colour--neutral-grey);
  background-position: right 24px center;
  background-size: 24px;
}
.stats-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px 54px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .stats-files {
    gap: 16px;
  }
}
.stats-files__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  text-decoration: none;
}
.stats-files__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
}
.stats-files__label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.edu-accordion__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.edu-accordion__item {
  border-radius: 25px;
  background-color: var(--colour--secondary-yellow-10);
  padding: 24px 32px;
}
@media screen and (max-width: 1023px) {
  .edu-accordion__item {
    border-radius: 16px;
    padding: 20px;
  }
}
.edu-accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}
.edu-accordion__title {
  color: var(--colour--primary-red);
}
.edu-accordion__toggle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .edu-accordion__toggle {
    width: 24px;
    height: 24px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.edu-accordion__item.is-active .edu-accordion__toggle {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.edu-accordion__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1), -ms-grid-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.edu-accordion__item.is-active .edu-accordion__body {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.edu-accordion__inner {
  overflow: hidden;
  min-height: 0;
  padding-top: 20px;
}
@media (prefers-reduced-motion: reduce) {
  .edu-accordion__body {
    -webkit-transition: none;
    transition: none;
  }
}
.edu-accordion__inner--split {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 1023px) {
  .edu-accordion__inner--split {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.edu-accordion__text {
  max-width: 1244px;
  color: var(--colour--neutral-grey);
}
.edu-accordion__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
}
@media screen and (min-width: 0px) {
  .edu-accordion__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .edu-accordion__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
.edu-accordion__text ul,
.edu-accordion__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text ul,
  .edu-accordion__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
.edu-accordion__text ol {
  list-style: decimal outside;
}
.edu-accordion__text li {
  margin-bottom: 4px;
}
.edu-accordion__text h3,
.edu-accordion__text h4 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0 0 8px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .edu-accordion__text h3,
  .edu-accordion__text h4 {
    font-size: 24px;
    font-weight: 500;
  }
}
.edu-accordion__text strong,
.edu-accordion__text b {
  color: var(--colour--primary-red);
}
.edu-accordion__text > *:last-child {
  margin-bottom: 0;
}
.edu-accordion__text table {
  width: 100%;
  max-width: 560px;
  border-collapse: collapse;
  margin: 0 0 16px;
  border-radius: 8px;
  overflow: hidden;
}
.edu-accordion__text th,
.edu-accordion__text td {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 8px 12px;
  text-align: left;
  border: 1px solid var(--colour--white);
  color: var(--colour--neutral-grey);
}
.edu-accordion__text thead th,
.edu-accordion__text tr:first-child th {
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.edu-accordion__text tbody tr:nth-child(odd) td {
  background-color: var(--colour--primary-red-30);
}
.edu-accordion__text tbody tr:nth-child(even) td {
  background-color: var(--colour--primary-red-10);
}
.edu-accordion__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.edu-accordion__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.edu-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 0;
  text-align: center;
}
.edu-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.33333333;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.edu-card__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.edu-card__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  .edu-card__title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .edu-card__title {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .edu-card__title {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .edu-card__title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .edu-card__title {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .edu-card__title {
    font-size: 32px;
    line-height: normal;
  }
}
.edu-card__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--colour--neutral-grey);
  text-transform: uppercase;
}
@media screen and (min-width: 0px) {
  .edu-card__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-card__text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-card__text {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .edu-card__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .edu-card__text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .edu-card__text {
    font-size: 20px;
    line-height: normal;
  }
}
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 1.77777778;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--colour--neutral-grey);
}
.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-embed--link {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  aspect-ratio: 1.77777778;
  color: var(--colour--white);
  word-break: break-all;
  text-align: center;
}
@media screen and (min-width: 0px) {
  .video-embed--link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .video-embed--link {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .video-embed--link {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .video-embed--link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .video-embed--link {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .video-embed--link {
    font-size: 20px;
    line-height: 28px;
  }
}
.education-resources__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}
.education-resources__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
.education-resources__toggle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .education-resources__toggle {
    width: 28px;
    height: 28px;
  }
}
.education-resources__head.is-active .education-resources__toggle {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.education-resources__panel[hidden] {
  display: none;
}
.education-resources__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
.resource {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 32px minmax(0, 1fr);
  grid-template-columns: 240px minmax(0, 1fr);
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 767px) {
  .resource {
    -ms-grid-columns: 160px 20px minmax(0, 1fr);
    grid-template-columns: 160px minmax(0, 1fr);
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.resource__link {
  display: contents;
  text-decoration: none;
}
.resource__media {
  display: block;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
}
.resource__thumb {
  display: block;
  width: 100%;
  height: 310px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border: 1px solid var(--colour--neutral-grey-30);
}
@media screen and (max-width: 767px) {
  .resource__thumb {
    height: 207px;
  }
}
.resource__title {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  min-width: 0;
  color: var(--colour--primary-red);
}
.resource__physical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.resource__note {
  margin: 0;
  color: var(--colour--neutral-grey);
}
.education-resources__posters {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .education-resources__posters {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
.poster__link {
  display: block;
  border: 1px solid var(--colour--primary-red);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}
.poster__thumb {
  display: block;
  width: 100%;
  height: auto;
}
.poster__fallback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 200px;
  padding: 24px;
  text-align: center;
  color: var(--colour--primary-red);
}
.order-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
}
.order-modal[hidden] {
  display: none;
}
.order-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(46, 48, 51, 0.55);
}
.order-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(1024px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  padding: 56px 32px;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-10);
}
@media screen and (max-width: 767px) {
  .order-modal__dialog {
    padding: 32px 20px;
    border-radius: 24px;
  }
}
.order-modal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.order-modal__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
.order-modal__close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background-color: var(--colour--primary-red);
  cursor: pointer;
  mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/accordion-toggle.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.order-modal__intro {
  margin: 16px 0 32px;
  color: var(--colour--neutral-grey);
}
.order-modal__form .gform-theme,
.contact-form .gform-theme {
  --gf-color-primary: var(--colour--primary-red) !important;
  --gf-color-primary-contrast: var(--colour--white) !important;
  --gf-ctrl-bg-color: var(--colour--white) !important;
  --gf-ctrl-border-color: var(--colour--primary-red) !important;
  --gf-ctrl-border-color-hover: var(--colour--primary-red) !important;
  --gf-ctrl-border-color-focus: var(--colour--primary-red) !important;
  --gf-ctrl-border-width: 1px !important;
  --gf-ctrl-radius: 10px !important;
  --gf-ctrl-size: 68px !important;
  --gf-ctrl-padding-x: 32px !important;
  --gf-ctrl-font-family: "Poppins", sans-serif !important;
  --gf-ctrl-font-size: 14px !important;
  --gf-ctrl-font-weight: 500 !important;
  --gf-ctrl-color: var(--colour--neutral-grey) !important;
  --gf-ctrl-placeholder-color: var(--colour--neutral-grey-30) !important;
  --gf-form-gap-y: 24px !important;
  --gf-form-gap-x: 24px !important;
  --gf-field-gap-y: 24px !important;
  --gf-field-gap-x: 24px !important;
  --gf-ctrl-btn-bg-color-primary: var(--colour--primary-red) !important;
  --gf-ctrl-btn-bg-color-hover-primary: var(--colour--primary-red) !important;
  --gf-ctrl-btn-color-primary: var(--colour--white) !important;
  --gf-ctrl-btn-border-color-primary: var(--colour--primary-red) !important;
  --gf-ctrl-btn-radius: 50px !important;
  --gf-ctrl-btn-size: 68px !important;
  --gf-ctrl-btn-padding-x: 24px !important;
  --gf-ctrl-btn-font-family: "Poppins", sans-serif !important;
  --gf-ctrl-btn-font-size: 16px !important;
  --gf-ctrl-btn-font-weight: 900 !important;
}
@media screen and (max-width: 767px) {
  .order-modal__form .gform-theme,
  .contact-form .gform-theme {
    --gf-ctrl-padding-x: 20px !important;
    --gf-ctrl-size: 56px !important;
    --gf-ctrl-btn-size: 56px !important;
  }
}
.order-modal__form .gform_wrapper,
.contact-form .gform_wrapper {
  margin: 0;
}
.order-modal__form .gfield_consent_label,
.contact-form .gfield_consent_label {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--colour--neutral-grey);
}
.order-modal__form .gsection,
.contact-form .gsection {
  border: 0;
  margin: 0;
  padding: 0;
}
.order-modal__form .gsection_title,
.contact-form .gsection_title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  .order-modal__form .gsection_title,
  .contact-form .gsection_title {
    font-size: 24px;
    font-weight: 500;
  }
}
.order-modal__form select,
.contact-form select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url('/wp-content/themes/mbchicken/static/images/chevron-down-red.svg');
  background-repeat: no-repeat;
  background-position: right 32px center;
  background-size: 16px;
  padding-right: 64px;
}
@media screen and (max-width: 767px) {
  .order-modal__form select,
  .contact-form select {
    background-position: right 20px center;
    padding-right: 48px;
  }
}
.order-modal__form .gform_footer button,
.contact-form .gform_footer button {
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
}
.order-modal__form .gfield_required,
.contact-form .gfield_required {
  color: var(--colour--primary-red);
}
.order-modal__form .gform_confirmation_message,
.contact-form .gform_confirmation_message {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .order-modal__form .gform_confirmation_message,
  .contact-form .gform_confirmation_message {
    font-size: 20px;
    line-height: 28px;
  }
}
body.has-modal-open {
  overflow: hidden;
}
/* Responsive visibility classes */
@media not screen and (max-width: 767px) {
  .mobile {
    display: none;
  }
}
@media not screen and (max-width: 1279px) {
  .mobile--tablet {
    display: none;
  }
}
@media not screen and (min-width: 768px) and (max-width: 1279px) {
  .tablet {
    display: none;
  }
}
@media not screen and (min-width: 768px) {
  .tablet--desktop {
    display: none;
  }
}
@media not screen and (min-width: 1280px) {
  .desktop {
    display: none;
  }
}
/* Present to assistive tech, invisible on screen. Used where the design has no
   visible heading but the content still needs a name — the cuts diagram panels,
   for one. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
#page-home {
  background-color: var(--colour--secondary-yellow);
}
#page-home #intro {
  position: relative;
  background-color: var(--colour--secondary-yellow);
  padding-bottom: 66px;
  display: flow-root;
}
@media screen and (max-width: 1023px) {
  #page-home #intro {
    padding-bottom: 40px;
  }
}
#page-home .intro__inner {
  position: relative;
  margin-top: -115px;
}
@media screen and (max-width: 1023px) {
  #page-home .intro__inner {
    margin-top: -80px;
  }
}
#page-home .intro__card {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-20);
  padding: 79px 141px 67px;
  text-align: center;
}
@media screen and (max-width: 1365px) {
  #page-home .intro__card {
    padding: 56px 64px 48px;
  }
}
@media screen and (max-width: 1023px) {
  #page-home .intro__card {
    border-radius: 32px;
    padding: 40px 24px 32px;
  }
}
#page-home .intro__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--colour--primary-red);
  margin-bottom: 29px;
}
@media screen and (min-width: 0px) {
  #page-home .intro__text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .intro__text {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .intro__text {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  #page-home .intro__text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .intro__text {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .intro__text {
    font-size: 32px;
  }
}
#page-home .intro__text p {
  margin: 0;
}
#page-home .intro__feather {
  z-index: 3;
}
#page-home .intro__feather--left {
  left: 0;
  top: 93%;
  --fd-rotate: 23deg;
  --fd-flip-y: -1;
  --fd-duration: 7.5s;
  --fd-drift-x: -37px;
  --fd-drift-y: 0;
  --fd-sweep: 15deg;
}
#page-home .intro__feather--right {
  left: calc(100% + 29px);
  top: 55%;
  --fd-rotate: 9deg;
  --fd-rotate: 100deg;
  --fd-flip-x: -1;
  --fd-duration: 6.4s;
  --fd-delay: -3s;
  --fd-drift-x: -22px;
  --fd-drift-y: -58px;
  --fd-sweep: -17deg;
}
@media screen and (max-width: 1365px) {
  #page-home .intro__feather {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  #page-home .intro__feather--left {
    width: 168px;
    height: 81px;
  }
  #page-home .intro__feather--right {
    width: 118px;
    height: 119px;
  }
}
@media screen and (max-width: 767px) {
  #page-home .intro__feather--left {
    display: none;
  }
  #page-home .intro__feather--right {
    left: 75%;
    top: 100%;
    width: 102px;
    height: 102px;
  }
}
#page-home .section {
  position: relative;
  padding-block: 0;
}
#page-home .section {
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-home #recipes {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--primary-red-10);
  padding-bottom: 100px;
}
#page-home #everything {
  --band-top: var(--colour--primary-red-10);
  --band-bottom: var(--colour--secondary-yellow);
}
#page-home #industry {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--primary-red);
  padding-bottom: 122px;
}
#page-home #meet {
  --band-top: var(--colour--primary-red);
  --band-bottom: var(--colour--primary-red);
  padding-bottom: 125px;
}
#page-home #latest {
  --band-top: var(--colour--primary-red);
  --band-bottom: var(--colour--secondary-yellow-20);
}
#page-home #follow {
  --band-top: var(--colour--secondary-yellow-20);
  --band-bottom: var(--colour--secondary-yellow);
}
#page-home #become {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  --band-split: 320px;
  padding-block: 136px 102px;
}
@media screen and (max-width: 1023px) {
  #page-home #recipes {
    padding-bottom: 56px;
  }
  #page-home #industry {
    padding-bottom: 64px;
  }
  #page-home #meet {
    padding-bottom: 64px;
  }
  #page-home #become {
    padding-block: 64px 56px;
    --band-split: 160px;
  }
}
#page-home .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-home .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-home .section__card {
    border-radius: 32px;
    padding-block: 48px;
  }
}
#page-home .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-home .section__card--white {
  background-color: var(--colour--white);
}
#page-home .section__card--blue {
  background-color: var(--colour--neutral-blue-10);
}
#page-home .section__card--sand {
  background-color: var(--colour--secondary-yellow-20);
}
#page-home .section__card--photo {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 200px;
}
#page-home .section__card--photo::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.86)), to(rgba(102, 102, 102, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.86) 0%, rgba(102, 102, 102, 0) 100%);
}
#page-home .section__card--photo > * {
  position: relative;
  z-index: 1;
}
#page-home .section__card--photo .section__title--centered {
  color: var(--colour--white);
}
@media screen and (max-width: 1023px) {
  #page-home .section__card--photo {
    padding-bottom: 96px;
  }
}
#page-home .section__card--split {
  padding: 0;
}
#page-home .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 700px;
}
@media screen and (max-width: 1365px) {
  #page-home .section__card--split > .container--wide {
    min-height: 560px;
  }
}
@media screen and (max-width: 1023px) {
  #page-home .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-home .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  overflow: hidden;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1023px) {
  #page-home .section__card--split .section__media {
    border-radius: 0 0 30px 30px;
  }
}
#page-home .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-home .section__card--split .section__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
#page-home .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 96px min(6vw, 112px);
}
#page-home .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-home .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 320px;
  }
  #page-home .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
}
#page-home .section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 56px;
}
#page-home .section__head h2 {
  margin: 0 0 16px;
  color: var(--colour--primary-red);
}
#page-home .section__head p {
  margin: 0;
  max-width: 953px;
  color: var(--colour--neutral-grey);
}
@media screen and (max-width: 1023px) {
  #page-home .section__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#page-home .section__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
#page-home .section__title--centered {
  margin: 0 auto 91px;
  text-align: center;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-home .section__title--centered {
    margin-bottom: 40px;
  }
}
#page-home .section__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #page-home .section__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .section__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .section__text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-home .section__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .section__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .section__text {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-home .section__text p {
  margin: 0 0 16px;
}
#page-home .section__text p:last-child {
  margin-bottom: 0;
}
#page-home .section__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px;
}
#page-home #recipes .card-carousel__controls .button--red,
#page-home #meet .card-carousel__controls .button--red {
  display: none;
}
#page-home .section--latest .card-carousel__controls {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#page-home .section--latest .card-carousel__arrows {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
#page-home .follow__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  margin: 0 0 96px;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-home .follow__grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 48px;
  }
}
#page-home .follow__tile {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 20px;
}
#page-home .follow__tile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 1023px) {
  #page-home .follow__tile {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
            flex: 1 1 calc(50% - 8px);
  }
}
#page-home .follow__video {
  position: relative;
  max-width: 1167px;
  margin-inline: auto;
  aspect-ratio: 1.77777778;
  overflow: hidden;
  border-radius: 20px;
  background-color: var(--colour--neutral-grey);
}
#page-home .follow__video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
#page-home .section--follow {
  padding-block: 88px;
}
@media screen and (max-width: 1023px) {
  #page-home .section--follow {
    padding-block: 48px;
  }
}
#page-home #numbers {
  position: relative;
  overflow: hidden;
  background-color: var(--colour--secondary-yellow);
  padding-block: 200px 205px;
}
@media screen and (max-width: 1365px) {
  #page-home #numbers {
    padding-block: 120px;
  }
}
@media screen and (max-width: 1023px) {
  #page-home #numbers {
    padding-block: 72px;
  }
}
#page-home .numbers__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-home .numbers__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
#page-home .numbers__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 425px;
          flex: 0 1 425px;
  max-width: 425px;
  min-height: 307px;
  padding: 50px 24px;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-10);
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #page-home .numbers__card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    max-width: 480px;
    min-height: 0;
    border-radius: 32px;
    padding: 32px 24px;
  }
}
#page-home .numbers__value {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--primary-red);
  font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 0px) {
  #page-home .numbers__value {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .numbers__value {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .numbers__value {
    font-size: 90px;
    line-height: 95px;
  }
}
@media screen and (min-width: 0px) {
  #page-home .numbers__value {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #page-home .numbers__value {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .numbers__value {
    font-size: 90px;
    line-height: 95px;
  }
}
#page-home .numbers__label {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #page-home .numbers__label {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-home .numbers__label {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .numbers__label {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #page-home .numbers__label {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-home .numbers__label {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-home .numbers__label {
    font-size: 24px;
    font-weight: 500;
  }
}
#page-home .numbers__feather {
  z-index: 1;
}
#page-home .numbers__feather--tl {
  left: 15.4%;
  top: 19.7%;
  --fd-rotate: 190deg;
  --fd-flip-x: -1;
  --fd-duration: 8s;
  --fd-drift-x: 20px;
  --fd-drift-y: -50px;
  --fd-sweep: 14deg;
}
#page-home .numbers__feather--tr {
  left: 91.7%;
  top: 22.6%;
  --fd-rotate: 0deg;
  --fd-duration: 6.8s;
  --fd-delay: -4s;
  --fd-drift-x: -26px;
  --fd-drift-y: -44px;
  --fd-sweep: -13deg;
}
#page-home .numbers__feather--br {
  left: 77.4%;
  top: 78.7%;
  z-index: 3;
  --fd-rotate: 80deg;
  --fd-flip-x: -1;
  --fd-duration: 7.2s;
  --fd-delay: -6s;
  --fd-drift-x: -24px;
  --fd-drift-y: -56px;
  --fd-sweep: 16deg;
}
#page-home .numbers__feather--bl {
  left: 15.3%;
  top: 69.3%;
  z-index: 3;
  --fd-rotate: 23deg;
  --fd-flip-y: -1;
  --fd-duration: 6.2s;
  --fd-delay: -2s;
  --fd-drift-x: 28px;
  --fd-drift-y: -46px;
  --fd-sweep: -15deg;
}
@media screen and (max-width: 1023px) {
  #page-home .numbers__feather {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #page-home .container--wide {
    width: 100%;
    max-width: 100%;
    padding-inline: 16px;
  }
  #page-home .section__card {
    border-radius: 32px;
    padding-block: 56px;
  }
  #page-home .section__card > .container--wide {
    padding-inline: 16px;
  }
  #page-home .section__head {
    margin-bottom: 32px;
  }
  #page-home .section__head h2 {
    margin-bottom: 16px;
  }
  #page-home .section__title--centered {
    margin-bottom: 32px;
    text-align: left;
  }
  #page-home #recipes .card-carousel__progress,
  #page-home #meet .card-carousel__progress {
    display: none;
  }
  #page-home #recipes .card-carousel__controls,
  #page-home #meet .card-carousel__controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #page-home #recipes .section__head .button--red,
  #page-home #meet .section__head .button--red {
    display: none;
  }
  #page-home #recipes .card-carousel__controls .button--red,
  #page-home #meet .card-carousel__controls .button--red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
  }
  #page-home .card__media {
    height: 340px;
  }
  #page-home .card--everything .card__media {
    height: 300px;
  }
  #page-home .card--farmer .card__media {
    height: 340px;
  }
  #page-home .card__body,
  #page-home .card__body--split {
    padding: 24px 16px 32px;
    gap: 16px;
  }
  #page-home .card--blog .card__body--split {
    padding: 32px 24px;
    gap: 24px;
  }
  #page-home .section__card--split {
    padding: 0;
  }
  #page-home .section__card--split > .container--wide {
    padding-inline: 0;
  }
  #page-home .section__card--split .section__media {
    height: 305px;
  }
  #page-home .section__card--split .section__panel {
    padding: 32px 16px 40px;
    gap: 24px;
  }
  #page-home .section__card--split .section__panel .button--red {
    width: 100%;
  }
  #page-home .hero-full .hero-content {
    max-width: 100%;
    padding-inline: 5vw;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #page-home .hero-full .herotext {
    display: none;
  }
  #page-home .hero-full .button-container {
    width: 100%;
    gap: 16px;
  }
  #page-home .hero-full .button-container a {
    width: 100%;
  }
  #page-home .numbers__card {
    max-width: none;
    padding: 32px 16px;
  }
  #page-home .numbers__feather {
    display: none;
  }
  #page-home .numbers__feather--tr,
  #page-home .numbers__feather--bl {
    display: block;
  }
  #page-home .numbers__feather--tr {
    left: 86%;
    top: 4%;
    width: 74px;
    height: 145px;
  }
  #page-home .numbers__feather--bl {
    left: 12%;
    top: 95%;
    width: 178px;
    height: 86px;
  }
  #page-home .follow__grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 48px;
  }
  #page-home .follow__tile {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
            flex: 1 1 calc(50% - 12px);
  }
  #page-home .section__foot {
    margin-top: 32px;
  }
  #page-home .section__foot a {
    width: 100%;
  }
}
#page-recipes {
  background-color: var(--colour--secondary-yellow-10);
}
#page-recipes .recipes-archive {
  padding-block: 88px 120px;
}
@media screen and (max-width: 1023px) {
  #page-recipes .recipes-archive {
    padding-block: 48px 72px;
  }
}
#page-recipes .recipes-archive__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  #page-recipes .recipes-archive__bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    margin-bottom: 32px;
  }
}
#page-recipes .recipes-archive__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}
#page-recipes .recipes-archive__trigger-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask-image: url('/wp-content/themes/mbchicken/static/images/filters.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/filters.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#page-recipes .recipes-archive__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
  height: 22px;
  padding-inline: 6px;
  border-radius: 50px;
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
  font-size: 12px;
  font-weight: 900;
}
#page-recipes .recipes-archive__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 244px;
  max-width: 100%;
  height: 68px;
  padding-inline: 24px;
  border: 2px solid var(--colour--primary-red);
  border-radius: 50px;
  background-color: var(--colour--white);
}
#page-recipes .recipes-archive__search input {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: none;
  color: var(--colour--neutral-grey);
}
#page-recipes .recipes-archive__search input::-webkit-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-recipes .recipes-archive__search input::-moz-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-recipes .recipes-archive__search input:-ms-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-recipes .recipes-archive__search input::-ms-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-recipes .recipes-archive__search input::placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-recipes .recipes-archive__search input:focus {
  outline: none;
}
#page-recipes .recipes-archive__search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  #page-recipes .recipes-archive__search {
    width: 100%;
    height: 56px;
  }
}
#page-recipes .recipes-archive__search-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#page-recipes .recipes-archive__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 21px 1fr 21px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 21px;
  margin: 0 0 80px;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-recipes .recipes-archive__grid {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }
}
@media screen and (max-width: 767px) {
  #page-recipes .recipes-archive__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 48px;
  }
}
#page-recipes .recipes-archive__empty {
  color: var(--colour--neutral-grey);
  margin-block: 40px 80px;
}
.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.pager__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .pager__pages {
    gap: 4px;
  }
}
.pager__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 0px) {
  .pager__page {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .pager__page {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .pager__page {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .pager__page {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .pager__page {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .pager__page {
    font-size: 20px;
    line-height: 28px;
  }
}
.pager__page:hover {
  background-color: var(--colour--secondary-yellow-60);
}
.pager__page.is-current {
  background-color: var(--colour--secondary-yellow);
  color: var(--colour--white);
}
.pager__page--gap:hover {
  background-color: transparent;
}
.pager__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  width: 47px;
  height: 28px;
  background-color: var(--colour--primary-red);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
.pager__arrow--prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.pager__arrow:hover {
  opacity: 0.7;
}
.pager__arrow.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
#single-recipe {
  background-color: var(--colour--secondary-yellow-10);
  margin-top: var(--header-height);
  padding-top: 88px;
}
@media screen and (max-width: 1023px) {
  #single-recipe {
    padding-top: 40px;
  }
}
#single-recipe .recipe__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: var(--colour--primary-red);
  margin-bottom: 32px;
}
#single-recipe .recipe__back-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  width: 47px;
  height: 28px;
  background-color: currentColor;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-recipe .recipe__back:hover #single-recipe .recipe__back-arrow {
  -webkit-transform: scaleX(-1) translateX(6px);
          transform: scaleX(-1) translateX(6px);
}
#single-recipe .recipe__head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 88px;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__head-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
  #single-recipe .recipe__head-inner .recipe__title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #single-recipe .recipe__head-inner .recipe__tags {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #single-recipe .recipe__head-inner .recipe__media {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #single-recipe .recipe__head-inner .recipe__nutrition-trigger {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #single-recipe .recipe__head-inner .recipe__share {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  #single-recipe .recipe__head-inner .recipe__watch {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
#single-recipe .recipe__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44%;
          flex: 0 0 44%;
  overflow: hidden;
  border-radius: 20px;
}
#single-recipe .recipe__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
#single-recipe .recipe__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__summary {
    display: contents;
  }
}
#single-recipe .recipe__title {
  margin: 0;
  max-width: 590px;
  color: var(--colour--primary-red);
}
#single-recipe .recipe__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  max-width: 443px;
}
#single-recipe .recipe__nutrition-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}
#single-recipe .recipe__nutrition-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-recipe .recipe__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  padding-block: 24px;
  border-top: 1px solid var(--colour--primary-red);
  border-bottom: 1px solid var(--colour--primary-red);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#single-recipe .recipe__share-label {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--neutral-grey);
  width: 100%;
}
#single-recipe .recipe__share-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
#single-recipe .recipe__share-actions--end {
  margin-left: auto;
}
#single-recipe .recipe__share-btn {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: var(--colour--primary-red);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-recipe .recipe__share-btn--facebook {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-facebook.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-facebook.svg');
}
#single-recipe .recipe__share-btn--x {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-x.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-x.svg');
}
#single-recipe .recipe__share-btn--link {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-link.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-link.svg');
}
#single-recipe .recipe__share-btn--print {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-print.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-print.svg');
}
#single-recipe .recipe__share-btn--download {
  mask-image: url('/wp-content/themes/mbchicken/static/images/download.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/download.svg');
}
#single-recipe .recipe__share-btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  opacity: 0.85;
}
#single-recipe .recipe__share-btn.is-copied::after {
  content: 'Copied';
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 50px;
  background-color: var(--colour--neutral-grey);
  color: var(--colour--white);
  font-size: 12px;
  white-space: nowrap;
}
#single-recipe .recipe__watch {
  cursor: pointer;
}
#single-recipe .recipe__body {
  padding-block: 80px 120px;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__body {
    padding-block: 48px 64px;
  }
}
#single-recipe .recipe__body-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 128px;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__body-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
#single-recipe .recipe__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
#single-recipe .recipe__heading {
  margin: 0 0 32px;
  color: var(--colour--primary-red);
}
#single-recipe .recipe__ingredients ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#single-recipe .recipe__ingredients li {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
  padding-block: 16px;
  border-bottom: 1px solid var(--colour--primary-red-30);
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__ingredients li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__ingredients li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__ingredients li {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__ingredients li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__ingredients li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__ingredients li {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-recipe .recipe__ingredients p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__ingredients p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__ingredients p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__ingredients p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__ingredients p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__ingredients p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__ingredients p {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-recipe .recipe__preparation {
  counter-reset: recipe-step;
}
#single-recipe .recipe__preparation ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#single-recipe .recipe__preparation li {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
  margin-bottom: 24px;
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation li {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation li {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-recipe .recipe__preparation li::before {
  counter-increment: recipe-step;
  content: 'Step ' counter(recipe-step);
  display: block;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation li::before {
    font-size: 20px;
    line-height: normal;
  }
}
#single-recipe .recipe__preparation p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-recipe .recipe__preparation p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-recipe .recipe__preparation p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-recipe .recipe__preparation p {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-recipe .recipe__related {
  background-color: var(--colour--secondary-yellow);
  padding-block: 88px;
  border-radius: 50px 50px 0 0;
}
#single-recipe .recipe__related .section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 56px;
}
#single-recipe .recipe__related .section__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__related .section__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#single-recipe .recipe__related .section__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
#single-recipe .recipe__related .card-carousel__controls .button--red {
  display: none;
}
@media screen and (max-width: 1023px) {
  #single-recipe .recipe__related {
    padding-block: 48px;
    border-radius: 32px 32px 0 0;
  }
  #single-recipe .recipe__related .section__head .button--red {
    display: none;
  }
  #single-recipe .recipe__related .card-carousel__controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #single-recipe .recipe__related .card-carousel__controls .button--red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
  }
}
.nutrition {
  margin: 0;
}
.nutrition__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding-block: 20px;
  border-bottom: 1px solid var(--colour--primary-red);
}
.nutrition__row dt,
.nutrition__row dd {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
  margin: 0;
}
@media screen and (min-width: 0px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__row dt,
  .nutrition__row dd {
    font-size: 20px;
    line-height: 28px;
  }
}
.nutrition__row dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 8px;
}
.nutrition__row--plain {
  border-bottom: 0;
}
.nutrition__row--daily {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.nutrition__heading {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--colour--neutral-grey);
  margin: 0 0 4px;
}
@media screen and (min-width: 0px) {
  .nutrition__heading {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__heading {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__heading {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .nutrition__heading {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__heading {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__heading {
    font-size: 32px;
    line-height: normal;
  }
}
.nutrition__strong {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .nutrition__strong {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__strong {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__strong {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .nutrition__strong {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__strong {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__strong {
    font-size: 20px;
    line-height: normal;
  }
}
.nutrition__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .nutrition__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__title {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  .nutrition__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__title {
    font-size: 20px;
    line-height: normal;
  }
}
.nutrition__amount,
.nutrition__percentage {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .nutrition__amount,
  .nutrition__percentage {
    font-size: 20px;
    line-height: 28px;
  }
}
.nutrition__percentage {
  font-weight: 700;
}
#page-nutrition {
  background-color: var(--colour--secondary-yellow);
}
#page-nutrition .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-nutrition #fueling {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 96px;
  display: flow-root;
}
#page-nutrition #fueling > .section__card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1600px;
  margin-inline: auto;
  margin-top: -115px;
}
@media screen and (max-width: 1023px) {
  #page-nutrition #fueling > .section__card {
    margin-top: -80px;
  }
}
#page-nutrition #know {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--primary-red);
}
#page-nutrition #nutrients {
  --band-top: var(--colour--secondary-yellow-10);
  --band-bottom: var(--colour--secondary-yellow);
}
#page-nutrition #nutrients .section__card {
  border-radius: 0;
}
#page-nutrition #inspired {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
}
@media screen and (max-width: 1023px) {
  #page-nutrition #fueling {
    padding-bottom: 56px;
  }
}
#page-nutrition .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-nutrition .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-nutrition .section__card {
    border-radius: 32px;
    padding-block: 48px;
  }
}
#page-nutrition .section__card--white {
  background-color: var(--colour--white);
}
#page-nutrition .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-nutrition .section__card--sand {
  background-color: var(--colour--secondary-yellow);
}
#page-nutrition .section__card--red {
  background-color: var(--colour--primary-red);
}
#page-nutrition .section__card--split {
  padding: 0;
}
#page-nutrition .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 670px;
}
@media screen and (max-width: 1365px) {
  #page-nutrition .section__card--split > .container--wide {
    min-height: 540px;
  }
}
@media screen and (max-width: 1023px) {
  #page-nutrition .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#page-nutrition .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 51%;
          flex: 0 0 51%;
  overflow: hidden;
  border-radius: 0 30px 30px 0;
}
@media screen and (max-width: 1023px) {
  #page-nutrition .section__card--split .section__media {
    border-radius: 30px 30px 0 0;
  }
}
#page-nutrition .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-nutrition .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-nutrition .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 96px min(7vw, 130px);
}
#page-nutrition .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-nutrition .section__card--split .section__panel h2,
#page-nutrition .section__card--split .section__panel .section__text {
  max-width: 519px;
}
#page-nutrition .section__card--split .section__panel .section__text {
  margin-top: -14px;
  color: var(--colour--neutral-grey);
}
#page-nutrition .section__card--split .section__panel .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
@media screen and (min-width: 0px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-nutrition .section__card--split .section__panel .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  #page-nutrition .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 320px;
  }
  #page-nutrition .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
  #page-nutrition .section__card--split .section__panel .section__text {
    margin-top: -8px;
  }
}
#page-nutrition .section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  margin-bottom: 56px;
}
#page-nutrition .section__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-nutrition .section__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#page-nutrition #inspired .card-carousel__controls .button--red {
  display: none;
}
@media screen and (max-width: 1023px) {
  #page-nutrition #inspired .section__head .button--red {
    display: none;
  }
  #page-nutrition #inspired .card-carousel__controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #page-nutrition #inspired .card-carousel__controls .button--red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
  }
}
#page-nutrition .section__title--centered {
  text-align: center;
}
#page-nutrition .know__card {
  padding-block: 138px 129px;
}
@media screen and (max-width: 1365px) {
  #page-nutrition .know__card {
    padding-block: 88px;
  }
}
@media screen and (max-width: 1023px) {
  #page-nutrition .know__card {
    padding-block: 48px;
  }
}
#page-nutrition .know__card::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 69%;
  aspect-ratio: 1.4438386;
  pointer-events: none;
  opacity: 0.46;
  mix-blend-mode: multiply;
  background-image: url('/wp-content/themes/mbchicken/static/images/barn-background.jpg');
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  #page-nutrition .know__card::before {
    width: 100%;
  }
}
#page-nutrition .know__card > .container--wide {
  position: relative;
  z-index: 1;
}
#page-nutrition .know__layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 788px) 20px minmax(0, 1fr);
  grid-template-columns: minmax(0, 788px) minmax(0, 1fr);
  -ms-grid-rows: auto 32px auto;
      grid-template-areas: 'copy   figure' 'panels figure';
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 32px;
}
@media screen and (max-width: 1023px) {
  #page-nutrition .know__layout {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: auto 24px auto 24px auto;
        grid-template-areas: 'copy' 'figure' 'panels';
    row-gap: 24px;
  }
  .chicken-diagram__figure {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .chicken-diagram__panels {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
#page-nutrition .know__copy {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: copy;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 718px;
}
@media screen and (max-width: 1023px) {
  #page-nutrition .know__copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
#page-nutrition .know__copy h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 1280px) {
  #page-nutrition .know__copy h2 {
    max-width: 447px;
  }
}
#page-nutrition .know__text {
  max-width: 647px;
  color: var(--colour--neutral-grey);
}
#page-nutrition .know__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 4px;
}
@media screen and (min-width: 0px) {
  #page-nutrition .know__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-nutrition .know__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-nutrition .know__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-nutrition .know__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-nutrition .know__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-nutrition .know__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-nutrition .know__text > *:last-child {
  margin-bottom: 0;
}
#page-nutrition .know__hint {
  margin: -8px 0 0;
  color: var(--colour--primary-red);
}
#page-nutrition .chicken-diagram__figure {
  margin-top: -15px;
  margin-right: -13%;
}
@media screen and (max-width: 1023px) {
  #page-nutrition .chicken-diagram__figure {
    margin-top: 0;
    margin-right: 0;
  }
}
#page-nutrition .nutrients__heading {
  margin: 0 auto 64px;
  color: var(--colour--secondary-yellow-60);
}
@media screen and (max-width: 1023px) {
  #page-nutrition .nutrients__heading {
    margin-bottom: 32px;
  }
}
#page-education {
  background-color: var(--colour--secondary-yellow);
}
#page-education .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-education #parent {
  --band-top: transparent;
  --band-bottom: var(--colour--secondary-yellow);
  display: flow-root;
}
#page-education #parent > .section__card {
  margin-top: -115px;
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-education #parent > .section__card {
    margin-top: -60px;
  }
}
#page-education #resources {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-block: 88px;
}
@media screen and (max-width: 1023px) {
  #page-education #resources {
    padding-block: 48px;
  }
}
#page-education .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 64px;
}
@media screen and (max-width: 1023px) {
  #page-education .section__card {
    border-radius: 32px;
    padding-block: 40px;
  }
}
#page-education .section__card--yellow {
  background-color: var(--colour--secondary-yellow-60);
}
#page-education .section__card--white {
  background-color: var(--colour--white);
}
#page-education .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-education .section__card--blue {
  background-color: var(--colour--neutral-blue-10);
}
#page-education .education__panels {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
#page-education .education__panel {
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
#page-education .education__panel[hidden] {
  display: none;
}
#page-education .education__panels.is-swapping .education__panel {
  position: absolute;
  inset: 0 0 auto 0;
  width: 100%;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  #page-education .education__panels,
  #page-education .education__panel {
    -webkit-transition: none;
    transition: none;
  }
}
#page-education .education__asking {
  padding-bottom: 88px;
}
#page-education .education__asking-title {
  margin: 0 0 32px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 1280px) {
  #page-education .education__asking-title {
    max-width: 460px;
  }
}
#page-education .education__split {
  margin-top: 64px;
}
@media screen and (max-width: 1023px) {
  #page-education .education__split {
    margin-top: 40px;
  }
}
#page-education .section__card--split {
  padding: 0;
}
#page-education .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 560px;
}
@media screen and (max-width: 1365px) {
  #page-education .section__card--split > .container--wide {
    min-height: 460px;
  }
}
@media screen and (max-width: 1023px) {
  #page-education .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#page-education .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-education .section__card--split .section__media {
    border-radius: 24px;
  }
}
#page-education .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-education .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-education .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 72px min(6vw, 96px);
}
#page-education .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-education .section__card--split .section__panel .section__text {
  color: var(--colour--neutral-grey);
}
#page-education .section__card--split .section__panel .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
}
@media screen and (min-width: 0px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .section__card--split .section__panel .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-education .section__card--split .section__panel .section__text ul {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .section__card--split .section__panel .section__text ul {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-education .section__card--split .section__panel .section__text li {
  margin-bottom: 6px;
}
#page-education .section__card--split .section__panel .section__text > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-education .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 280px;
  }
  #page-education .section__card--split .section__panel {
    padding: 32px 24px 40px;
    gap: 16px;
  }
}
#page-education .section__card--split-reverse > .container--wide {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  #page-education .section__card--split-reverse > .container--wide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#page-education .education__videos,
#page-education .education__safety {
  margin-top: 64px;
}
@media screen and (max-width: 1023px) {
  #page-education .education__videos,
  #page-education .education__safety {
    margin-top: 40px;
  }
}
#page-education .education__videos-title {
  margin: 0 auto 40px;
  color: var(--colour--primary-red);
  text-align: center;
}
#page-education .education__safety h2 {
  margin: 0 0 16px;
  color: var(--colour--primary-red);
}
#page-education .education__safety-text {
  max-width: 900px;
  margin-bottom: 32px;
  color: var(--colour--neutral-grey);
}
#page-education .education__safety-text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
}
@media screen and (min-width: 0px) {
  #page-education .education__safety-text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .education__safety-text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .education__safety-text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-education .education__safety-text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-education .education__safety-text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-education .education__safety-text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-education .education__safety-text > *:last-child {
  margin-bottom: 0;
}
#page-community {
  background-color: var(--colour--secondary-yellow-60);
}
#page-community .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-community #intro {
  --band-top: transparent;
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 66px;
  display: flow-root;
}
@media screen and (max-width: 1023px) {
  #page-community #intro {
    padding-bottom: 40px;
  }
}
#page-community #caring {
  --band-top: var(--colour--secondary-yellow-60);
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 64px;
}
#page-community #logos {
  --band-top: var(--colour--secondary-yellow-60);
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 64px;
}
#page-community #inschool {
  --band-top: var(--colour--secondary-yellow-60);
  --band-bottom: var(--colour--primary-red-10);
}
#page-community #media {
  --band-top: var(--colour--primary-red-10);
  --band-bottom: var(--colour--primary-red-10);
}
#page-community #questions {
  --band-top: var(--colour--primary-red-10);
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 104px;
}
@media screen and (max-width: 1023px) {
  #page-community #questions {
    padding-bottom: 56px;
  }
}
@media screen and (max-width: 1023px) {
  #page-community #caring,
  #page-community #logos {
    padding-bottom: 40px;
  }
}
#page-community .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-community .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-community .section__card {
    border-radius: 32px;
    padding-block: 48px;
  }
}
#page-community .section__card--white {
  background-color: var(--colour--white);
}
#page-community .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-community .section__card--pink {
  background-color: var(--colour--primary-red-10);
}
#page-community .intro__inner {
  position: relative;
  max-width: 1330px;
  margin: -128px auto 0;
}
@media screen and (max-width: 1023px) {
  #page-community .intro__inner {
    margin-top: -80px;
  }
}
#page-community .intro__card {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-10);
  padding: 63px 104px;
  text-align: center;
}
@media screen and (max-width: 1365px) {
  #page-community .intro__card {
    padding: 56px 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-community .intro__card {
    border-radius: 32px;
    padding: 40px 24px;
  }
}
#page-community .intro__card h2 {
  margin: 0 auto 24px;
  color: var(--colour--primary-red);
}
#page-community .intro__text {
  color: var(--colour--neutral-grey);
}
#page-community .intro__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
@media screen and (min-width: 0px) {
  #page-community .intro__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .intro__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .intro__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-community .intro__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .intro__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .intro__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-community .section__card--split {
  padding: 0;
}
#page-community .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 600px;
}
@media screen and (max-width: 1365px) {
  #page-community .section__card--split > .container--wide {
    min-height: 500px;
  }
}
@media screen and (max-width: 1023px) {
  #page-community .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#page-community .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-community .section__card--split .section__media {
    border-radius: 24px;
  }
}
#page-community .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-community .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-community .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 88px min(6vw, 104px);
}
#page-community .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-community .section__card--split .section__text {
  max-width: 641px;
  color: var(--colour--neutral-grey);
}
#page-community .section__card--split .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-community .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-community .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-community .section__card--split .section__text > *:last-child {
  margin-bottom: 0;
}
#page-community .section__card--split .section__text strong,
#page-community .section__card--split .section__text b {
  color: var(--colour--primary-red);
}
#page-community .section__card--split .section__text h1,
#page-community .section__card--split .section__text h2,
#page-community .section__card--split .section__text h3,
#page-community .section__card--split .section__text h4,
#page-community .section__card--split .section__text h5,
#page-community .section__card--split .section__text h6 {
  margin: 0 0 8px;
}
@media screen and (max-width: 1023px) {
  #page-community .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 300px;
  }
  #page-community .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
}
#page-community .section__card--split-reverse > .container--wide {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  #page-community .section__card--split-reverse > .container--wide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#page-community #caring .section__text strong,
#page-community #caring .section__text b {
  color: inherit;
}
#page-community .logos__card {
  padding-block: 45px;
}
@media screen and (max-width: 1023px) {
  #page-community .logos__card {
    padding-block: 32px;
  }
}
#page-community .logos__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 48px;
  margin: 0 auto;
  padding: 0;
  max-width: 1332px;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-community .logos__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
#page-community .logos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
#page-community .logos__image {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 223px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1023px) {
  #page-community .logos__image {
    max-height: 140px;
  }
}
#page-community .media__title {
  margin: 0 auto;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-community #questions .section__card--split > .container--wide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-community .questions__text img {
  display: block;
  width: auto;
  max-width: min(445px, 100%);
  height: auto;
  margin: 24px 0;
  border-radius: 16px;
}
#page-community .questions__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-community .questions__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-community .questions__text a:hover:after,
#page-community .questions__text a:focus:after {
  width: 100%;
}
#page-community .questions__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-community .questions__text a:hover:after,
#page-community .questions__text a:focus:after {
  width: 100%;
}
#page-community .media-panels {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
#page-community .media-panel {
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
#page-community .media-panel[hidden] {
  display: none;
}
#page-community .media-panels.is-swapping .media-panel {
  position: absolute;
  inset: 0 0 auto 0;
  width: 100%;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  #page-community .media-panels,
  #page-community .media-panel {
    -webkit-transition: none;
    transition: none;
  }
}
#page-community .media-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  #page-community .media-videos {
    gap: 24px;
  }
}
#page-community .media-videos__item {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 802px;
}
#page-community .media-videos__item .video-embed {
  aspect-ratio: 1.81038375;
}
#page-community .media-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 30px;
}
@media screen and (max-width: 1023px) {
  #page-community .media-grid {
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  #page-community .media-grid {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
#page-community .media-card {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--colour--white);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
#page-community .media-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
#page-community .media-card__media {
  width: 100%;
  height: 300px;
  overflow: hidden;
  background-color: var(--colour--secondary-yellow-20);
}
@media screen and (max-width: 1023px) {
  #page-community .media-card__media {
    height: 220px;
  }
}
#page-community .media-card__media .img-load-wrap {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-community .media-card__image,
#page-community .media-card__media .img-load-wrap__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
#page-community .media-card__link:hover .media-card__image,
#page-community .media-card__link:focus-visible .media-card__image,
#page-community .media-card__link:hover .img-load-wrap__img,
#page-community .media-card__link:focus-visible .img-load-wrap__img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
#page-community .media-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 24px;
}
#page-community .media-card__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  width: auto;
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-community .media-card__title {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-community .media-card__title {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .media-card__title {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #page-community .media-card__title {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-community .media-card__title {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .media-card__title {
    font-size: 24px;
    font-weight: 500;
  }
}
#page-community .media-card__text {
  color: var(--colour--neutral-grey);
}
#page-community .media-card__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 8px;
}
@media screen and (min-width: 0px) {
  #page-community .media-card__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .media-card__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .media-card__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-community .media-card__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-community .media-card__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-community .media-card__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-community .media-card__text > *:last-child {
  margin-bottom: 0;
}
#page-at-the-farm {
  background-color: var(--colour--secondary-yellow-60);
}
#page-at-the-farm .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-at-the-farm #breeder {
  --band-top: transparent;
  --band-bottom: var(--colour--white);
  display: flow-root;
  padding-bottom: 88px;
}
#page-at-the-farm #breeder > .section__card {
  margin-top: -115px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm #breeder > .section__card {
    margin-top: -60px;
  }
}
#page-at-the-farm #farm {
  --band-top: var(--colour--white);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 88px;
}
#page-at-the-farm #processor {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 88px;
}
#page-at-the-farm #virtual {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-block: 88px;
}
#page-at-the-farm #myths {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 88px;
}
#page-at-the-farm #want {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 88px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm #breeder,
  #page-at-the-farm #farm,
  #page-at-the-farm #processor,
  #page-at-the-farm #myths,
  #page-at-the-farm #want {
    padding-bottom: 48px;
  }
  #page-at-the-farm #virtual {
    padding-block: 48px;
  }
}
#page-at-the-farm .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-at-the-farm .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .section__card {
    border-radius: 32px;
    padding-block: 48px;
  }
}
#page-at-the-farm .section__card--white {
  background-color: var(--colour--white);
}
#page-at-the-farm .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-at-the-farm .section__card--yellow {
  background-color: var(--colour--secondary-yellow-60);
}
#page-at-the-farm .farm-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 778fr) 64px minmax(0, 713fr);
  grid-template-columns: minmax(0, 778fr) minmax(0, 713fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
}
#page-at-the-farm .farm-block + .farm-block {
  margin-top: 96px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .farm-block {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  #page-at-the-farm .farm-block + .farm-block {
    margin-top: 48px;
  }
}
#page-at-the-farm .farm-block--reverse .farm-block__media {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#page-at-the-farm .farm-block--reverse .farm-block__copy {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .farm-block__copy {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #page-at-the-farm .farm-block__media {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #page-at-the-farm #farm .farm-block:not(.farm-block--reverse) .farm-block__media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #page-at-the-farm #farm .farm-block:not(.farm-block--reverse) .farm-block__copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#page-at-the-farm .farm-block__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .farm-block__media img {
    border-radius: 24px;
  }
}
#page-at-the-farm .farm-block__copy h2 {
  margin: 0 0 24px;
  color: var(--colour--primary-red);
}
#page-at-the-farm .farm-block__text {
  color: var(--colour--neutral-grey);
}
#page-at-the-farm .farm-block__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-at-the-farm .farm-block__text > *:last-child {
  margin-bottom: 0;
}
#page-at-the-farm #farm .farm-block__text h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 12px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm #farm .farm-block__text h3 {
    font-size: 32px;
    line-height: normal;
  }
}
#page-at-the-farm .farm__videos {
  margin-top: 96px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .farm__videos {
    margin-top: 48px;
  }
}
#page-at-the-farm .processor__title {
  margin: 0 auto 24px;
  color: var(--colour--primary-red);
  text-align: center;
}
#page-at-the-farm .processor__text {
  max-width: 1548px;
  margin: 0 auto 56px;
  color: var(--colour--neutral-grey);
  text-align: center;
}
#page-at-the-farm .processor__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .processor__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .processor__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .processor__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .processor__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .processor__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .processor__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-at-the-farm .processor__text > *:last-child {
  margin-bottom: 0;
}
#page-at-the-farm .processor__stages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: 1707px;
  margin: 0 auto;
  padding: 40px 48px;
  border: 1px solid var(--colour--primary-red);
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-10);
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .processor__stages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 24px;
    padding: 32px 24px;
    border-radius: 32px;
  }
}
#page-at-the-farm .stage {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 16px auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto 8px auto;
      grid-template-areas: 'label label' 'arrow image';
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 8px 16px;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease, -webkit-transform 0.6s ease;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .stage {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: auto 8px auto 8px auto;
        grid-template-areas: 'label' 'arrow' 'image';
    justify-items: center;
    text-align: center;
    gap: 8px;
  }
}
#page-at-the-farm .stage__label {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: label;
  max-width: 220px;
  color: var(--colour--neutral-grey);
}
#page-at-the-farm .stage__arrow {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: arrow;
  width: 150px;
  height: 160px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/stage-arrow.svg');
  mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/stage-arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: bottom left;
  -webkit-mask-size: contain;
}
@media screen and (max-width: 1365px) {
  #page-at-the-farm .stage__arrow {
    width: 110px;
    height: 118px;
  }
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .stage__arrow {
    width: 64px;
    height: 68px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    mask-position: center;
    -webkit-mask-position: center;
  }
}
#page-at-the-farm .stage__image {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: image;
  display: block;
  width: auto;
  max-width: 256px;
  height: auto;
  max-height: 181px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .stage__label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  #page-at-the-farm .stage__arrow {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  #page-at-the-farm .stage__image {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 1365px) {
  #page-at-the-farm .stage__image {
    max-width: 190px;
    max-height: 140px;
  }
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .stage__image {
    max-width: 140px;
    max-height: 110px;
  }
}
#page-at-the-farm .virtual {
  overflow: hidden;
}
#page-at-the-farm .virtual__title {
  margin: 0 auto 40px;
  color: var(--colour--primary-red);
}
#page-at-the-farm .virtual__video {
  position: relative;
  z-index: 2;
  max-width: 1197px;
  margin: 0 auto;
}
#page-at-the-farm .virtual__video .video-embed {
  border-radius: 25px;
}
#page-at-the-farm .virtual__foot {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
#page-at-the-farm .virtual__feather {
  z-index: 1;
}
#page-at-the-farm .virtual__feather--tl {
  left: 21.4%;
  top: 17.5%;
  --fd-rotate: 190deg;
  --fd-flip-x: -1;
  --fd-duration: 8s;
  --fd-drift-x: 20px;
  --fd-drift-y: -50px;
  --fd-sweep: 14deg;
}
#page-at-the-farm .virtual__feather--tr {
  left: 93.6%;
  top: 52.4%;
  --fd-rotate: 0deg;
  --fd-duration: 6.8s;
  --fd-delay: -4s;
  --fd-drift-x: -26px;
  --fd-drift-y: 42px;
  --fd-sweep: -12deg;
}
#page-at-the-farm .virtual__feather--bl {
  left: 14.6%;
  top: 89.5%;
  --fd-rotate: 12deg;
  --fd-flip-y: -1;
  --fd-duration: 7.4s;
  --fd-delay: -2s;
  --fd-drift-x: 30px;
  --fd-drift-y: -34px;
  --fd-sweep: 16deg;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .virtual__feather {
    display: none;
  }
  #page-at-the-farm .virtual__feather--tr,
  #page-at-the-farm .virtual__feather--bl {
    display: block;
  }
  #page-at-the-farm .virtual__feather--tr {
    left: 88%;
    top: 8%;
    width: 74px;
    height: 74px;
  }
  #page-at-the-farm .virtual__feather--bl {
    left: 10%;
    top: 94%;
    width: 96px;
    height: 47px;
  }
}
#page-at-the-farm .myths__title {
  margin: 0 0 40px;
  color: var(--colour--primary-red);
}
#page-at-the-farm .section__card--split {
  padding: 0;
}
#page-at-the-farm .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 600px;
}
@media screen and (max-width: 1365px) {
  #page-at-the-farm .section__card--split > .container--wide {
    min-height: 500px;
  }
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-at-the-farm .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .section__card--split .section__media {
    border-radius: 24px;
  }
}
#page-at-the-farm .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-at-the-farm .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-at-the-farm .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 88px min(6vw, 104px);
}
#page-at-the-farm .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-at-the-farm .section__card--split .section__text {
  max-width: 641px;
  color: var(--colour--neutral-grey);
}
#page-at-the-farm .section__card--split .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-at-the-farm .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-at-the-farm .section__card--split .section__text > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-at-the-farm .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 300px;
  }
  #page-at-the-farm .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
}
#page-meet-our-farmers {
  background-color: var(--colour--neutral-blue-10);
}
#page-meet-our-farmers .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-meet-our-farmers #farmers {
  --band-top: var(--colour--neutral-blue-10);
  --band-bottom: var(--colour--neutral-blue-10);
}
#page-meet-our-farmers #want {
  --band-top: var(--colour--neutral-blue-10);
  --band-bottom: var(--colour--neutral-blue-10);
  padding-bottom: 88px;
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers #want {
    padding-bottom: 48px;
  }
}
#page-meet-our-farmers .section__card {
  position: relative;
  z-index: 1;
  border-radius: 0;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-meet-our-farmers .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers .section__card {
    padding-block: 48px;
  }
}
#page-meet-our-farmers .section__card--blue {
  background-color: var(--colour--neutral-blue-10);
}
#page-meet-our-farmers .section__card--white {
  background-color: var(--colour--white);
}
#page-meet-our-farmers .farmers__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers .farmers__list {
    -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
}
@media screen and (max-width: 767px) {
  #page-meet-our-farmers .farmers__list {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
#page-meet-our-farmers .farmers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#page-meet-our-farmers .farmers__item .card {
  width: 100%;
}
#page-meet-our-farmers .section__card--split {
  padding: 0;
}
#page-meet-our-farmers .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 600px;
}
@media screen and (max-width: 1365px) {
  #page-meet-our-farmers .section__card--split > .container--wide {
    min-height: 500px;
  }
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-meet-our-farmers .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers .section__card--split .section__media {
    border-radius: 24px;
  }
}
#page-meet-our-farmers .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-meet-our-farmers .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-meet-our-farmers .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 88px min(6vw, 104px);
}
#page-meet-our-farmers .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-meet-our-farmers .section__card--split .section__text {
  max-width: 641px;
  color: var(--colour--neutral-grey);
}
#page-meet-our-farmers .section__card--split .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-meet-our-farmers .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-meet-our-farmers .section__card--split .section__text > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-meet-our-farmers .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 300px;
  }
  #page-meet-our-farmers .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
}
#single-farmer {
  background-color: var(--colour--secondary-yellow-10);
  margin-top: var(--header-height);
  padding-top: 88px;
}
@media screen and (max-width: 1023px) {
  #single-farmer {
    padding-top: 40px;
  }
}
#single-farmer .farmer__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: var(--colour--primary-red);
  text-decoration: none;
  margin-bottom: 32px;
}
#single-farmer .farmer__back-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  width: 47px;
  height: 28px;
  background-color: currentColor;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-farmer .farmer__back:hover #single-farmer .farmer__back-arrow {
  -webkit-transform: scaleX(-1) translateX(6px);
          transform: scaleX(-1) translateX(6px);
}
#single-farmer .farmer__feature {
  margin-bottom: 56px;
}
#single-farmer .farmer__feature img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50px;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer__feature img {
    border-radius: 24px;
  }
}
#single-farmer .farmer__story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 56px;
  padding-bottom: 88px;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer__story {
    gap: 32px;
    padding-bottom: 48px;
  }
}
#single-farmer .farmer-row--split {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
}
#single-farmer .farmer-row--split .farmer-row__media {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#single-farmer .farmer-row--split .farmer-body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer-row--split {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  #single-farmer .farmer-row--split .farmer-row__media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #single-farmer .farmer-row--split .farmer-body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#single-farmer .farmer-row--image-left .farmer-row__media {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#single-farmer .farmer-row--image-left .farmer-body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#single-farmer .farmer-row__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer-row__media img {
    border-radius: 24px;
  }
}
#single-farmer .farmer-row--figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 0;
  text-align: center;
}
#single-farmer .farmer-row--figure .video-embed {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer-row--figure .video-embed {
    border-radius: 24px;
  }
}
#single-farmer .farmer-row__figure-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer-row__figure-image {
    border-radius: 24px;
  }
}
#single-farmer .farmer-row__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  max-width: 900px;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-row__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-row__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-row__title {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-row__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-row__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-row__title {
    font-size: 20px;
    line-height: normal;
  }
}
#single-farmer .farmer-row__caption {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  max-width: 900px;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-row__caption {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-row__caption {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-row__caption {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-row__caption {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-row__caption {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-row__caption {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-farmer .farmer-body {
  color: var(--colour--neutral-grey);
}
#single-farmer .farmer-body h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 24px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h1 {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h1 {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h1 {
    font-size: 90px;
    line-height: 95px;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h1 {
    font-size: 48px;
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h1 {
    font-size: 72px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h1 {
    font-size: 90px;
    line-height: 95px;
  }
}
#single-farmer .farmer-body h2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 24px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h2 {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h2 {
    font-size: 64px;
    line-height: 68px;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h2 {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h2 {
    font-size: 64px;
    line-height: 68px;
  }
}
#single-farmer .farmer-body h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 16px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h3 {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h3 {
    font-size: 32px;
    line-height: normal;
  }
}
#single-farmer .farmer-body h4,
#single-farmer .farmer-body h5,
#single-farmer .farmer-body h6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0 0 12px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body h4,
  #single-farmer .farmer-body h5,
  #single-farmer .farmer-body h6 {
    font-size: 24px;
    font-weight: 500;
  }
}
#single-farmer .farmer-body p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body p {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-farmer .farmer-body ul,
#single-farmer .farmer-body ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body ul,
  #single-farmer .farmer-body ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-farmer .farmer-body ol {
  list-style: decimal outside;
}
#single-farmer .farmer-body li {
  margin-bottom: 8px;
}
#single-farmer .farmer-body strong,
#single-farmer .farmer-body b {
  font-weight: 700;
  color: var(--colour--neutral-grey);
}
#single-farmer .farmer-body em,
#single-farmer .farmer-body i {
  font-style: italic;
}
#single-farmer .farmer-body a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#single-farmer .farmer-body a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#single-farmer .farmer-body a:hover:after,
#single-farmer .farmer-body a:focus:after {
  width: 100%;
}
#single-farmer .farmer-body a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#single-farmer .farmer-body a:hover:after,
#single-farmer .farmer-body a:focus:after {
  width: 100%;
}
#single-farmer .farmer-body blockquote {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0 0 16px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body blockquote {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body blockquote {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body blockquote {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #single-farmer .farmer-body blockquote {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-farmer .farmer-body blockquote {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-farmer .farmer-body blockquote {
    font-size: 24px;
    font-weight: 500;
  }
}
#single-farmer .farmer-body img {
  max-width: 100%;
  height: auto;
  border-radius: 24px;
}
#single-farmer .farmer-body > *:last-child {
  margin-bottom: 0;
}
#single-farmer .farmer__related {
  background-color: var(--colour--secondary-yellow);
  padding-block: 88px;
  border-radius: 50px 50px 0 0;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer__related {
    padding-block: 48px;
    border-radius: 32px 32px 0 0;
  }
}
#single-farmer .farmer__related .section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 56px;
}
#single-farmer .farmer__related .section__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer__related .section__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#single-farmer .farmer__related .section__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
#single-farmer .farmer__related .card-carousel__controls .button--red {
  display: none;
}
@media screen and (max-width: 1023px) {
  #single-farmer .farmer__related .section__head .button--red {
    display: none;
  }
  #single-farmer .farmer__related .card-carousel__controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #single-farmer .farmer__related .card-carousel__controls .button--red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
  }
}
#page-on-farm-programs {
  background-color: var(--colour--secondary-yellow);
}
#page-on-farm-programs .section {
  position: relative;
  --band-top: transparent;
  --band-bottom: transparent;
  --band-split: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--band-top)), color-stop(var(--band-top)), color-stop(var(--band-bottom)), to(var(--band-bottom)));
  background-image: linear-gradient(to bottom, var(--band-top) 0, var(--band-top) var(--band-split), var(--band-bottom) var(--band-split), var(--band-bottom) 100%);
}
#page-on-farm-programs #intro {
  --band-top: transparent;
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 66px;
  display: flow-root;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs #intro {
    padding-bottom: 40px;
  }
}
#page-on-farm-programs #breeders {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow);
  padding-bottom: 64px;
}
#page-on-farm-programs #broilers {
  --band-top: var(--colour--secondary-yellow);
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 64px;
}
#page-on-farm-programs #myths {
  --band-top: var(--colour--secondary-yellow-60);
  --band-bottom: var(--colour--secondary-yellow-60);
  padding-bottom: 88px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs #breeders,
  #page-on-farm-programs #broilers {
    padding-bottom: 40px;
  }
  #page-on-farm-programs #myths {
    padding-bottom: 48px;
  }
}
#page-on-farm-programs .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
  padding-block: 88px;
}
@media screen and (max-width: 1365px) {
  #page-on-farm-programs .section__card {
    padding-block: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .section__card {
    border-radius: 32px;
    padding-block: 48px;
  }
}
#page-on-farm-programs .section__card--white {
  background-color: var(--colour--white);
}
#page-on-farm-programs .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-on-farm-programs .section__card--yellow {
  background-color: var(--colour--secondary-yellow-60);
}
#page-on-farm-programs .intro__inner {
  position: relative;
  max-width: 1330px;
  margin: -128px auto 0;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .intro__inner {
    margin-top: -80px;
  }
}
#page-on-farm-programs .intro__card {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  background-color: var(--colour--secondary-yellow-10);
  padding: 56px 104px;
  text-align: center;
}
@media screen and (max-width: 1365px) {
  #page-on-farm-programs .intro__card {
    padding: 48px 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .intro__card {
    border-radius: 32px;
    padding: 32px 24px;
  }
}
#page-on-farm-programs .intro__text {
  max-width: 941px;
  margin-inline: auto;
  color: var(--colour--neutral-grey);
  text-align: center;
}
#page-on-farm-programs .intro__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 12px;
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .intro__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .intro__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .intro__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .intro__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .intro__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .intro__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-on-farm-programs .intro__text > *:last-child {
  margin-bottom: 0;
}
#page-on-farm-programs .farm-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 64px;
}
#page-on-farm-programs .farm-block + .farm-block {
  margin-top: 96px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .farm-block {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  #page-on-farm-programs .farm-block + .farm-block {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .farm-block__media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #page-on-farm-programs .farm-block__copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#page-on-farm-programs .farm-block--reverse .farm-block__media {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#page-on-farm-programs .farm-block--reverse .farm-block__copy {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .farm-block--reverse .farm-block__media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #page-on-farm-programs .farm-block--reverse .farm-block__copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#page-on-farm-programs .farm-block__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .farm-block__media img {
    border-radius: 24px;
  }
}
#page-on-farm-programs .farm-block__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
#page-on-farm-programs .farm-block__copy h2,
#page-on-farm-programs .farm-block__copy h3 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-on-farm-programs .farm-block__text {
  color: var(--colour--neutral-grey);
}
#page-on-farm-programs .farm-block__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-on-farm-programs .farm-block__text > *:last-child {
  margin-bottom: 0;
}
#page-on-farm-programs .farm-block__text strong,
#page-on-farm-programs .farm-block__text b {
  color: var(--colour--primary-red);
}
#page-on-farm-programs .farm-block__text h3,
#page-on-farm-programs .farm-block__text h4 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 12px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text h3,
  #page-on-farm-programs .farm-block__text h4 {
    font-size: 32px;
    line-height: normal;
  }
}
#page-on-farm-programs .farm-block__text img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#page-on-farm-programs .farm-block__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-on-farm-programs .farm-block__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-on-farm-programs .farm-block__text a:hover:after,
#page-on-farm-programs .farm-block__text a:focus:after {
  width: 100%;
}
#page-on-farm-programs .farm-block__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-on-farm-programs .farm-block__text a:hover:after,
#page-on-farm-programs .farm-block__text a:focus:after {
  width: 100%;
}
#page-on-farm-programs .farm-block__text ul,
#page-on-farm-programs .farm-block__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .farm-block__text ul,
  #page-on-farm-programs .farm-block__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-on-farm-programs .farm-block__text ol {
  list-style: decimal outside;
}
#page-on-farm-programs .farm-block__text li {
  margin-bottom: 8px;
}
#page-on-farm-programs .broilers__slider {
  margin-top: 96px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .broilers__slider {
    margin-top: 48px;
  }
}
#page-on-farm-programs .broilers__slide-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .broilers__slide-image {
    border-radius: 24px;
  }
}
#page-on-farm-programs .myths__title {
  max-width: 650px;
  margin: 0 0 40px;
  color: var(--colour--primary-red);
}
#page-on-farm-programs .section__card--split {
  padding: 0;
}
#page-on-farm-programs .section__card--split > .container--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 600px;
}
@media screen and (max-width: 1365px) {
  #page-on-farm-programs .section__card--split > .container--wide {
    min-height: 500px;
  }
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .section__card--split > .container--wide {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-on-farm-programs .section__card--split .section__media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .section__card--split .section__media {
    border-radius: 24px;
  }
}
#page-on-farm-programs .section__card--split .section__media .img-load-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-on-farm-programs .section__card--split .section__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-on-farm-programs .section__card--split .section__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 88px min(6vw, 104px);
}
#page-on-farm-programs .section__card--split .section__panel h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
#page-on-farm-programs .section__card--split .section__text {
  max-width: 641px;
  color: var(--colour--neutral-grey);
}
#page-on-farm-programs .section__card--split .section__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-on-farm-programs .section__card--split .section__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-on-farm-programs .section__card--split .section__text > *:last-child {
  margin-bottom: 0;
}
#page-on-farm-programs .section__card--split .section__text strong,
#page-on-farm-programs .section__card--split .section__text b {
  color: var(--colour--primary-red);
}
#page-on-farm-programs .section__card--split .section__text img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#page-on-farm-programs .section__card--split .section__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-on-farm-programs .section__card--split .section__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-on-farm-programs .section__card--split .section__text a:hover:after,
#page-on-farm-programs .section__card--split .section__text a:focus:after {
  width: 100%;
}
#page-on-farm-programs .section__card--split .section__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-on-farm-programs .section__card--split .section__text a:hover:after,
#page-on-farm-programs .section__card--split .section__text a:focus:after {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #page-on-farm-programs .section__card--split .section__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 300px;
  }
  #page-on-farm-programs .section__card--split .section__panel {
    padding: 40px 24px 48px;
    gap: 24px;
  }
}
#page-statistics {
  background-color: var(--colour--secondary-yellow);
}
#page-statistics section[id] {
  scroll-margin-top: calc(var(--header-height) + 24px);
}
#page-statistics .section-nav__band {
  padding-block: 45px;
}
@media screen and (max-width: 1023px) {
  #page-statistics .section-nav__band {
    padding-block: 40px 32px;
  }
}
#page-statistics .stats-band {
  position: relative;
  z-index: 0;
  margin-block: -50px;
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats-band {
    margin-block: -40px;
  }
}
#page-statistics .stats-band img {
  display: block;
  width: 100%;
  height: 530px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (max-width: 1365px) {
  #page-statistics .stats-band img {
    height: 420px;
  }
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats-band img {
    height: 300px;
  }
}
#page-statistics .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  padding-block: 124px;
}
@media screen and (max-width: 1365px) {
  #page-statistics .section__card {
    padding-block: 88px;
  }
}
@media screen and (max-width: 1023px) {
  #page-statistics .section__card {
    border-radius: 40px;
    padding-block: 56px;
  }
}
#page-statistics #industry .section__card {
  padding-top: 216px;
}
@media screen and (max-width: 1365px) {
  #page-statistics #industry .section__card {
    padding-top: 140px;
  }
}
@media screen and (max-width: 1023px) {
  #page-statistics #industry .section__card {
    padding-top: 64px;
  }
}
#page-statistics #quota {
  margin-top: 66px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--colour--secondary-yellow)), color-stop(50%, var(--colour--secondary-yellow)), color-stop(50%, var(--colour--neutral-grey)), to(var(--colour--neutral-grey)));
  background-image: linear-gradient(to bottom, var(--colour--secondary-yellow) 0, var(--colour--secondary-yellow) 50%, var(--colour--neutral-grey) 50%, var(--colour--neutral-grey) 100%);
}
#page-statistics .section__card--cream {
  background-color: var(--colour--secondary-yellow-10);
}
#page-statistics .section__card--yellow {
  background-color: var(--colour--secondary-yellow-60);
}
#page-statistics .section__card--pink {
  background-color: var(--colour--primary-red-10);
}
#page-statistics .stats__title {
  margin: 0 0 40px;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats__title {
    margin-bottom: 24px;
  }
}
#page-statistics .stats__text {
  max-width: 1602px;
  margin-bottom: 56px;
  color: var(--colour--neutral-grey);
}
#page-statistics .stats__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-statistics .stats__text h2,
#page-statistics .stats__text h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 40px 0 16px;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text h2,
  #page-statistics .stats__text h3 {
    font-size: 32px;
    line-height: normal;
  }
}
#page-statistics .stats__text h4,
#page-statistics .stats__text h5,
#page-statistics .stats__text h6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 32px 0 12px;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 20px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text h4,
  #page-statistics .stats__text h5,
  #page-statistics .stats__text h6 {
    font-size: 20px;
    line-height: normal;
  }
}
#page-statistics .stats__text strong,
#page-statistics .stats__text b {
  color: var(--colour--neutral-grey);
}
#page-statistics .stats__text ul,
#page-statistics .stats__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__text ul,
  #page-statistics .stats__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-statistics .stats__text ol {
  list-style: decimal outside;
}
#page-statistics .stats__text li {
  margin-bottom: 4px;
}
#page-statistics .stats__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-statistics .stats__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-statistics .stats__text a:hover:after,
#page-statistics .stats__text a:focus:after {
  width: 100%;
}
#page-statistics .stats__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-statistics .stats__text a:hover:after,
#page-statistics .stats__text a:focus:after {
  width: 100%;
}
#page-statistics .stats__text > *:first-child {
  margin-top: 0;
}
#page-statistics .stats__text > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats__text {
    margin-bottom: 32px;
  }
}
#page-statistics .stats__data {
  margin-bottom: 56px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#page-statistics .stats__data table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  table-layout: auto;
}
#page-statistics .stats__data th,
#page-statistics .stats__data td {
  font-family: "Poppins", sans-serif;
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: normal;
  text-align: left;
  vertical-align: middle;
  color: var(--colour--neutral-grey);
}
#page-statistics .stats__data thead th,
#page-statistics .stats__data thead td {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
}
#page-statistics .stats__data tbody tr:nth-child(odd) td {
  background-color: var(--colour--white);
}
#page-statistics .stats__data tbody tr:nth-child(even) td {
  background-color: var(--colour--secondary-yellow-10);
}
#page-statistics .stats__data td strong,
#page-statistics .stats__data td b {
  font-weight: 700;
}
#page-statistics .stats__data p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__data p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__data p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__data p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-statistics .stats__data p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-statistics .stats__data p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-statistics .stats__data p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-statistics .stats__data > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats__data {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1023px) {
  #page-statistics .stats__data table {
    min-width: 700px;
  }
  #page-statistics .stats__data table[data-stats-cards] {
    display: block;
    min-width: 0;
  }
  #page-statistics .stats__data table[data-stats-cards] thead {
    display: none;
  }
  #page-statistics .stats__data table[data-stats-cards] tbody {
    display: block;
  }
  #page-statistics .stats__data table[data-stats-cards] tr {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 12px 16px;
    margin-bottom: 8px;
    padding: 16px;
    border-radius: 10px;
  }
  #page-statistics .stats__data table[data-stats-cards] tr:nth-child(odd) {
    background-color: var(--colour--white);
  }
  #page-statistics .stats__data table[data-stats-cards] tr:nth-child(even) {
    background-color: var(--colour--secondary-yellow-10);
  }
  #page-statistics .stats__data table[data-stats-cards] tbody tr td {
    display: block;
    height: auto;
    padding: 0;
    background: none;
  }
  #page-statistics .stats__data table[data-stats-cards] td:first-child {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    grid-column: -1;
    -ms-grid-column-align: start;
        justify-self: start;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: var(--colour--primary-red-10);
    color: var(--colour--primary-red);
  }
  #page-statistics .stats__data table[data-stats-cards] td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    color: var(--colour--neutral-grey-30);
  }
  #page-statistics .stats__data table[data-stats-cards] td:last-child {
    color: var(--colour--primary-red);
  }
}
#page-regulations {
  background-color: var(--colour--secondary-yellow);
  padding-bottom: 96px;
}
#page-regulations section[id] {
  scroll-margin-top: calc(var(--header-height) + 24px);
}
@media screen and (max-width: 1023px) {
  #page-regulations {
    padding-bottom: 87px;
  }
}
#page-regulations .section-nav__band {
  padding-block: 68px 88px;
}
@media screen and (max-width: 1023px) {
  #page-regulations .section-nav__band {
    padding-block: 40px 40px;
  }
}
#page-regulations .section + .section {
  margin-top: 88px;
}
@media screen and (max-width: 1023px) {
  #page-regulations .section + .section {
    margin-top: 40px;
  }
}
#page-regulations .section__card {
  border-radius: 50px;
  overflow: hidden;
  background-color: var(--colour--white);
}
@media screen and (max-width: 1023px) {
  #page-regulations .section__card {
    border-radius: 40px;
  }
}
#page-regulations .regulation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 754px;
}
@media screen and (max-width: 1365px) {
  #page-regulations .regulation {
    min-height: 600px;
  }
}
@media screen and (max-width: 1023px) {
  #page-regulations .regulation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
  }
}
#page-regulations .regulation--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  #page-regulations .regulation--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page-regulations .regulation__copy {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding: 110px 159px;
}
@media screen and (max-width: 1919px) {
  #page-regulations .regulation__copy {
    padding: 96px 104px;
  }
}
@media screen and (max-width: 1365px) {
  #page-regulations .regulation__copy {
    padding: 72px 56px;
  }
}
@media screen and (max-width: 1023px) {
  #page-regulations .regulation__copy {
    padding: 24px 5vw 40px;
  }
}
#page-regulations .regulation__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.17%;
          flex: 0 0 49.17%;
  border-radius: 50px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #page-regulations .regulation__media {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 305px;
    border-radius: 40px;
  }
}
#page-regulations .regulation__media .img-load-wrap {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-regulations .regulation__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-regulations .regulation__title {
  margin: 0 0 24px;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-regulations .regulation__title {
    margin-bottom: 16px;
  }
}
#page-regulations .regulation__text {
  color: var(--colour--neutral-grey);
}
#page-regulations .regulation__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 4px;
}
@media screen and (min-width: 0px) {
  #page-regulations .regulation__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-regulations .regulation__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-regulations .regulation__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-regulations .regulation__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-regulations .regulation__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-regulations .regulation__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-regulations .regulation__text ul,
#page-regulations .regulation__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 4px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-regulations .regulation__text ul,
  #page-regulations .regulation__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-regulations .regulation__text ol {
  list-style: decimal outside;
}
#page-regulations .regulation__text li {
  margin-bottom: 4px;
}
#page-regulations .regulation__text strong,
#page-regulations .regulation__text b {
  color: var(--colour--neutral-grey);
}
#page-regulations .regulation__text a {
  color: var(--colour--primary-red);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#page-regulations .regulation__text > *:first-child {
  margin-top: 0;
}
#page-regulations .regulation__text > *:last-child {
  margin-bottom: 0;
}
#page-bulletins-announcements {
  background-color: var(--colour--secondary-yellow);
}
#page-bulletins-announcements section[id] {
  scroll-margin-top: calc(var(--header-height) + 24px);
}
#page-bulletins-announcements .section-nav__band {
  padding-block: 54px;
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .section-nav__band {
    padding-block: 40px 32px;
  }
}
#page-bulletins-announcements .bulletins-band {
  position: relative;
  z-index: 0;
  margin-block: -50px;
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .bulletins-band {
    margin-block: -40px;
  }
}
#page-bulletins-announcements .bulletins-band img {
  display: block;
  width: 100%;
  height: 530px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (max-width: 1365px) {
  #page-bulletins-announcements .bulletins-band img {
    height: 420px;
  }
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .bulletins-band img {
    height: 300px;
  }
}
#page-bulletins-announcements .bulletins-band .img-load-wrap {
  display: block;
  width: 100%;
  max-width: none;
}
#page-bulletins-announcements .section__card {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  padding-block: 110px;
}
@media screen and (max-width: 1365px) {
  #page-bulletins-announcements .section__card {
    padding-block: 80px;
  }
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .section__card {
    border-radius: 40px;
    padding-block: 40px;
  }
}
#page-bulletins-announcements .section__card--yellow {
  background-color: var(--colour--secondary-yellow-60);
}
#page-bulletins-announcements .section__card--cream {
  background-color: var(--colour--secondary-yellow-20);
}
#page-bulletins-announcements .bulletins__title {
  margin: 0 0 56px;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .bulletins__title {
    margin-bottom: 24px;
  }
}
#page-bulletins-announcements .section--news {
  position: relative;
  z-index: 0;
  margin-top: -50px;
  padding-block: 121px 138px;
  background-color: var(--colour--neutral-blue-10);
}
@media screen and (max-width: 1365px) {
  #page-bulletins-announcements .section--news {
    padding-block: 100px 96px;
  }
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .section--news {
    margin-top: -40px;
    padding-block: 80px 64px;
  }
}
#page-bulletins-announcements .news__title {
  margin: 0 auto 48px;
  color: var(--colour--primary-red);
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .news__title {
    margin-bottom: 32px;
  }
}
#page-bulletins-announcements .news-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1365px) {
  #page-bulletins-announcements .news-grid {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .news-grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  #page-bulletins-announcements .news-grid {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
#page-bulletins-announcements .news-grid .card__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  overflow: hidden;
  width: 100%;
  height: 290px;
  line-height: 40px;
}
@media screen and (min-width: 0px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-bulletins-announcements .news-grid .card__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1279px) {
  #page-bulletins-announcements .news-grid .card__title {
    height: 228px;
    line-height: 36px;
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
}
@media screen and (max-width: 767px) {
  #page-bulletins-announcements .news-grid .card__title {
    height: 228px;
    line-height: 32px;
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
}
#page-bulletins-announcements .news-grid__item.is-entering {
  -webkit-animation: news-card-in 0.5s ease-out both;
          animation: news-card-in 0.5s ease-out both;
}
@media (prefers-reduced-motion: reduce) {
  #page-bulletins-announcements .news-grid__item.is-entering {
    -webkit-animation: none;
            animation: none;
  }
}
#page-bulletins-announcements .news__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 52px;
}
@media screen and (max-width: 1023px) {
  #page-bulletins-announcements .news__more {
    margin-top: 32px;
  }
}
#page-bulletins-announcements .news__more-button.is-loading {
  cursor: progress;
  opacity: 0.6;
}
.bulletin-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1023px) {
  .bulletin-list {
    gap: 24px;
  }
}
.bulletin-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.bulletin-list__title {
  margin: 0;
  color: var(--colour--neutral-grey);
}
.bulletin-list__text {
  color: var(--colour--neutral-grey);
}
.bulletin-list__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 4px;
}
@media screen and (min-width: 0px) {
  .bulletin-list__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .bulletin-list__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
.bulletin-list__text ul,
.bulletin-list__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 4px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__text ul,
  .bulletin-list__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
.bulletin-list__text ol {
  list-style: decimal outside;
}
.bulletin-list__text strong,
.bulletin-list__text b {
  color: var(--colour--neutral-grey);
}
.bulletin-list__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  font-weight: 700;
  text-decoration: none;
}
.bulletin-list__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.bulletin-list__text a:hover:after,
.bulletin-list__text a:focus:after {
  width: 100%;
}
.bulletin-list__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.bulletin-list__text a:hover:after,
.bulletin-list__text a:focus:after {
  width: 100%;
}
.bulletin-list__text > *:last-child {
  margin-bottom: 0;
}
.bulletin-list__link-row {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  .bulletin-list__link-row {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__link-row {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__link-row {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  .bulletin-list__link-row {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .bulletin-list__link-row {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .bulletin-list__link-row {
    font-size: 20px;
    line-height: 28px;
  }
}
.bulletin-list__link {
  color: var(--colour--primary-red);
  font-weight: 700;
  text-decoration: none;
}
@-webkit-keyframes news-card-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 16px, 0);
            transform: translate3d(0, 16px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes news-card-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 16px, 0);
            transform: translate3d(0, 16px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
#page-blog {
  background-color: var(--colour--secondary-yellow-10);
}
#page-blog #featured {
  padding-block: 70px 0;
}
@media screen and (max-width: 1023px) {
  #page-blog #featured {
    padding-block: 40px 0;
  }
}
#page-blog .blog-featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 54px;
  padding: 24px;
  border: 1px solid var(--colour--secondary-yellow);
  border-radius: 20px;
  background-color: var(--colour--secondary-yellow-20);
}
@media screen and (max-width: 1365px) {
  #page-blog .blog-featured {
    gap: 32px;
  }
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-featured {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 24px;
    padding: 16px;
  }
}
#page-blog .blog-featured__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 606px;
          flex: 0 0 606px;
  height: 507px;
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--colour--secondary-yellow-20);
}
@media screen and (max-width: 1365px) {
  #page-blog .blog-featured__media {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    height: 420px;
  }
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-featured__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 260px;
  }
}
#page-blog .blog-featured__media .img-load-wrap {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-blog .blog-featured__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#page-blog .blog-featured__copy {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 54px;
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-featured__copy {
    gap: 24px;
  }
}
#page-blog .blog-featured__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
#page-blog .blog-featured__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
#page-blog .blog-featured__date {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__date {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__date {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__date {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__date {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__date {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__date {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-blog .blog-featured__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 4px 0 0;
  width: auto;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__title {
    font-size: 32px;
  }
}
#page-blog .blog-featured__title a {
  color: inherit;
  text-decoration: none;
}
#page-blog .blog-featured__text {
  color: var(--colour--neutral-grey);
}
#page-blog .blog-featured__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 16px;
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-blog .blog-featured__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-blog .blog-featured__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-blog .blog-featured__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-blog .blog-featured__text > *:last-child {
  margin-bottom: 0;
}
#page-blog .blog-featured__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-blog .blog-featured__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-blog .blog-featured__text a:hover:after,
#page-blog .blog-featured__text a:focus:after {
  width: 100%;
}
#page-blog .blog-featured__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-blog .blog-featured__text a:hover:after,
#page-blog .blog-featured__text a:focus:after {
  width: 100%;
}
#page-blog .blog-featured__cta {
  width: 222px;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
}
#page-blog .blog-featured__cta:hover .card__cta-arrow,
#page-blog .blog-featured__cta:focus-visible .card__cta-arrow {
  -webkit-transform: translateX(6px);
          transform: translateX(6px);
}
#page-blog .blog-archive {
  padding-block: 70px 105px;
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-archive {
    padding-block: 40px 64px;
  }
}
#page-blog .blog-archive__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 464px;
  max-width: 100%;
  height: 68px;
  padding-inline: 32px;
  border: 1px solid var(--colour--primary-red);
  border-radius: 10px;
  background-color: var(--colour--white);
}
#page-blog .blog-archive__search input {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: none;
  color: var(--colour--neutral-grey);
}
#page-blog .blog-archive__search input::-webkit-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-blog .blog-archive__search input::-moz-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-blog .blog-archive__search input:-ms-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-blog .blog-archive__search input::-ms-input-placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-blog .blog-archive__search input::placeholder {
  color: var(--colour--neutral-grey-30);
}
#page-blog .blog-archive__search input:focus {
  outline: none;
}
#page-blog .blog-archive__search-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: var(--colour--primary-red);
  mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/search.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#page-blog .blog-archive__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}
#page-blog .blog-archive__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 30px;
  margin: 89px 0 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1365px) {
  #page-blog .blog-archive__grid {
    gap: 24px;
  }
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-archive__grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #page-blog .blog-archive__grid {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
#page-blog .blog-archive__empty {
  margin: 89px 0 0;
  color: var(--colour--neutral-grey);
}
@media screen and (max-width: 1023px) {
  #page-blog .blog-archive__empty {
    margin-top: 40px;
  }
}
#page-blog .pager {
  margin-top: 105px;
}
@media screen and (max-width: 1023px) {
  #page-blog .pager {
    margin-top: 56px;
  }
}
#page-blog .blog-archive__results {
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#page-blog .blog-archive__results.is-loading {
  opacity: 0.45;
  pointer-events: none;
}
#page-blog .blog-archive__loading {
  position: absolute;
  inset: 0;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 120px;
}
#page-blog .blog-archive__results.is-loading .blog-archive__loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#page-blog .blog-archive__spinner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: 3px solid var(--colour--primary-red-30);
  border-top-color: var(--colour--primary-red);
  border-radius: 50%;
  -webkit-animation: blog-spin 0.7s linear infinite;
          animation: blog-spin 0.7s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  #page-blog .blog-archive__spinner {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
  }
}
@-webkit-keyframes blog-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes blog-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.card--blog-tile {
  border-radius: 20px;
  background-color: var(--colour--white);
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.card--blog-tile .card__link {
  gap: 0;
  padding: 24px;
}
.card--blog-tile .card__media {
  height: 300px;
  border-radius: 20px;
}
.card--blog-tile .card__body--split {
  padding: 16px 0 0;
  gap: 24px;
}
.card--blog-tile .card__copy {
  gap: 16px;
}
.card--blog-tile .card__title {
  color: var(--colour--primary-red);
}
.card--blog-tile .card__cta-label {
  color: var(--colour--primary-red-30);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.card--blog-tile .card__cta-arrow {
  background-color: var(--colour--primary-red-30);
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-color 0.3s ease;
  transition: transform 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
}
.card--blog-tile:hover,
.card--blog-tile:focus-within {
  background-color: var(--colour--primary-red-10);
}
.card--blog-tile:hover .card__cta-label,
.card--blog-tile:focus-within .card__cta-label {
  color: var(--colour--primary-red);
}
.card--blog-tile:hover .card__cta-arrow,
.card--blog-tile:focus-within .card__cta-arrow {
  background-color: var(--colour--primary-red);
}
.tag--filter {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 4px 16px;
  color: var(--colour--neutral-grey);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.56px;
  cursor: pointer;
}
.tag--filter:hover,
.tag--filter:focus-visible {
  border-color: var(--colour--primary-red);
}
.tag--filter.is-active {
  border-color: var(--colour--primary-red);
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
}
#single-blog {
  background-color: var(--colour--secondary-yellow-10);
  padding-block: calc(var(--header-height) + 56px) 0;
}
@media screen and (max-width: 1023px) {
  #single-blog {
    padding-top: calc(var(--header-height) + 32px);
  }
}
#single-blog .blog-single__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 32px;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#single-blog .blog-single__back:hover .blog-single__back-arrow,
#single-blog .blog-single__back:focus-visible .blog-single__back-arrow {
  -webkit-transform: scaleX(-1) translateX(6px);
          transform: scaleX(-1) translateX(6px);
}
#single-blog .blog-single__back-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  width: 47px;
  height: 28px;
  background-color: currentColor;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/arrow.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-blog .blog-single__layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 518px) 80px minmax(0, 1fr);
  grid-template-columns: minmax(0, 518px) minmax(0, 1fr);
  gap: 80px;
  padding-bottom: 105px;
}
@media screen and (max-width: 1365px) {
  #single-blog .blog-single__layout {
    -ms-grid-columns: minmax(0, 360px) 48px minmax(0, 1fr);
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: 48px;
  }
}
@media screen and (max-width: 1023px) {
  #single-blog .blog-single__layout {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-bottom: 56px;
  }
}
#single-blog .blog-single__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-width: 518px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  position: sticky;
  top: calc(var(--header-height) + 24px);
}
@media screen and (max-width: 1023px) {
  #single-blog .blog-single__meta {
    position: static;
    max-width: none;
    gap: 12px;
  }
}
#single-blog .blog-single__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
#single-blog .blog-single__title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin: 8px 0 0;
  width: auto;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__title {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__title {
    font-size: 64px;
    line-height: 68px;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__title {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__title {
    font-size: 64px;
    line-height: 68px;
  }
}
#single-blog .blog-single__date,
#single-blog .blog-single__read-time {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__date,
  #single-blog .blog-single__read-time {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-blog .blog-single__rule {
  width: 100%;
  height: 1px;
  margin: 16px 0 0;
  border: 0;
  background-color: var(--colour--primary-red-30);
}
#single-blog .blog-single__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  margin-top: 8px;
}
#single-blog .blog-single__share-label {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: var(--colour--neutral-grey);
}
#single-blog .blog-single__share-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
#single-blog .blog-single__share-btn {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: var(--colour--primary-red);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#single-blog .blog-single__share-btn--facebook {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-facebook.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-facebook.svg');
}
#single-blog .blog-single__share-btn--x {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-x.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-x.svg');
}
#single-blog .blog-single__share-btn--link {
  mask-image: url('/wp-content/themes/mbchicken/static/images/share-link.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/share-link.svg');
}
#single-blog .blog-single__share-btn:hover,
#single-blog .blog-single__share-btn:focus-visible {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  opacity: 0.85;
}
#single-blog .blog-single__share-btn.is-copied::after {
  content: 'Copied';
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 6px;
  background-color: var(--colour--neutral-grey);
  color: var(--colour--white);
  white-space: nowrap;
  pointer-events: none;
}
#single-blog .blog-single__content {
  color: var(--colour--neutral-grey);
}
#single-blog .blog-single__content p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 24px;
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content p {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-blog .blog-single__content h2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 48px 0 16px;
  width: auto;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content h2 {
    font-size: 32px;
  }
}
#single-blog .blog-single__content h3,
#single-blog .blog-single__content h4,
#single-blog .blog-single__content h5,
#single-blog .blog-single__content h6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 40px 0 12px;
  width: auto;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content h3,
  #single-blog .blog-single__content h4,
  #single-blog .blog-single__content h5,
  #single-blog .blog-single__content h6 {
    font-size: 24px;
    font-weight: 500;
  }
}
#single-blog .blog-single__content strong,
#single-blog .blog-single__content b {
  font-weight: 700;
  color: var(--colour--neutral-grey);
}
#single-blog .blog-single__content em,
#single-blog .blog-single__content i {
  font-style: italic;
}
#single-blog .blog-single__content a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#single-blog .blog-single__content a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#single-blog .blog-single__content a:hover:after,
#single-blog .blog-single__content a:focus:after {
  width: 100%;
}
#single-blog .blog-single__content a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#single-blog .blog-single__content a:hover:after,
#single-blog .blog-single__content a:focus:after {
  width: 100%;
}
#single-blog .blog-single__content ul,
#single-blog .blog-single__content ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 24px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #single-blog .blog-single__content ul,
  #single-blog .blog-single__content ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-blog .blog-single__content ol {
  list-style: decimal outside;
}
#single-blog .blog-single__content li {
  margin-bottom: 8px;
}
#single-blog .blog-single__content blockquote {
  margin: 32px 0;
  padding: 24px 32px;
  border-left: 4px solid var(--colour--primary-red);
  border-radius: 10px;
  background-color: var(--colour--secondary-yellow-20);
}
#single-blog .blog-single__content blockquote p:last-child {
  margin-bottom: 0;
}
#single-blog .blog-single__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 20px;
}
#single-blog .blog-single__content figure {
  margin: 32px 0;
}
#single-blog .blog-single__content figure img {
  width: 100%;
}
#single-blog .blog-single__content figcaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 12px;
  color: var(--colour--neutral-grey-30);
  text-align: center;
}
#single-blog .blog-single__content iframe,
#single-blog .blog-single__content video {
  display: block;
  width: 100%;
  aspect-ratio: 1.77777778;
  height: auto;
  margin: 32px 0;
  border: 0;
  border-radius: 20px;
}
#single-blog .blog-single__content table {
  width: 100%;
  margin: 0 0 24px;
  border-collapse: collapse;
}
#single-blog .blog-single__content th,
#single-blog .blog-single__content td {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 16px;
  text-align: left;
  border: 1px solid var(--colour--primary-red-30);
}
#single-blog .blog-single__content th {
  background-color: var(--colour--primary-red);
  color: var(--colour--white);
  font-weight: 700;
  text-transform: uppercase;
}
#single-blog .blog-single__content hr {
  height: 1px;
  margin: 40px 0;
  border: 0;
  background-color: var(--colour--primary-red-30);
}
#single-blog .blog-single__content > *:first-child {
  margin-top: 0;
}
#single-blog .blog-single__content > *:last-child {
  margin-bottom: 0;
}
#single-blog .blog-single__related {
  padding-block: 88px;
  background-color: var(--colour--secondary-yellow);
  border-radius: 50px 50px 0 0;
}
@media screen and (max-width: 1023px) {
  #single-blog .blog-single__related {
    padding-block: 48px;
    border-radius: 32px 32px 0 0;
  }
}
#single-blog .blog-single__related .section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 56px;
}
#single-blog .blog-single__related .section__head h2 {
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #single-blog .blog-single__related .section__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#single-blog .blog-single__related .section__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
#single-blog .blog-single__related .card-carousel__controls .button--red {
  display: none;
}
@media screen and (max-width: 1023px) {
  #single-blog .blog-single__related .section__head .button--red {
    display: none;
  }
  #single-blog .blog-single__related .card-carousel__controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #single-blog .blog-single__related .card-carousel__controls .button--red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0;
  }
}
#page-about-us {
  background-color: var(--colour--white);
}
#page-about-us #info {
  position: relative;
  z-index: 1;
  background-color: var(--colour--secondary-yellow-60);
  border-radius: 0 0 50px 50px;
  padding-bottom: 120px;
  display: flow-root;
}
@media screen and (max-width: 1023px) {
  #page-about-us #info {
    border-radius: 0 0 32px 32px;
    padding-bottom: 56px;
  }
}
#page-about-us .about-intro {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90vw;
  max-width: 1330px;
  margin-inline: auto;
  margin-top: -128px;
  margin-bottom: 88px;
  padding: 63px 204px;
  border-radius: 30px;
  background-color: var(--colour--secondary-yellow-10);
}
@media screen and (max-width: 1365px) {
  #page-about-us .about-intro {
    padding: 48px 56px;
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 1023px) {
  #page-about-us .about-intro {
    margin-top: -72px;
    margin-bottom: 40px;
    padding: 32px 24px;
    border-radius: 20px;
  }
}
#page-about-us .about-intro__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--colour--primary-red);
  text-align: center;
}
@media screen and (min-width: 0px) {
  #page-about-us .about-intro__text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .about-intro__text {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .about-intro__text {
    font-size: 32px;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .about-intro__text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .about-intro__text {
    font-size: 28px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .about-intro__text {
    font-size: 32px;
  }
}
#page-about-us .about-intro__text p {
  margin: 0 0 12px;
}
#page-about-us .about-intro__text > *:last-child {
  margin-bottom: 0;
}
#page-about-us .about-intro__text strong,
#page-about-us .about-intro__text b {
  color: inherit;
}
#page-about-us .farm-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 79px;
}
@media screen and (max-width: 1365px) {
  #page-about-us .farm-block {
    gap: 48px;
  }
}
@media screen and (max-width: 1023px) {
  #page-about-us .farm-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
#page-about-us .farm-block + .farm-block {
  margin-top: 64px;
}
@media screen and (max-width: 1023px) {
  #page-about-us .farm-block + .farm-block {
    margin-top: 40px;
  }
}
#page-about-us .farm-block__copy {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
#page-about-us .farm-block__text {
  color: var(--colour--neutral-grey);
}
#page-about-us .farm-block__text p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 24px;
}
@media screen and (min-width: 0px) {
  #page-about-us .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .farm-block__text p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .farm-block__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .farm-block__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-about-us .farm-block__text > *:last-child {
  margin-bottom: 0;
}
#page-about-us .farm-block__text strong,
#page-about-us .farm-block__text b {
  color: var(--colour--neutral-grey);
}
#page-about-us .farm-block__text a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-about-us .farm-block__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-about-us .farm-block__text a:hover:after,
#page-about-us .farm-block__text a:focus:after {
  width: 100%;
}
#page-about-us .farm-block__text a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-about-us .farm-block__text a:hover:after,
#page-about-us .farm-block__text a:focus:after {
  width: 100%;
}
#page-about-us .farm-block__text ul,
#page-about-us .farm-block__text ol {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 24px;
  padding-left: 24px;
  list-style: disc outside;
}
@media screen and (min-width: 0px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .farm-block__text ul,
  #page-about-us .farm-block__text ol {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-about-us .farm-block__text ol {
  list-style: decimal outside;
}
#page-about-us .farm-block__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48.7%;
          flex: 0 0 48.7%;
  height: 520px;
  border-radius: 50px;
  overflow: hidden;
}
@media screen and (max-width: 1365px) {
  #page-about-us .farm-block__media {
    height: 420px;
  }
}
@media screen and (max-width: 1023px) {
  #page-about-us .farm-block__media {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 280px;
  }
}
#page-about-us .farm-block__media .img-load-wrap {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}
#page-about-us .farm-block__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (min-width: 1024px) {
  #page-about-us .farm-block--reverse .farm-block__media {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #page-about-us .farm-block--reverse .farm-block__copy {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#page-about-us #board {
  margin-top: -50px;
  padding-block: 152px 120px;
  background-color: var(--colour--neutral-blue-10);
}
@media screen and (max-width: 1023px) {
  #page-about-us #board {
    margin-top: -32px;
    padding-block: 80px 64px;
  }
}
#page-about-us .board__title {
  margin: 0 auto 52px;
  color: var(--colour--primary-red);
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #page-about-us .board__title {
    margin-bottom: 32px;
  }
}
#page-about-us .board-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1365px) {
  #page-about-us .board-grid {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  #page-about-us .board-grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  #page-about-us .board-grid {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
#page-about-us .board-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 32px 24px;
  border-radius: 20px;
  background-color: var(--colour--white);
  text-align: center;
}
#page-about-us .board-card__district {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  color: var(--colour--neutral-grey);
}
#page-about-us .board-card__name {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  width: auto;
  margin: -4px 0 0;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-about-us .board-card__name {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board-card__name {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board-card__name {
    font-size: 32px;
    line-height: normal;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .board-card__name {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board-card__name {
    font-size: 28px;
    line-height: normal;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board-card__name {
    font-size: 32px;
    line-height: normal;
  }
}
#page-about-us .board-card__role {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: var(--colour--neutral-grey);
}
@media screen and (min-width: 0px) {
  #page-about-us .board-card__role {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board-card__role {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board-card__role {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .board-card__role {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board-card__role {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board-card__role {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-about-us .board__note {
  margin-top: 52px;
  color: var(--colour--neutral-grey);
  text-align: center;
}
#page-about-us .board__note p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 8px;
}
@media screen and (min-width: 0px) {
  #page-about-us .board__note p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board__note p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board__note p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-about-us .board__note p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-us .board__note p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-about-us .board__note p {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-about-us .board__note > *:last-child {
  margin-bottom: 0;
}
#page-about-us .board__note a {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colour--primary-red);
  text-decoration: none;
}
#page-about-us .board__note a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-about-us .board__note a:hover:after,
#page-about-us .board__note a:focus:after {
  width: 100%;
}
#page-about-us .board__note a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#page-about-us .board__note a:hover:after,
#page-about-us .board__note a:focus:after {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #page-about-us .board__note {
    margin-top: 32px;
  }
}
#page-contact {
  background-color: var(--colour--secondary-yellow-20);
}
#page-contact #get-in-touch {
  padding-block: 92px 120px;
}
@media screen and (max-width: 1023px) {
  #page-contact #get-in-touch {
    padding-block: 56px 64px;
  }
}
#page-contact .contact-layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 160px 394px;
  grid-template-columns: minmax(0, 1fr) 394px;
  -webkit-column-gap: 160px;
     -moz-column-gap: 160px;
          column-gap: 160px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 1365px) {
  #page-contact .contact-layout {
    -webkit-column-gap: 72px;
       -moz-column-gap: 72px;
            column-gap: 72px;
  }
}
@media screen and (max-width: 1023px) {
  #page-contact .contact-layout {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    row-gap: 48px;
  }
}
#page-contact .contact-main {
  min-width: 0;
}
#page-contact .contact__title {
  margin: 0 0 69px;
  color: var(--colour--primary-red);
}
@media screen and (max-width: 1023px) {
  #page-contact .contact__title {
    margin-bottom: 32px;
  }
}
#page-contact .contact-form {
  margin-bottom: 67px;
}
#page-contact .contact-form .gform_footer .gform_button,
#page-contact .contact-form .gform_footer input[type="submit"] {
  max-width: 240px;
}
@media screen and (max-width: 1023px) {
  #page-contact .contact-form {
    margin-bottom: 40px;
  }
}
#page-contact .contact__rule {
  height: 1px;
  margin: 0 0 44px;
  border: 0;
  background-color: var(--colour--primary-red-30);
}
#page-contact .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 475px;
}
#page-contact .contact-details__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
#page-contact .contact-details__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  background-color: var(--colour--primary-red);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#page-contact .contact-details__icon--home {
  mask-image: url('/wp-content/themes/mbchicken/static/images/home.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/home.svg');
}
#page-contact .contact-details__icon--mail {
  mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
}
#page-contact .contact-details__icon--call {
  mask-image: url('/wp-content/themes/mbchicken/static/images/call.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/call.svg');
}
#page-contact .contact-details__icon--print {
  mask-image: url('/wp-content/themes/mbchicken/static/images/print.svg');
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/print.svg');
}
#page-contact .contact-details__text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--colour--neutral-grey);
  text-decoration: none;
}
@media screen and (min-width: 0px) {
  #page-contact .contact-details__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-contact .contact-details__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-contact .contact-details__text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 0px) {
  #page-contact .contact-details__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  #page-contact .contact-details__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1280px) {
  #page-contact .contact-details__text {
    font-size: 20px;
    line-height: 28px;
  }
}
#page-contact .contact-people {
  border-left: 1px solid var(--colour--primary-red-30);
  padding-left: 61px;
}
@media screen and (max-width: 1365px) {
  #page-contact .contact-people {
    padding-left: 32px;
  }
}
@media screen and (max-width: 1023px) {
  #page-contact .contact-people {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid var(--colour--primary-red-30);
    padding-top: 32px;
  }
}
#page-contact .contact-people__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0 8px 0 0;
  list-style: none;
  max-height: 1433px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--colour--primary-red-30) transparent;
}
#page-contact .contact-people__list::-webkit-scrollbar {
  width: 4px;
}
#page-contact .contact-people__list::-webkit-scrollbar-track {
  background: transparent;
}
#page-contact .contact-people__list::-webkit-scrollbar-thumb {
  background: var(--colour--primary-red-30);
  border-radius: 4px;
}
@media screen and (max-width: 1023px) {
  #page-contact .contact-people__list {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}
#page-contact .contact-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 20px;
  background-color: var(--colour--white);
}
#page-contact .contact-person__name {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: normal;
  margin: 0;
  color: var(--colour--primary-red);
}
@media screen and (min-width: 0px) {
  #page-contact .contact-person__name {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-contact .contact-person__name {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-contact .contact-person__name {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (min-width: 0px) {
  #page-contact .contact-person__name {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #page-contact .contact-person__name {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1280px) {
  #page-contact .contact-person__name {
    font-size: 24px;
    font-weight: 500;
  }
}
#page-contact .contact-person__role {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: -7px 0 0;
  color: var(--colour--neutral-grey-30);
  text-transform: uppercase;
  letter-spacing: 0.56px;
}
#page-contact .contact-person__email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--colour--neutral-grey);
  text-decoration: none;
}
#page-contact .contact-person__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: var(--colour--primary-red);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('/wp-content/themes/mbchicken/static/images/mail.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
}
#page-contact .contact-person__email:hover {
  color: var(--colour--primary-red);
}