/* Base - site-specific settings */


:root {
  /* General variables */
  --color-black: #1E1E1E;
  --color-white: #FFF;
  --color-charcoal: #333;
  --color-gray: #B1B3B6;
  --color-gray-light: #CDCFD1;
  --color-gray-dark: #707070;
  /* Brand variables */
  --color-blue: #0A4976;
  --color-blue-light: #E6EDF2;
  --color-red: #B25756;
  --color-red-dark: #8E1D1C;
  /* Theme variables */
  --color-bg-body: var(--color-white);
  --color-text: var(--color-charcoal);
  --color-anchors: var(--color-red);
  --color-heading: var(--color-blue);
  --color-lists: var(--color-charcoal);
  --color-button-bg: var(--color-orange);
  --color-button-color: var(--color-white);
  --color-input-bg: #F4F6F8;
  --color-input-border: #CDCFD1;
}



/* Brand colors */
.color-black {
  --color-heading: var(--color-black);
  color: var(--color-black);
}

.color-white {
  --color-heading: var(--color-white);
  color: var(--color-white);
}

.color-gray-dark {
  --color-heading: var(--color-gray-dark);
  color: var(--color-gray-dark);
}

.color-charcoal {
  --color-heading: var(--color-charcoal);
  color: var(--color-charcoal);
}

.color-blue {
  --color-heading: var(--color-blue);
  color: var(--color-blue);
}

.color-red {
  --color-heading: var(--color-red);
  color: var(--color-red);
}

/* Brand background colors */
.bg-white {
  background-color: var(--color-white);
}

.bg-blue {
  --color-heading: var(--color-white);
  --color-text: var(--color-white);
  --color-anchors: var(--color-white);
  --color-lists: var(--color-white);
  background-color: var(--color-blue);
}

/* Global breakpoints */
/* Function for creating reusable breakpoints */
/* Mixin to generate column span classes */
/* Mixin to generate column start classes */
/* Sets max width and centers element */
/* Smaller version of the container */
/* Creates a center aligned container, with a larger max width */
/* List reset */
/* Button reset */
/* Field reset */
/* Screen reader only styles */
/* Larger lead text */


:root {
  /* Containers */
  --container-padding-inline: clamp(2rem, 6vw, 12rem);
  --container-max-width: 1650px;
  /* Grid */
  --column-min-width: auto;
  --column-count: 12;
  --grid-align: flex-start;
  --grid-gap: clamp(2rem, 1.5vw, 3rem);
  --grid-gap-nav: clamp(1.5rem, 1.5vw, 4rem);
  /* Spacing */
  --spacing-1: 2rem;
  --spacing-2: clamp(2.5rem, 1.5vw, 3rem);
  --spacing-3: clamp(3rem, 2.5vw, 5rem);
  --spacing-4: clamp(3rem, 3.75vw, 7.5rem);
  --spacing-5: clamp(5rem, 5vw, 10rem);
  --spacing-6: clamp(5rem, 6.25vw, 12.5rem);
  --spacing-7: clamp(8rem, 7.5vw, 15rem);
  --spacing-8: clamp(5rem, 8.75vw, 17.5rem);
  --spacing-9: clamp(5rem, 10vw, 20rem);
  --spacing-10: clamp(5rem, 12.5vw, 25rem);
  /* Global header */
  --header-height: clamp(10rem, 7.75vw, 15.5rem);
  /* Body line-height reset */
  --line-height-tight: 1.1;
  --line-height-base: 1.6;
  --line-height-loose: 2;
  /* Font family */
  --font-family-flex: "mundial-narrow-variable", "Arial Narrow", Arial, sans-serif;
  /* Font weight */
  --font-weight-regular: "wght" 400;
  --font-weight-medium: "wght" 490;
  --font-weight-semibold: "wght" 580;
  --font-weight-bold: "wght" 670;
  /* Font sizing */
  --font-size-base: 1.8rem;
  --font-size-medium: 1.6rem;
  --font-size-small: 1.4rem;
  --font-size-large: clamp(2.1rem, 1.2vw, 2.4rem);
  /* Heading font sizing */
  --font-size-h1: clamp(3.6rem, 5.5vw, 11rem);
  --font-size-h2: clamp(3.6rem, 3.6vw, 7.2rem);
  --font-size-h3: clamp(2.6rem, 2.4vw, 4.8rem);
  --font-size-h4: clamp(2.2rem, 1.8vw, 3.6rem);
  --font-size-h5: clamp(2.2rem, 1.2vw, 2.4rem);
  --font-size-h6: 1.8rem;
  --font-size-micro: clamp(1.9rem, 1vw, 2rem);
  /* General */
  /*--transition: 0.3s;*/
  /* Buttons */
  --btn-row-margin: 2.5rem 0;
}



/*Font mixins*/
/* Global */
/* General css grid setup */
/*
.grid {
  align-items: var(--grid-align);
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--column-count, 1), 1fr);
}


.container {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-inline);
  width: 100%;
}
*/


html {
  font-size: 10px;
  height: 100%;
  scroll-behavior: smooth;
}


/*
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: var(--color-bg-body);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-flex);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: normal;
  height: 100%;
  line-height: var(--line-height-base);
  margin: 0;
  min-height: 100vh;
  position: relative;
  text-align: left;
}
body::after {
  background: rgba(51, 51, 51, 0.4);
  content: "";
  display: block;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: var(--transition);
  visibility: hidden;
  z-index: 100;
}
*/
body.modal-open {
  overflow: hidden;
}
body.sidebar-expanded::after {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

/*
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
ul > li,
ol > li,
p {
  margin: 0;
  padding: 0;
}

strong {
  font-weight: normal;
}

img {
  height: auto;
}

address,
figure {
  font-style: normal;
  margin: 0;
}

figcaption a {
  text-decoration: underline;
}
*/



/*
*,
::after,
::before {
  box-sizing: border-box;
}
*/

/* HTML5 display-role reset for older browsers */
/*
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
menu,
picture,
nav,
section {
  display: block;
}
*/
/* Additional resets for form elements and buttons for better cross-browser consistency */
/*
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
*/
/* Removes the inner border and padding in Firefox */
button,
input {
  overflow: visible;
}

/* Corrects inability to style clickable types in iOS */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Global anchor reset */
a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}

/* Removes dotted underline from abbreviation element */
abbr {
  text-decoration: none;
}

/* Utilities */
/* Visually hide content while keeping it accessible to assistive technologies */
/* Display hidden content when focused or one of its child elements is focused */
/* Utility classes for visually hidden elements */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.visually-hidden-focusable:not(:focus, :focus-within) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Reduce motion for users who prefer reduced animations */
@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.text-lead {
  font-family: var(--font-family-slab);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-base);
}

/* Text alignment options */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-small {
  font-size: var(--font-size-small);
}



/* Global text styles */

/*
p {
  color: var(--color-text);
  font-variation-settings: var(--font-weight-regular);
  font-weight: normal;
  line-height: var(--line-height-base);
}
p:not(:last-of-type):not(.heading-micro) {
  margin-bottom: 3rem;
}
p strong {
  font-weight: var(--font-weight-bold);
}
p a {
  color: var(--color-red);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}

small {
  color: var(--color-gray-dark);
  display: block;
  font-size: var(--font-size-small);
  font-variation-settings: var(--font-weight-regular);
  line-height: 1.3;
}

ul,
ol {
  color: var(--color-lists);
}
*/

/* Formats telephone element */
.link-tel {
  color: inherit;
}

/* Adds underline to anchors */
.link-underline {
  text-decoration: underline;
}

.text-uppercase {
  text-transform: uppercase;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

/* Flex justification options */
.justified-start {
  justify-content: flex-start;
}

.justified-center {
  justify-content: center;
}

.justified-end {
  justify-content: flex-end;
}

figure {
  position: relative;
}

/* Responsive image options */
.img-responsive {
  height: auto;
  width: 100%;
}

.img-fluid {
  height: auto;
  max-width: 100%;
}

/* Crop element into circle */
.img-rounded {
  border-radius: 50%;
  overflow: hidden;
}

/* Oject cover */
.img-cover {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

/* Elements */
hr {
  background: var(--color-gray);
  border: none;
  height: 1px;
  margin: 0;
  width: 100%;
}

/* Heading mixin options */
/* Heading options */



[class*=heading-] {
  color: var(--color-heading);
  font-family: var(--font-family-flex);
  font-style: normal;
  font-weight: normal;
  margin-block: var(--heading-margin);
  text-wrap: balance;
  transition: color var(--transition);
}

.heading-1 {
  font-size: var(--font-size-h1);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: -0.04em;
  line-height: var(--line-height-tight);
}

.heading-2 {
  font-size: var(--font-size-h2);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: -0.04em;
  line-height: var(--line-height-tight);
}

.heading-3 {
  --heading-margin: 0 1.5rem;
  font-size: var(--font-size-h3);
  font-variation-settings: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

.heading-4 {
  font-size: var(--font-size-h4);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.heading-5 {
  --heading-margin: 0 1.5rem;
  font-size: var(--font-size-h5);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.heading-6 {
  --heading-margin: 0 1rem;
  --color-heading: var(--color-charcoal);
  align-items: center;
  display: flex;
  font-size: var(--font-size-h6);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-transform: uppercase;
}

.heading-micro {
  font-size: var(--font-size-micro);
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  text-transform: uppercase;
}

.dropdown {
  position: relative;
}

.js-dropdown-trigger {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.dropdown-menu {
  background: var(--color-white);
  border-radius: 2rem;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
  left: 50%;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 3rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
  visibility: hidden;
  z-index: 10;
}
@media (min-width: 992px) {
  .dropdown-menu {
    left: auto;
    position: absolute;
    top: 100%;
    transform: none;
  }
}
.dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
}

/* General Form Controls (input, select, textarea) */
.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color-input-bg);
  border-radius: 0.2rem;
  border: 1px solid var(--color-input-border);
  color: var(--color-charcoal);
  display: block;
  font-family: var(--font-family-flex);
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-regular);
  line-height: 1;
  outline: none;
  padding: 1rem 2rem;
  transition: border-color var(--transition);
  width: 100%;
}
.form-control:not(textarea) {
  height: 5rem;
}
.form-control:focus {
  background-color: #fff;
  border-color: var(--color-charcoal);
}
.form-control::-moz-placeholder {
  color: var(--color-charcoal);
}
.form-control::placeholder {
  color: var(--color-charcoal);
}
.form-control:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* Select Dropdown */
select.form-control {
  cursor: pointer;
  background: var(--color-input-bg) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" fill="none"><path fill="%230A4976" stroke="%230A4976" stroke-width=".5" d="M5.485 7a.78.78 0 0 1-.636-.32L1.144 2.23c-.224-.32-.187-.802.113-1.042.299-.24.71-.24.935.08L5.41 5.196c.037.04.075.04.15 0l3.217-3.928c.262-.32.674-.361.973-.08.3.28.337.721.075 1.042l-.038.04-3.666 4.45a.944.944 0 0 1-.636.28Z"/></svg>') right 1.5rem center/1.1rem 0.8rem no-repeat;
  padding-right: 3.5rem;
}

/* Textarea */
textarea.form-control {
  min-height: 10rem;
  resize: vertical;
}

.control-search {
  background: var(--color-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M7.102.313a7.042 7.042 0 0 1 5.701 11.263l4.03 4.03a1 1 0 0 1-1.415 1.414l-4.03-4.03a7.038 7.038 0 0 1-6.856.895A7.041 7.041 0 0 1 7.102.313Zm3.652 10.585a1.137 1.137 0 0 0-.044.044 5.043 5.043 0 0 1-8.183-1.615l-.85.361.85-.361a5.042 5.042 0 0 1 9.28-3.945l.89-.378-.89.378a5.042 5.042 0 0 1-1.042 5.505l-.01.01Z' clip-rule='evenodd'/%3E%3C/svg%3E") 1.5rem center/1.7rem 1.7rem no-repeat;
  padding-left: 4rem;
}

.control-date {
  background: var(--color-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none'%3E%3Cpath fill='%230A4976' d='M13.696 2h-1.794a.161.161 0 0 1-.115-.049.168.168 0 0 1-.048-.118V.667a.674.674 0 0 0-.19-.472.645.645 0 0 0-.923 0 .674.674 0 0 0-.191.472v3.166c0 .133-.052.26-.144.354a.484.484 0 0 1-.691 0 .506.506 0 0 1-.143-.354v-1.5a.337.337 0 0 0-.096-.235.323.323 0 0 0-.23-.098H5.053a.161.161 0 0 1-.115-.049.169.169 0 0 1-.048-.118V.667a.674.674 0 0 0-.19-.472.645.645 0 0 0-.923 0 .674.674 0 0 0-.191.472v3.166c0 .133-.052.26-.143.354a.484.484 0 0 1-.692 0 .506.506 0 0 1-.143-.354v-1.5a.337.337 0 0 0-.096-.235.323.323 0 0 0-.23-.098h-.979c-.346 0-.677.14-.922.39S0 2.98 0 3.334v11.334c0 .353.137.692.382.943.245.25.576.39.922.39h12.392c.346 0 .677-.14.922-.39s.382-.59.382-.943V3.333c0-.353-.137-.692-.382-.942A1.29 1.29 0 0 0 13.696 2Zm-.326 12.667H1.63a.323.323 0 0 1-.23-.098.337.337 0 0 1-.096-.236v-8c0-.088.035-.173.096-.235A.323.323 0 0 1 1.63 6h11.74c.086 0 .169.035.23.098a.337.337 0 0 1 .096.235v8a.337.337 0 0 1-.096.236.323.323 0 0 1-.23.098Z'/%3E%3C/svg%3E") right 1rem center/1.5rem 1.5rem no-repeat;
  padding-right: 3rem;
}

/* Custom Checkbox & Radio */
.checkbox-group {
  display: grid;
  gap: 1rem;
}

.input-control {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.2;
  text-align: left;
}
.input-control input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color-input-bg);
  border-radius: 0.2rem;
  border: 1px solid var(--color-input-border);
  cursor: pointer;
  height: 2rem;
  position: relative;
  transition: background-color var(--transition), border-color var(--transition);
  width: 2rem;
}
.input-control input[type=checkbox]::after {
  background: var(--color-white);
  clip-path: polygon(93.8% 7.3%, 93.3% 12.9%, 57.2% 47.8%, 42.5% 62.4%, 36.5% 68.4%, 29.7% 62.4%, 6.2% 41.3%, 0.2% 35.4%, 6.2% 29.4%, 12.3% 35.4%, 35.2% 55.5%, 49.8% 41.3%, 85.6% 7.1%, 93.8% 7.3%);
  content: "";
  height: 1.5rem;
  left: 50%;
  margin-top: 0.2rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity var(--transition);
  width: 1.4rem;
}
.input-control input[type=checkbox]:focus {
  outline: 0.2rem auto -webkit-focus-ring-color;
}
.input-control input[type=checkbox]:checked {
  background-color: rgba(10, 73, 118, 0.5);
  border-color: rgba(10, 73, 118, 0.5);
}
.input-control input[type=checkbox]:checked::after {
  opacity: 1;
}
.input-control label {
  cursor: pointer;
}

/* Datepicker styles */
.air-datepicker-body--day-name {
  --adp-day-name-color: var(--color-red);
}

/* Global base styles applied to all buttons */
/* Primary button option with background and rounded corners */
/* Global base styles applied to all buttons */
.btn {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.7rem;
  justify-content: center;
  line-height: normal;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all var(--transition);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.btn:hover, .btn:focus {
  border: none;
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Styles specific to the primary button option */
.btn-primary {
  background: var(--color-button-bg);
  border-radius: 5rem;
  color: var(--color-button-color);
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  height: 5rem;
  letter-spacing: 0.05em;
  padding: 0.2rem clamp(2rem, 1.25vw, 2.5rem) 0;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .btn-primary {
    width: 100%;
  }
}
.btn-primary:hover {
  background: var(--color-button-bg-hover);
}
.btn-primary.btn-white {
  --color-button-bg: var(--color-white);
  --color-button-color: var(--color-blue);
}
.btn-primary.btn-white:hover {
  --color-button-bg-hover: #072C47;
  --color-button-color: var(--color-white);
}
.btn-primary.btn-blue {
  --color-button-bg: var(--color-blue);
  --color-button-color: var(--color-white);
}
.btn-primary.btn-blue:hover {
  --color-button-bg-hover: #072C47;
}
.btn-primary.btn-blue-light {
  --color-button-bg: rgba(10, 73, 118, 0.5);
  --color-button-color: var(--color-white);
}
.btn-primary.btn-blue-light:hover {
  --color-button-bg-hover: #072C47;
}
.btn-primary.btn-red {
  --color-button-bg: var(--color-red);
  --color-button-color: var(--color-white);
}
.btn-primary.btn-red:hover {
  --color-button-bg-hover: #924443;
}

/* Styles specific to the secondary button option */
.btn-secondary {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--color-button-color);
  display: inline-flex;
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  gap: 0.5rem;
  letter-spacing: 0.05em;
  margin-block: 1rem;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}
.btn-secondary svg {
  transform: translateY(-0.2rem);
}
.btn-secondary.btn-white {
  --color-button-color: var(--color-white);
}
.btn-secondary.btn-blue {
  --color-button-color: var(--color-blue);
}
.btn-secondary.btn-red {
  --color-button-color: var(--color-red);
}
.btn-secondary:hover {
  text-decoration: underline;
}

/* Circle button with centered arrow graphic */
.btn-back {
  align-items: center;
  border-radius: 50%;
  border: solid 0.2rem var(--color-blue);
  color: var(--color-blue);
  display: flex;
  height: clamp(3rem, 2.5vw, 5rem);
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: clamp(3rem, 2.5vw, 5rem);
}
.btn-back svg {
  transition: var(--transition);
  width: clamp(1.3rem, 1vw, 2rem);
}
.btn-back::after {
  background: var(--color-blue);
  clip-path: path("M10.124.286a1.054 1.054 0 0 0-1.445 0L.3 8.31a.949.949 0 0 0 0 1.383l8.38 8.022a1.054 1.054 0 0 0 1.445 0 .949.949 0 0 0 0-1.383L3.488 9.978h15.49C19.544 9.978 20 9.54 20 9s-.457-.978-1.021-.978H3.488l6.636-6.353a.949.949 0 0 0 0-1.383Z");
  content: "";
  display: block;
  height: 1.8rem;
  left: 100%;
  max-width: clamp(1.3rem, 1vw, 2rem);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: var(--transition);
  width: 2rem;
}
.btn-back:hover {
  border: solid 0.2rem var(--color-blue);
}
.btn-back:hover svg {
  transform: translateX(-200%);
}
.btn-back:hover::after {
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-back-sm {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}
.btn-back-sm::before {
  border-left: 0.2rem solid var(--color-red);
  border-top: 0.2rem solid var(--color-red);
  content: "";
  display: inline-block;
  height: 1.1rem;
  min-width: 1.1rem;
  transform-origin: top;
  transform: rotate(-45deg);
  transition: var(--transition);
  width: 1.1rem;
}
.btn-back-sm:hover {
  color: var(--color-red);
}

.btn-edit {
  background: transparent;
  border: none;
  color: var(--color-red-dark);
  font-size: var(--font-size-small);
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  padding: 0;
  text-transform: uppercase;
}
.btn-edit:hover {
  text-decoration: underline;
}

.btn-sort {
  background: transparent;
  border: none;
  display: flex;
  font-size: var(--font-size-small);
  font-variation-settings: var(--font-weight-regular);
  letter-spacing: 0.05em;
  padding: 0;
  text-transform: uppercase;
}

.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block: var(--btn-row-margin);
}

/*
.tooltip-trigger {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 1rem;
}

.tooltip {
  background: var(--color-white);
  border-radius: 1rem;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
  color: var(--color-red-dark);
  font-size: var(--font-size-base);
  font-variation-settings: var(--font-weight-semibold);
  line-height: 1.3;
  margin-inline: 2rem;
  max-width: 40rem;
  padding: 2rem;
  pointer-events: none;
  position: absolute;
  transition: opacity var(--transition) ease-in-out;
  z-index: 1000;
}
*/

/* Components - specific elements that make up a page */
/* Removes default list styling */
.list-reset {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.list-split {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}




.modal {
  align-items: center;
  background: rgba(51, 51, 51, 0.4);
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  overflow: auto;
  padding: 2rem;
  pointer-events: none;
  position: fixed;
  transition: var(--transition);
  visibility: hidden;
  z-index: 1000;
}
.modal.show {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.modal-content {
  background: var(--color-white);
  border-radius: 2rem;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
  max-height: 95vh;
  max-width: 52rem;
  overflow-y: auto;
  padding: var(--spacing-3);
  position: relative;
  width: 100%;
}

.modal-close {
  background: transparent;
  border: none;
  color: var(--color-charcoal);
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  transition: var(--transition);
}
.modal-close:hover {
  color: var(--color-red);
}

.js-modal-trigger {
  cursor: pointer;
}

/* Default modal with centered alignment */
.modal-general {
  --heading-margin: 0 1.5rem;
  text-align: center;
}
.modal-general .btn {
  margin-top: 1rem;
}

/* Styles specific to the "report an issue" modal */
.modal-report {
  text-align: center;
}
.modal-report p {
  font-size: var(--font-size-medium);
}
.modal-report .group-offset {
  padding-left: var(--spacing-2);
}
.modal-report .form-control {
  width: 100%;
}
.modal-report .checkbox-group {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .modal-report .checkbox-group {
    max-width: 60%;
  }
}
.modal-report .form-footer {
  display: grid;
  gap: 3rem;
  justify-items: center;
  margin-top: 2rem;
}
.modal-report .form-footer .btn {
  min-width: 50%;
}

fieldset {
  border: none;
  margin-inline: 0;
  padding: 0;
}

.form-group {
  margin-block: 3rem;
}

.form-label {
  display: block;
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-regular);
  margin-bottom: 0.5rem;
}

.form-general {
  text-align: center;
}

/* Layout */
/* Global site header */
.site-header {
  --btn-row-margin: 0;
  position: relative;
  z-index: 99;

/*moved*/
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

/*moved from body*/

/*
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: var(--color-bg-body);
color: var(--color-text);
display: flex;
flex-direction: column;
font-family: var(--font-family-flex);
font-size: var(--font-size-base);
font-style: normal;
font-weight: normal;
height: 100%;
line-height: var(--line-height-base);
margin: 0;
min-height: 100vh;
position: relative;
text-align: left;
*/
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: var(--color-bg-body);
color: var(--color-text);
display: flex;
flex-direction: column;
font-family: var(--font-family-flex);
font-size: var(--font-size-base);
font-style: normal;
font-weight: normal;
height: 100%;
line-height: var(--line-height-base);
margin: 0;


}
.site-header.is-fixed {
  inset-inline: 0;
  position: fixed;
  top: 0;
}
.site-header .header-body {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-inline);
  width: 100%;
  align-items: center;
  -moz-column-gap: var(--grid-gap);
       column-gap: var(--grid-gap);
  display: flex;
  height: 10rem;
  justify-content: space-between;
  padding-block: 3rem;
  position: relative;
}
@media (min-width: 992px) {
  .site-header .header-body {
    height: auto;
    margin-bottom: var(--spacing-3);
    padding-block: 0.5rem 0;
  }
}
.site-header .dropdown-menu {
  display: block;
  left: auto;
  margin-top: 2.5rem;
  min-width: 33rem;
  right: 2rem;
  top: auto;
  transform: none;
}
.site-header .dropdown-menu::before {
  background-color: white;
  bottom: calc(100% - 0.3rem);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 2.5rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M15.411 16.103C10.48 19.871 8.733 20.813 0 22.907V24h75v-1.094c-4.931 0-12.329-4.535-15.411-6.803L40.069.925c-2.055-1.675-4.281-.698-5.138 0-4.451 3.489-14.588 11.41-19.52 15.178Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M15.411 16.103C10.48 19.871 8.733 20.813 0 22.907V24h75v-1.094c-4.931 0-12.329-4.535-15.411-6.803L40.069.925c-2.055-1.675-4.281-.698-5.138 0-4.451 3.489-14.588 11.41-19.52 15.178Z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  right: 3rem;
  width: 7.5rem;
}
.site-header .dropdown-menu .menu-sub {
  border-bottom: solid 1px var(--color-gray-light);
  margin-top: 2.5rem;
}
.site-header .dropdown-menu .menu-sub > li {
  border-top: solid 1px var(--color-gray-light);
}
.site-header .dropdown-menu .menu-sub > li > a {
  display: flex;
  font-size: 1.6rem;
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  padding-block: 2.25rem 2rem;
  text-transform: uppercase;
}
.site-header .dropdown-menu .menu-sub > li > a:not(.color-red) {
  color: var(--color-blue);
}
.site-header .dropdown-menu .menu-sub > li > a:hover {
  color: var(--color-red);
}
.site-header .dropdown-menu .menu-sub > li > strong {
  color: var(--color-charcoal);
  display: flex;
  font-size: 1.6rem;
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  padding-block: 2.25rem 2rem;
  text-transform: uppercase;
}
.site-header .dropdown-menu .menu-sub ul {
  margin-top: -1rem;
  padding-bottom: 2rem;
}
.site-header .dropdown-menu .menu-sub ul a {
  color: var(--color-blue);
  text-transform: none;
  font-variation-settings: "wght" 400;
  font-size: 1.6rem;
}
.site-header .dropdown-menu .menu-sub ul a:hover {
  color: var(--color-red);
}

/* Global site logo */
.site-logo {
  align-self: flex-end;
  color: var(--color-logo);
  display: block;
  width: clamp(17.5rem, 12.5vw, 25rem);
  z-index: 1;
}
.site-logo svg {
  display: block;
}

/* Global primary navigation */
.primary-nav {
  align-items: flex-start;
  border-top: solid 1px var(--color-gray);
  display: flex;
  flex-direction: column;
  -moz-column-gap: var(--grid-gap-nav);
       column-gap: var(--grid-gap-nav);
  list-style: none;
  margin-bottom: 2rem;
  pointer-events: none;
}
@media (min-width: 992px) {
  .primary-nav {
    align-items: center;
    border-top: none;
    bottom: 0;
    display: flex;
    flex-direction: row;
    inset-inline: 0;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
  }
}
.primary-nav .nav-item {
  border-bottom: solid 1px var(--color-gray);
  pointer-events: all;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .primary-nav .nav-item {
    border: none;
    width: auto;
  }
}
.primary-nav .nav-link {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--color-nav);
  cursor: pointer;
  display: flex;
  font-family: var(--font-family-slab);
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-semibold);
  justify-content: space-between;
  letter-spacing: 0.05em;
  padding: 2rem 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 992px) {
  .primary-nav .nav-link {
    justify-content: flex-start;
    padding: 1rem 0;
  }
}
@media (min-width: 992px) {
  .primary-nav .nav-link.current::after {
    background: var(--color-red);
    bottom: 1rem;
    content: "";
    display: block;
    height: 0.2rem;
    inset-inline: 0;
    position: absolute;
  }
}
.primary-nav .nav-link:hover {
  color: var(--color-red);
}
.primary-nav .sub-toggle {
  gap: 0.5rem;
}
.primary-nav .sub-toggle::after {
  background: var(--color-orange);
  clip-path: path("M.293.293a1 1 0 0 1 1.414 0L5 3.586 8.293.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z");
  content: "";
  display: block;
  height: 0.6rem;
  width: 1rem;
}
@media (min-width: 992px) {
  .primary-nav .sub-toggle::after {
    background: var(--color-dropdown);
  }
}
@media (max-width: 992px) {
  .primary-nav .dropdown-menu {
    background: linear-gradient(to bottom, #D8D8D8 0, #FFFFFF 20%);
    border-radius: 0;
    box-shadow: none;
    inset: 10rem 0 0 0;
    margin: 0;
    padding: 2rem var(--container-padding-inline) 2rem var(--container-padding-inline);
    position: fixed;
    transform: translateX(100%);
  }
  .primary-nav .dropdown-menu.show {
    transform: none;
  }
  .primary-nav .dropdown-menu li {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .primary-nav .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
  }
}
.primary-nav .dropdown-menu::before {
  display: none;
}
@media (min-width: 992px) {
  .primary-nav .dropdown-menu::before {
    display: block;
    left: 50%;
    transform: translateX(-50%);
  }
}
.primary-nav .back-btn {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2222%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23333%22%20stroke-width%3D%221.5%22%20d%3D%22m12%2020.982-10-10%2010-10%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  height: 2rem;
  transform: translateY(0.5rem);
  width: 1rem;
}
@media (min-width: 992px) {
  .primary-nav .back-btn {
    display: none;
  }
}
.primary-nav .sub-heading {
  color: var(--color-gray-dark);
  font-family: var(--font-family-flex);
  font-size: 1.6rem;
  font-style: normal;
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: 1.6%;
  margin-left: auto;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .primary-nav .sub-heading {
    color: var(--color-blue);
    font-size: var(--font-size-h4);
    font-variation-settings: var(--font-weight-bold);
    letter-spacing: -0.01em;
    line-height: 1.25;
    margin-left: 0;
    text-transform: none;
  }
}

/* Secondary navigation */
.secondary-nav {
  align-items: center;
  display: flex;
  gap: var(--grid-gap);
  justify-content: flex-end;
  list-style: none;
  padding-top: 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  .secondary-nav {
    padding-top: 0;
  }
}
.secondary-nav li {
  position: relative;
}
.secondary-nav .dropdown .nav-link {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
}
.secondary-nav .dropdown .nav-link::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none'%3E%3Cpath fill='%23333' d='M3.88 4.031a.52.52 0 0 1-.424-.214L.986.851C.838.637.863.317 1.063.156c.2-.16.474-.16.623.054L3.83 2.829c.025.026.05.026.1 0L6.075.209c.175-.213.45-.24.649-.053.2.187.224.481.05.695l-.025.027-2.445 2.966a.63.63 0 0 1-.424.187Z' opacity='.9'/%3E%3C/svg%3E") center center/contain no-repeat;
  content: "";
  display: block;
  height: 0.8rem;
  width: 0.8rem;
}
.secondary-nav .nav-link {
  color: var(--color-black);
  font-size: var(--font-size-small);
  font-variation-settings: var(--font-weight-medium);
  padding-block: 1rem;
  transition: var(--transition);
}
.secondary-nav .nav-link.current {
  color: var(--color-red);
}

/* Nutrition navigation */
.nutrition-nav {
  background: var(--color-blue);
}
.nutrition-nav .nav-body {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-inline);
  width: 100%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem var(--grid-gap-nav);
  padding-block: 2rem;
}
.nutrition-nav .nav-title {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-family: var(--font-family-flex);
  font-size: var(--font-size-large);
  font-variation-settings: var(--font-weight-bold);
  gap: 1rem;
  line-height: var(--line-height-tight);
}
@media (min-width: 768px) {
  .nutrition-nav .nav-title {
    pointer-events: none;
  }
}
.nutrition-nav .nav-title::after {
  background-color: var(--color-white);
  content: "";
  display: block;
  height: 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2015%2010'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M7.474%2010a1.3%201.3%200%200%201-1.06-.534L.241%202.05C-.134%201.515-.071.714.428.313c.498-.401%201.184-.401%201.559.133L7.35%206.994c.062.066.124.066.249%200L12.962.446c.437-.534%201.123-.6%201.621-.133.5.467.562%201.202.125%201.737l-.062.067-6.112%207.415c-.249.268-.686.468-1.06.468Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2015%2010'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M7.474%2010a1.3%201.3%200%200%201-1.06-.534L.241%202.05C-.134%201.515-.071.714.428.313c.498-.401%201.184-.401%201.559.133L7.35%206.994c.062.066.124.066.249%200L12.962.446c.437-.534%201.123-.6%201.621-.133.5.467.562%201.202.125%201.737l-.062.067-6.112%207.415c-.249.268-.686.468-1.06.468Z'/%3E%3C/svg%3E");
  opacity: 1;
  transform-origin: center;
  transform: rotate(0);
  transition: var(--transition);
  width: 1.5rem;
}
@media (min-width: 768px) {
  .nutrition-nav .nav-title::after {
    display: none;
  }
}
.nutrition-nav .nav-title.show::after {
  transform: rotate(180deg);
}
.nutrition-nav .dropdown {
  width: 100%;
}
@media (min-width: 768px) {
  .nutrition-nav .dropdown {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap);
    width: auto;
  }
}
.nutrition-nav .nav-menu {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  -moz-column-gap: var(--grid-gap-nav);
       column-gap: var(--grid-gap-nav);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .nutrition-nav .nav-menu {
    background: var(--color-white);
    border-radius: 2rem;
    box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
    inset-inline: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 3rem;
    position: absolute;
    top: calc(100% + 1rem);
    transition: var(--transition);
    visibility: hidden;
    z-index: 10;
  }
}
@media (min-width: 768px) {
  .nutrition-nav .nav-menu {
    flex-direction: row;
  }
}
.nutrition-nav .nav-menu.show {
  opacity: 1;
  visibility: visible;
}
.nutrition-nav .nav-menu li {
  align-items: center;
  border-top: solid 1px var(--color-gray-light);
  display: flex;
}
@media (min-width: 768px) {
  .nutrition-nav .nav-menu li {
    border: none;
  }
}
.nutrition-nav .nav-menu a {
  color: var(--color-blue);
  font-size: 1.6rem;
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  padding-block: 2.25rem 2rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .nutrition-nav .nav-menu a {
    color: var(--color-white);
    font-size: var(--font-size-medium);
    line-height: var(--line-height-base);
    padding: 0;
    position: relative;
  }
}
@media (min-width: 992px) {
  .nutrition-nav .nav-menu a.current::after {
    background: var(--color-red);
    content: "";
    display: block;
    height: 0.2rem;
  }
}
.nutrition-nav .btn-row {
  margin: 2rem 0 0;
  width: 100%;
}
@media (min-width: 1400px) {
  .nutrition-nav .btn-row {
    margin: 0 0 0 auto;
    width: auto;
  }
}

/* Global navigation wrapper */
.site-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  transition: none;
  z-index: 10;
}
@media (max-width: 992px) {
  .site-navigation {
    background: linear-gradient(to bottom, #D8D8D8 0, #FFFFFF 20%);
    flex-direction: column;
    inset-block: var(--header-height) 0;
    inset-inline: 0;
    opacity: 0;
    overflow: auto;
    padding-inline: var(--container-padding-inline);
    position: fixed;
    visibility: hidden;
  }
  .site-navigation.show {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .site-navigation {
    justify-content: flex-end;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .site-navigation {
    justify-content: flex-end;
    margin-top: 0;
    width: auto;
  }
}

/* Mobile navigation toggle */
.navbar-toggle {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  margin-left: auto;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: var(--transition);
  visibility: visible;
  z-index: 100;
}
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-toggle.show .toggle-icons {
  border-color: transparent;
}
.navbar-toggle.show .toggle-icons:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.navbar-toggle.show .toggle-icons:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.toggle-icons {
  background: transparent;
  border-bottom: 2px solid var(--color-charcoal);
  border-top: 2px solid var(--color-charcoal);
  color: var(--color-charcoal);
  display: block;
  font-size: 0;
  height: 1.4rem;
  margin: 0 auto;
  position: relative;
  transition: var(--transition);
  width: 2rem;
}
.toggle-icons:before, .toggle-icons:after {
  background: var(--color-charcoal);
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
  width: 100%;
}

.site-footer {
  --color-text: var(--color-white);
  background: var(--color-blue);
  margin-top: auto;
  padding-block: 3rem;
  width: 100%;


  /*moved*/
    *,
    ::after,
    ::before {
      box-sizing: border-box;
    }

  /*moved from body*/

  /*
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: var(--color-bg-body);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-flex);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: normal;
  height: 100%;
  line-height: var(--line-height-base);
  margin: 0;
  min-height: 100vh;
  position: relative;
  text-align: left;
  */

  font-family: var(--font-family-flex);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: normal;
  height: 100%;
  line-height: var(--line-height-base);
  margin: 0;


}
.site-footer a {
  color: var(--color-white);
  text-decoration: none;
}
.site-footer a:hover {
  color: var(--color-gray);
  text-decoration: none;
}

.footer-body {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-inline);
  width: 100%;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  display: grid;
  row-gap: 2rem;
}
@media (min-width: 992px) {
  .footer-body {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1200px) {
  .footer-body {
    row-gap: 1rem;
  }
}

.footer-logo {
  grid-column: span 12;
  text-align: center;
  transform: translateY(1.5rem);
}
@media (min-width: 1200px) {
  .footer-logo {
    grid-column: span 3;
    text-align: left;
  }
}
.footer-logo a {
  display: block;
}

.footer-nav {
  align-items: center;
  -moz-column-gap: var(--grid-gap-nav);
       column-gap: var(--grid-gap-nav);
  display: none;
  grid-column: span 12;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .footer-nav {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .footer-nav {
    grid-column: 4/span 8;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .footer-nav {
    grid-column: 4/span 6;
  }
}
.footer-nav li {
  font-variation-settings: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.footer-social {
  display: flex;
  gap: 2rem;
  grid-column: span 12;
  justify-content: center;
  margin-top: 2rem;
}
@media (min-width: 992px) {
  .footer-social {
    grid-column: 4/span 6;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .footer-social {
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .footer-social {
    grid-column: 10/span 3;
    justify-content: flex-end;
  }
}
.footer-social strong {
  color: var(--color-white);
  font-size: var(--font-size-large);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.footer-social ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  align-items: center;
  display: flex;
  gap: 2rem;
}
.footer-social a {
  display: flex;
}
.footer-social svg {
  width: 3rem;
}

.footer-details {
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  display: flex;
  flex-direction: column;
  grid-column: span 12;
  text-align: center;
}
@media (min-width: 1200px) {
  .footer-details {
    align-items: flex-start;
    grid-column: 4/span 9;
    text-align: left;
  }
}
.footer-details span {
  display: inline-block;
}
.footer-details span:not(:last-of-type)::after {
  content: "|";
  display: inline-block;
  margin-inline: 1rem;
}
.footer-details p:not(.heading-micro) {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-size-small);
  margin-bottom: 0;
}
.footer-details a {
  color: rgba(255, 255, 255, 0.7);
}
.footer-details a:hover {
  color: var(--color-white);
}

/* Blocks */
.header-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem 1rem;
  margin-bottom: var(--spacing-3);
  position: relative;
}
@media (min-width: 992px) {
  .header-block .btn-back {
    position: absolute;
    right: calc(100% + clamp(0.5rem, 1.5vw, 3rem));
    top: 50%;
    transform: translateY(-50%);
  }
}
.header-block [class^=heading-] {
  --heading-margin: 0;
}

.leader-block {
  margin: 0 auto 5rem;
  max-width: var(--container-max-width);
  text-align: center;
}
@media (min-width: 768px) {
  .leader-block {
    margin: var(--spacing-4) auto var(--spacing-3);
    padding-inline: var(--container-padding-inline);
    width: 100%;
  }
}
.leader-block .block-body {
  --color-text: var(--color-white);
  --color-heading: var(--color-white);
  background: var(--color-blue);
  padding-block: var(--spacing-5);
  position: relative;
}
@media (min-width: 768px) {
  .leader-block .block-body {
    border-radius: 2rem;
    overflow: hidden;
  }
}
.leader-block .block-body.is-large {
  padding-block: clamp(10rem, 33vw, 50rem) var(--spacing-5);
}
.leader-block .block-content {
  position: relative;
  z-index: 1;
}
.leader-block .block-image {
  inset: 0;
  margin: 0;
  position: absolute;
}

.split-content {
  --grid-align: center;
  margin-block: var(--spacing-4);
}
.split-content .block-image {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .split-content .block-image {
    grid-column: span 5;
  }
}
.split-content .block-body {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .split-content .block-body {
    grid-column: 7/span 5;
  }
}

.service-block {
  margin: var(--spacing-3) auto;
  max-width: var(--container-max-width);
  overflow: hidden;
  padding-right: var(--container-padding-inline);
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .service-block {
    padding-inline: var(--container-padding-inline);
    width: 100%;
  }
}
.service-block .block-body {
  -ms-overflow-style: none;
  background: var(--color-gray);
  border-bottom-right-radius: 2rem;
  border-top-right-radius: 2rem;
  display: flex;
  gap: var(--grid-gap);
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--spacing-3);
  position: relative;
  scrollbar-width: none;
}
.service-block .block-body::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .service-block .block-body {
    border-radius: 2rem;
  }
}
@media (min-width: 992px) {
  .service-block .block-body {
    flex-wrap: wrap;
  }
}
.service-block li {
  flex: 0 0 clamp(20rem, 20vw, 40rem);
}
@media (min-width: 992px) {
  .service-block li {
    flex: 1;
  }
}
.service-block .item-link {
  align-items: center;
  background: var(--color-blue);
  border-radius: 2rem;
  border: none;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding: 3rem 1rem 2rem;
  width: 100%;
}
.service-block .item-link span {
  align-items: center;
  display: inline-flex;
  font-size: var(--font-size-large);
  font-variation-settings: var(--font-weight-bold);
  gap: 0.5rem;
  line-height: var(--line-height-tight);
  text-align: center;
  transition: 0.5s;
}
.service-block .item-link span::after {
  background: var(--color-red);
  clip-path: path("M7 5.515a.78.78 0 0 1-.32.636L2.23 9.856c-.32.224-.802.187-1.042-.113-.24-.299-.24-.71.08-.935L5.196 5.59c.04-.037.04-.075 0-.15L1.268 2.224c-.32-.262-.361-.674-.08-.973a.752.752 0 0 1 1.042-.075l.04.038 4.45 3.666c.16.15.28.412.28.636Z");
  content: "";
  display: inline-block;
  height: 0.9rem;
  transition: var(--transition);
  width: 0.9rem;
}
.service-block .item-link svg {
  transition: var(--transition);
}
.service-block .item-link:hover svg {
  transform: scale(1.2);
}
.service-block .item-link:hover span {
  transform: translateY(0.3rem);
}
.service-block [class^=heading-] {
  width: 100%;
}
.service-block::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' fill='none'%3E%3Cpath fill='%23B25756' stroke='%23B25756' d='M7 5.515a.78.78 0 0 1-.32.636L2.23 9.856c-.32.224-.802.187-1.042-.113-.24-.299-.24-.71.08-.935L5.196 5.59c.04-.037.04-.075 0-.15L1.268 2.224c-.32-.262-.361-.674-.08-.973a.752.752 0 0 1 1.042-.075l.04.038 4.45 3.666c.16.15.28.412.28.636Z' opacity='.9'/%3E%3C/svg%3E") center center/contain no-repeat;
  content: "";
  display: block;
  height: 1rem;
  left: calc(100% - clamp(2rem, 3vw, 5rem));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition);
  width: 0.8rem;
  z-index: 10;
}
@media (min-width: 992px) {
  .service-block::after {
    display: none;
  }
}

.tabs-block {
  --color-text: var(--color-white);
  --color-heading: var(--color-white);
  margin-inline: auto;
  max-width: var(--container-max-width);
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .tabs-block {
    overflow: hidden;
    margin: var(--spacing-6) auto;
    padding-inline: var(--container-padding-inline);
  }
}
.tabs-block .block-container {
  background: var(--color-blue);
}
@media (min-width: 768px) {
  .tabs-block .block-container {
    border-radius: 2rem;
    overflow: hidden;
  }
}
.tabs-block .block-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-column: span 12;
  padding: var(--spacing-4) var(--container-padding-inline) var(--spacing-6);
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .tabs-block .block-header {
    grid-column: 4/span 5;
  }
}
.tabs-block .block-header picture {
  inset: 0;
  position: absolute;
}
.tabs-block .header-content {
  position: relative;
  z-index: 1;
}
.tabs-block .block-body {
  padding: var(--spacing-4) var(--container-padding-inline) 0;
}
.tabs-block .block-body p {
  max-width: clamp(50rem, 35vw, 70rem);
}
.tabs-block .block-footer {
  display: flex;
  justify-content: center;
  padding: var(--spacing-3) var(--container-padding-inline) var(--spacing-3);
}
.tabs-block .footer-card {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
  width: clamp(50rem, 30vw, 60rem);
}
@media (min-width: 768px) {
  .tabs-block .footer-card {
    width: clamp(50rem, 30vw, 60rem);
  }
}
.tabs-block .footer-card img {
  border-radius: 2rem;
  max-width: clamp(10rem, 8vw, 16rem);
}
.tabs-block .footer-card a {
  color: var(--color-white);
  text-decoration: underline;
}
.tabs-block .card-body {
  flex: 1;
}

/* Tabs navigation */
.tabs-nav {
  background: var(--color-white);
  border-radius: 2rem;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  inset-inline: 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 2rem;
  position: absolute;
  top: 100%;
  transition: var(--transition);
  visibility: hidden;
  z-index: 100;
}
@media (min-width: 1200px) {
  .tabs-nav {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2rem 2rem 0 0;
    box-shadow: none;
    flex-direction: row;
    inset-inline: auto;
    margin: var(--spacing-3) var(--spacing-3) 0;
    opacity: 1;
    padding: 0;
    position: relative;
    top: auto;
    visibility: visible;
  }
}
.tabs-nav.show {
  opacity: 1;
  visibility: visible;
}
.tabs-nav button {
  background: transparent;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border: none;
  color: var(--color-charcoal);
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  letter-spacing: 0.05em;
  padding: 2.8rem 2.5rem 2rem;
  text-transform: uppercase;
  transition: background var(--transition);
}
@media (min-width: 1200px) {
  .tabs-nav button {
    color: var(--color-white);
  }
}
.tabs-nav button.show {
  background: var(--color-white);
  color: var(--color-black);
}
.tabs-nav button.show span {
  display: block;
  position: relative;
}
.tabs-nav button.show span::after {
  background: var(--color-red);
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.2rem;
  inset-inline: 0;
  position: absolute;
}
.tabs-nav button:not(.show) {
  cursor: pointer;
}

.tabs-dropdown {
  position: relative;
}

.tabs-dropdown-toggle {
  align-items: center;
  background: var(--color-white);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  justify-content: space-between;
  letter-spacing: 0.05em;
  margin: var(--spacing-3) 0 0;
  padding: 2rem 5rem 2rem 2rem;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 576px) {
  .tabs-dropdown-toggle {
    margin: var(--spacing-3) var(--spacing-3) 0;
    width: auto;
  }
}
.tabs-dropdown-toggle::after {
  background-color: var(--color-blue);
  content: "";
  display: block;
  height: 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2015%2010'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M7.474%2010a1.3%201.3%200%200%201-1.06-.534L.241%202.05C-.134%201.515-.071.714.428.313c.498-.401%201.184-.401%201.559.133L7.35%206.994c.062.066.124.066.249%200L12.962.446c.437-.534%201.123-.6%201.621-.133.5.467.562%201.202.125%201.737l-.062.067-6.112%207.415c-.249.268-.686.468-1.06.468Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2015%2010'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M7.474%2010a1.3%201.3%200%200%201-1.06-.534L.241%202.05C-.134%201.515-.071.714.428.313c.498-.401%201.184-.401%201.559.133L7.35%206.994c.062.066.124.066.249%200L12.962.446c.437-.534%201.123-.6%201.621-.133.5.467.562%201.202.125%201.737l-.062.067-6.112%207.415c-.249.268-.686.468-1.06.468Z'/%3E%3C/svg%3E");
  opacity: 1;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform-origin: top;
  transform: rotate(0) translateY(-50%);
  transition: var(--transition);
  width: 1.5rem;
}
.tabs-dropdown-toggle.show::after {
  opacity: 0.2;
  transform: rotate(-180deg);
}
@media (min-width: 1200px) {
  .tabs-dropdown-toggle {
    display: none;
  }
}

/* Tabs content area */
.tab-content {
  --color-text: var(--color-charcoal);
  --color-heading: var(--color-blue);
  background: var(--color-white);
  color: var(--color-charcoal);
}
@media (min-width: 768px) {
  .tab-content {
    border-radius: 2rem;
    grid-column: 2/span 10;
    margin-inline: var(--container-padding-inline);
  }
}
.tab-content .tab-panel {
  align-items: center;
  display: flex;
  display: none;
  gap: var(--grid-gap);
  padding: var(--spacing-5) var(--spacing-3);
}
.tab-content .tab-panel.show {
  display: flex;
}
.tab-content ul {
  border-block: solid 1px var(--color-gray);
  font-variation-settings: var(--font-weight-regular);
  list-style: none;
  margin: 2rem 0;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .tab-content ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.tab-content ul li {
  padding-left: 1.5rem;
  position: relative;
}
.tab-content ul li::before {
  background: var(--color-black);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.3rem;
  left: 0;
  position: absolute;
  top: 0.7em;
  width: 0.3rem;
}
.tab-content .tab-body {
  flex: 1;
}
.tab-content .tab-image {
  display: flex;
  flex: 1;
  justify-content: center;
}
@media (min-width: 768px) {
  .tab-content .tab-image {
    flex: 1;
  }
}
.tab-content .tab-image img {
  border-radius: 50%;
}

.order-block {
  display: grid;
  gap: 2rem var(--grid-gap);
  grid-template-columns: repeat(12, 1fr);
  margin-block: var(--spacing-5);
}
.order-block .header-block {
  align-items: flex-start;
  display: grid;
  gap: var(--grid-gap);
  grid-column: span 12;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 0;
}
.order-block .header-body {
  grid-column: span 12;
}
@media (min-width: 576px) {
  .order-block .header-body {
    grid-column: span 7;
  }
}
@media (min-width: 992px) {
  .order-block .header-body {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .order-block .header-body {
    grid-column: span 6;
  }
}
.order-block .header-search {
  grid-column: span 12;
}
@media (min-width: 576px) {
  .order-block .header-search {
    grid-column: 8/span 5;
  }
}
@media (min-width: 992px) {
  .order-block .header-search {
    grid-column: 5/span 3;
  }
}
@media (min-width: 1200px) {
  .order-block .header-search {
    grid-column: 7/span 3;
  }
}
.order-block .header-search .form-control {
  width: 100%;
}
.order-block .header-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  grid-column: span 12;
}
@media (min-width: 576px) {
  .order-block .header-cta {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .order-block .header-cta {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .order-block .header-cta {
    grid-column: 8/span 5;
  }
}
@media (min-width: 1200px) {
  .order-block .header-cta {
    grid-column: 10/span 3;
    justify-content: flex-end;
  }
}
.order-block .block-body {
  border-top: solid 1px var(--color-gray);
  grid-column: span 12;
}
@media (min-width: 1200px) {
  .order-block .block-body {
    grid-column: span 9;
  }
}
.order-block .block-sidebar {
  background: var(--color-blue-light);
  border-radius: 2rem 0 0 2rem;
  grid-column: span 12;
  inset: 2rem 0 2rem 10%;
  padding: var(--spacing-2);
  position: fixed;
  transform: translateX(100%);
  transition: transform var(--transition);
  z-index: 1000;
}
@media (min-width: 1200px) {
  .order-block .block-sidebar {
    border-radius: 2rem;
    grid-column: 10/span 3;
    inset: auto;
    position: relative;
    transform: none;
    transition: none;
  }
}
.order-block .block-sidebar .btn-primary {
  margin-bottom: 3rem;
  width: 100%;
}
.order-block .block-sidebar .btn-secondary {
  font-size: var(--font-size-small);
}
.order-block .block-sidebar.show {
  transform: translateX(0);
}
.order-block .sidebar-toggle {
  grid-column: span 12;
}
.order-block .toggle-sidebar {
  width: 100%;
}
@media (min-width: 576px) {
  .order-block .toggle-sidebar {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .order-block .toggle-sidebar {
    display: none;
  }
}
.order-block .sidebar-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}
.order-block .sidebar-title {
  display: block;
  font-size: var(--font-size-small);
  font-variation-settings: var(--font-weight-regular);
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-transform: uppercase;
}
.order-block .sidebar-row {
  border-top: solid 1px var(--color-gray);
  line-height: 1.25;
  padding-block: 1.5rem;
}
.order-block .sidebar-row p {
  font-size: var(--font-size-medium);
}
.order-block .sidebar-row small {
  margin-top: 1rem;
}
.order-block .row-split {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.order-block .row-split [class^=heading-] {
  --heading-margin: 0;
}
.order-block .row-split .qty {
  font-size: var(--font-size-base);
  font-variation-settings: var(--font-weight-semibold);
}

.edit-order-block {
  margin-block: var(--spacing-5);
}
.edit-order-block .header-block {
  border-bottom: solid 1px var(--color-gray);
  margin-bottom: var(--spacing-4);
  padding-bottom: 2rem;
}
.edit-order-block .block-footer {
  align-items: center;
  border-top: solid var(--color-input-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
  justify-content: space-between;
  padding: 2rem 2rem 2rem 0;
}
.edit-order-block .delivery-info {
  font-size: var(--font-size-medium);
  max-width: 30rem;
}
.edit-order-block .delivery-info a {
  color: var(--color-charcoal);
}
.edit-order-block .text-small {
  color: var(--color-gray-dark);
}
.edit-order-block .control-qty {
  margin-inline: auto;
  width: 6rem;
}
.edit-order-block .control-packaging,
.edit-order-block .control-date,
.edit-order-block .control-delivery {
  margin-inline: auto;
  width: 12rem;
}

.management-block {
  margin-block: var(--spacing-5);
}
.management-block .block-header {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-bottom: var(--spacing-3);
}
.management-block .options-group {
  flex: 1 0 auto;
}
@media (min-width: 576px) {
  .management-block .options-group {
    flex: 0 0 auto;
  }
}
.management-block figure {
  position: relative;
}
.management-block .pdf-download {
  cursor: pointer;
  display: block;
  width: clamp(2rem, 1.8vw, 3.7rem);
}
@media (min-width: 768px) {
  .management-block .pdf-download {
    left: calc(100% + clamp(1.5rem, 1.5vw, 3rem));
    position: absolute;
    top: 0;
  }
}

.documents-block {
  margin-block: var(--spacing-5);
}
.documents-block .issue {
  background: transparent;
  border: none;
  display: block;
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  justify-self: flex-end;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}
.documents-block .report {
  color: var(--color-red);
}
.documents-block .reported {
  align-items: center;
  color: var(--color-blue);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
}
.documents-block .reported::before {
  background: var(--color-blue);
  clip-path: polygon(0.732% 50%, 5.878% 55.145%, 34.868% 84.134%, 100% 18.207%, 94.854% 12.061%, 34.868% 72.048%, 5.878% 43.058%, 0.732% 50%);
  content: "";
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
@media (max-width: 768px) {
  .documents-block .table-wrapper {
    margin-inline: calc(var(--container-padding-inline) * -1);
    width: auto;
  }
}

.team-block {
  margin-block: var(--spacing-2) var(--spacing-6);
}
.team-block .block-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem var(--spacing-2);
}
.team-block .block-header [class^=heading-] {
  --heading-margin: 0;
}
.team-block .block-header nav {
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
}
.team-block .team-nav {
  align-items: center;
  display: flex;
  gap: var(--grid-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.team-block .team-nav a {
  border-radius: 5rem;
  display: block;
  font-size: 1.5rem;
  font-variation-settings: var(--font-weight-regular);
  line-height: var(--line-height-tight);
}
.team-block .team-nav a:not(.current):hover {
  color: var(--color-red);
}
.team-block .team-nav .current {
  background: var(--color-blue-light);
  padding: 1.2rem 2rem;
}
.team-block .block-body {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(12, 1fr);
  list-style: none;
  margin: 0;
  padding: var(--spacing-3) 0 0 0;
}
.team-block .block-body img {
  border-radius: 2rem;
  margin-bottom: 2.3rem;
}
.team-block .block-body li {
  grid-column: span 12;
  position: relative;
}
@media (min-width: 576px) {
  .team-block .block-body li {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .team-block .block-body li {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .team-block .block-body li {
    grid-column: span 3;
  }
}
.team-block .block-body li:hover .item-heading::after {
  transform: translate(0.5rem, -0.2rem);
}
.team-block .block-body .item-link {
  display: block;
  inset: 0;
  position: absolute;
  text-decoration: none;
}
.team-block .item-link {
  display: block;
}
.team-block .item-heading {
  align-items: center;
  color: var(--color-blue);
  display: flex;
  font-size: var(--font-size-base);
  font-variation-settings: var(--font-weight-bold);
  font-weight: normal;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  text-transform: uppercase;
}
.team-block .item-heading::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' fill='none'%3E%3Cpath fill='%23B25756' stroke='%23B25756' d='M7 5.515a.78.78 0 0 1-.32.636L2.23 9.856c-.32.224-.802.187-1.042-.113-.24-.299-.24-.71.08-.935L5.196 5.59c.04-.037.04-.075 0-.15L1.268 2.224c-.32-.262-.361-.674-.08-.973a.752.752 0 0 1 1.042-.075l.04.038 4.45 3.666c.16.15.28.412.28.636Z' opacity='.9'/%3E%3C/svg%3E") center center/cover no-repeat;
  content: "";
  display: block;
  height: 1rem;
  transform: translate(0, -0.2rem);
  transition: var(--transition);
  width: 0.8rem;
}
.team-block .item-title {
  color: var(--color-red);
  display: flex;
  font-size: var(--font-size-base);
  font-variation-settings: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  margin-top: 0.5rem;
}
.team-block .item-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-variation-settings: var(--font-weight-regular);
  font-weight: normal;
  position: relative;
  z-index: 1;
}
.team-block .item-details a:not(:last-child)::after {
  color: var(--color-gray);
  content: "|";
  margin-inline: 0.8rem;
}

.bio-block {
  margin-block: var(--spacing-4);
}
.bio-block .block-image {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .bio-block .block-image {
    grid-column: 2/span 4;
  }
}
.bio-block .block-image img {
  border-radius: 2rem;
}
.bio-block .block-body {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .bio-block .block-body {
    grid-column: 7/span 5;
  }
}
.bio-block .btn-back-sm {
  font-size: var(--font-size-medium);
  font-variation-settings: var(--font-weight-bold);
  grid-column: span 12;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
  padding: 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .bio-block .btn-back-sm {
    grid-column: 2/span 11;
  }
}

/* Views */