/* =========================================================
   LILLA AMERICA
   ========================================================= */

:root {
  --burger-black: #070707;
  --burger-white: #ffffff;
  --burger-orange: #f47708;
  --burger-orange-hover: #d96205;
  --burger-cream: #f5eee4;
  --burger-cream-dark: #e9dece;
  --burger-brown: #251d10;
  --burger-ink: #18130e;
  --burger-header-height: 84px;
  --burger-marquee-height: 62px;
  --burger-mobile-marquee-height: 54px;
  --burger-floating-size: 56px;
  --burger-font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --burger-transition-fast: 280ms cubic-bezier(.2,.7,.2,1);
  --burger-transition-medium: 420ms cubic-bezier(.2,.7,.2,1);
  --burger-transition-image: 720ms cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   RESET
   ========================================================= */

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--burger-black);
  color: var(--burger-white);

  font-family:
    "Inter",
    Arial,
    sans-serif;

  overflow-x: hidden;
}

body.burger-menu-open {
  overflow: hidden;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  position: fixed;
  z-index: 99999;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  padding: 12px 16px;
  clip: auto;
  background: var(--burger-white);
  color: var(--burger-black);
  font-weight: 700;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;

  transition:
    color var(--burger-transition-fast),
    opacity var(--burger-transition-fast);
}

button {
  font: inherit;
}

body.la-lang-en,
body.la-lang-ar {
  --burger-font-display: "Cairo", Arial, sans-serif;
  font-family: "Cairo", Arial, sans-serif;
}

body.la-lang-en .font-podium,
body.la-lang-ar .font-podium {
  font-family: "Cairo", Arial, sans-serif;
  letter-spacing: 0;
  word-spacing: .02em;
}

body.la-lang-ar {
  direction: rtl;
}

body.la-lang-ar .burger-feature-content,
body.la-lang-ar .burger-signature-content,
body.la-lang-ar .burger-pizza-copy,
body.la-lang-ar .burger-sweets-content,
body.la-lang-ar .burger-story-copy,
body.la-lang-ar .burger-location,
body.la-lang-ar .burger-location-detail,
body.la-lang-ar .la-menu-category,
body.la-lang-ar .la-menu-item-copy,
body.la-lang-ar .burger-footer {
  text-align: right;
}

body.la-lang-ar .burger-feature-point {
  text-align: right;
}

.burger-button {
  transition:
    transform var(--burger-transition-fast),
    background-color var(--burger-transition-fast),
    border-color var(--burger-transition-fast),
    color var(--burger-transition-fast),
    box-shadow var(--burger-transition-fast);
}

.burger-button:hover {
  transform: translateY(-2px);
}

.burger-button:focus-visible,
.burger-floating-square:focus-visible,
.burger-scroll-top:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.burger-button .burger-arrow {
  transition: transform var(--burger-transition-fast);
}

.burger-button:hover .burger-arrow {
  transform: translate(2px,-2px);
}

[dir="rtl"] .burger-button:hover .burger-arrow {
  transform: translate(-2px,-2px);
}

.burger-ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.burger-ui-icon--scroll-to-top { -webkit-mask-image: url("../icons/ui-scroll-to-top.svg"); mask-image: url("../icons/ui-scroll-to-top.svg"); }
.burger-ui-icon--open-link { -webkit-mask-image: url("../icons/ui-open-link.svg"); mask-image: url("../icons/ui-open-link.svg"); }
.burger-ui-icon--basket { -webkit-mask-image: url("../icons/ui-basket.svg"); mask-image: url("../icons/ui-basket.svg"); }
.burger-ui-icon--languages { -webkit-mask-image: url("../icons/ui-languages.svg"); mask-image: url("../icons/ui-languages.svg"); }
.burger-ui-icon--call-now { -webkit-mask-image: url("../icons/ui-call-now.svg"); mask-image: url("../icons/ui-call-now.svg"); }

.burger-button--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  padding: 0 28px;
  background: var(--burger-orange);
  color: var(--burger-white);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.burger-button--primary:hover {
  background: var(--burger-orange-hover);
}

figure {
  margin: 0;
}

.burger-page {
  width: 100%;
}

.font-podium {
  font-family: var(--burger-font-display);
  font-weight: 900;
  font-kerning: normal;
  letter-spacing: -.015em;
  word-spacing: .045em;
  text-rendering: geometricPrecision;
}


/* =========================================================
   SAFE APOSTROPHE
   ========================================================= */

.burger-safe-apostrophe {
  display: inline-block !important;
  position: relative;
  top: -.43em;

  margin:
    0 .022em;

  font-family:
    "Inter",
    Arial,
    sans-serif !important;

  font-size: .66em;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  vertical-align: baseline;
  transform: scaleX(.9);
}

/* =========================================================
   HEADER
   ========================================================= */

.burger-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr);

  align-items: center;

  width: 100%;
  height: var(--burger-header-height);

  padding:
    0 clamp(30px, 3vw, 62px);

  background:
    rgba(245, 238, 228, .98);

  color:
    var(--burger-ink);

  border-bottom:
    1px solid rgba(37, 29, 16, .08);

  transform:
    translateY(0);

  transition:
    transform 360ms cubic-bezier(.22, .61, .36, 1),
    box-shadow 250ms ease;
}

.burger-nav.is-hidden {
  transform:
    translateY(-105%);
}

.burger-nav.is-scrolled {
  box-shadow:
    0 8px 30px rgba(0, 0, 0, .10);
}

.burger-brand {
  grid-column: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width:
    clamp(175px, 12.8vw, 225px);
}

.burger-brand-logo {
  display: block;
  width: 100%;
}

.burger-nav-links {
  grid-column: 1;
  grid-row: 1;

  justify-self: start;

  display: flex;
  align-items: center;

  gap:
    clamp(24px, 2.1vw, 42px);
}

.burger-nav-links a {
  position: relative;
  color: var(--burger-ink);

  font-size:
    clamp(.72rem, .8vw, .84rem);

  font-weight: 700;
  letter-spacing: .16em;
  white-space: nowrap;
}

.la-lang-ar .burger-nav-links a {
  font-size: clamp(.78rem, .86vw, .9rem);
  font-weight: 700;
  letter-spacing: 0;
}

.burger-nav-links a::after {
  content: "";
  position: absolute;

  left: 0;
  bottom: -8px;

  width: 100%;
  height: 2px;

  background:
    var(--burger-orange);

  transform:
    scaleX(0);

  transform-origin:
    right;

  transition:
    transform var(--burger-transition-fast);
}

.burger-nav-links a:hover::after {
  transform:
    scaleX(1);

  transform-origin:
    left;
}

.burger-nav-links li,
.burger-mobile-links li {
  display: contents;
}

.burger-nav-links .current-menu-item > a,
.burger-nav-links a:hover,
.burger-nav-links a:focus-visible {
  color: var(--burger-orange);
}

.burger-nav-actions {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: clamp(12px,1.4vw,24px);
}

.burger-order-btn {
	grid-column: auto;
	justify-self: auto;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 11px;

  min-width: 150px;
  min-height: 50px;

  padding:
    0 24px;

  border-radius: 999px;

  background:
    var(--burger-brown);

  color: #fff;

  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .14em;

}

.burger-language-switcher {
  position: relative;
  z-index: 3;
}

.burger-language-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 5px;
  border: 0;
  background: transparent;
  color: var(--burger-brown);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.burger-language-trigger .burger-ui-icon {
  width: 18px;
  height: 18px;
}

.burger-language-chevron {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform var(--burger-transition-fast);
}

.burger-language-switcher.is-open .burger-language-chevron {
  transform: rotate(225deg) translate(-1px,-1px);
}

.burger-language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 170px;
  padding: 10px;
  border: 1px solid rgba(37,29,16,.08);
  border-radius: 17px;
  background: #fff;
  color: var(--burger-ink);
  box-shadow: 0 18px 46px rgba(37,29,16,.16);
}

.burger-language-menu[hidden] {
  display: none;
}

.burger-language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 10px;
  font-family: "Cairo", Arial, sans-serif;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .02em;
  direction: ltr;
}

.burger-language-menu a:hover,
.burger-language-menu a:focus-visible,
.burger-language-menu a[aria-current="true"] {
  background: var(--burger-cream);
  color: var(--burger-orange);
}

.burger-language-menu small {
  color: #aaa;
  font-size: .62rem;
  letter-spacing: .08em;
}

.burger-order-btn:hover {
  background:
    var(--burger-orange);

}


/* =========================================================
   ARROW
   ========================================================= */

.burger-arrow {
  display: inline-flex;

  width: 16px;
  height: 16px;
}

.burger-arrow svg,
.burger-arrow .burger-ui-icon {
  width: 100%;
  height: 100%;

}


/* =========================================================
   MOBILE HEADER BUTTON
   ========================================================= */

.burger-menu-toggle {
  display: none;

  width: 42px;
  height: 42px;

  padding:
    8px 2px 8px 8px;

  border: 0;
  background: transparent;

  cursor: pointer;
}

.burger-menu-toggle span {
  display: block;

  height: 2px;

  margin-left: auto;

  background:
    currentColor;
}

.burger-menu-toggle span:nth-child(1),
.burger-menu-toggle span:nth-child(2) {
  width: 28px;
}

.burger-menu-toggle span:nth-child(3) {
  width: 19px;
}

.burger-menu-toggle span + span {
  margin-top: 6px;
}



/* =========================================================
   FOOTER
   ========================================================= */

.burger-footer {
  background:
    #070707;

  color:
    var(--burger-cream);
}

.burger-footer-main {
  display: grid;

  grid-template-columns:
    1.3fr
    .65fr
    .65fr
    1fr;

  gap:
    clamp(45px,6vw,100px);

  width:
    min(100%,1580px);

  margin:
    0 auto;

  padding:
    clamp(80px,8vw,130px)
    clamp(25px,5vw,90px);
}

.burger-footer-brand > a {
  display: block;

  width:
    min(100%,360px);

  padding: 0;

  background: transparent;
}

.burger-footer-brand img {
  display: block;

  width: 100%;

  filter: none;
}

.burger-footer-brand > p {
  max-width: 320px;

  margin:
    28px 0 0;

  color:
    rgba(245,238,228,.50);

  font-size: .88rem;
  line-height: 1.7;
}

.burger-footer-halal {
  display: flex;

  align-items: center;

  gap: 13px;

  margin-top: 28px;

  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.burger-footer-halal img {
  width: 48px;
  height: 48px;

  object-fit: contain;

  filter:
    brightness(0)
    invert(1);
}

.burger-footer-column {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 14px;
}

.burger-footer-column small,
.burger-footer-order small {
  margin-bottom: 10px;

  color:
    var(--burger-orange);

  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.burger-footer-column a {
  position: relative;

  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;

}

.burger-footer-column a:hover {
  color:
    var(--burger-orange);
}

.burger-footer-order h3 {
  display: flex;

  flex-direction: column;

  row-gap: .12em;

  margin:
    5px 0 25px;

  font-size:
    clamp(3rem,4vw,5rem);

  line-height: .92;

  letter-spacing: -.018em;
}

.burger-footer-order h3 span {
  color:
    var(--burger-orange);
}

.burger-footer-order > a {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  min-height: 52px;

  padding:
    0 21px;

  background:
    var(--burger-orange);

  color: #fff;

  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.burger-footer-bottom {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding:
    24px
    clamp(25px,5vw,90px);

  border-top:
    1px solid rgba(245,238,228,.12);

  color:
    rgba(245,238,228,.42);

  font-size: .54rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.burger-footer-bottom a {
  color:
    var(--burger-cream);
}


/* =========================================================
   FLOATING BUTTONS
   ========================================================= */

.burger-floating-actions {
  position: fixed;

  right: 24px;
  bottom: 24px;

  z-index: 1500;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

  gap: 8px;

  pointer-events: none;
}

.burger-floating-square,
.burger-scroll-top {
  display: flex;

  align-items: center;
  justify-content: center;

  width:
    var(--burger-floating-size);

  height:
    var(--burger-floating-size);

  padding: 0;

  border: 0;

  pointer-events: auto;

  cursor: pointer;

  box-shadow:
    0 12px 32px rgba(0,0,0,.22);

  transition:
    transform var(--burger-transition-fast),
    background-color var(--burger-transition-fast),
    border-color var(--burger-transition-fast),
    color var(--burger-transition-fast),
    opacity var(--burger-transition-fast);
}

.la-lang-ar .burger-footer-order h3 {
  padding-top: .08em;
  row-gap: 0;
  font-size: clamp(2.65rem, 3.5vw, 4.1rem);
  line-height: 1.2;
  word-spacing: .1em;
}

.burger-floating-square svg,
.burger-scroll-top svg,
.burger-floating-square .burger-ui-icon,
.burger-scroll-top .burger-ui-icon {
  width: 22px;
  height: 22px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.burger-scroll-top {
  display: none;

  background:
    var(--burger-brown);

  color: #fff;
}

.burger-scroll-top.is-visible {
  display: flex;
}

.burger-scroll-top:hover {
  background:
    var(--burger-orange);
}

.burger-floating-call {
  background:
    var(--burger-cream);

  color:
    var(--burger-brown);

  border:
    1px solid rgba(37,29,16,.15);
}

.burger-floating-call:hover {
  color:
    var(--burger-orange);
}

.burger-floating-order {
  background:
    var(--burger-orange);

  color: #fff;
}

.burger-floating-order:hover {
  background:
    var(--burger-orange-hover);
}

.burger-floating-square .burger-ui-icon,
.burger-scroll-top .burger-ui-icon {
  width: 22px;
  height: 22px;
}

.burger-scroll-top .burger-ui-icon--scroll-to-top {
  width: 20px;
  height: 20px;
}

.burger-floating-square:hover,
.burger-scroll-top:hover {
  transform: translateY(-2px);
}



/* =========================================================
   MOBILE MENU
   ========================================================= */

.burger-mobile-menu {
  position: fixed;

  inset: 0;

  z-index: 2000;

  display: flex;
  flex-direction: column;

  min-height: 100svh;

  overflow-y: auto;
  overflow-x: hidden;

  padding:
    20px 22px 25px;

  background: #070707;

  opacity: 0;

  visibility: hidden;
  pointer-events: none;

  transition:
    .3s ease;
}

.burger-mobile-menu.is-open {
  opacity: 1;

  visibility: visible;
  pointer-events: auto;
}

.burger-mobile-menu-top {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 44px;
  align-items: center;
}

.burger-mobile-language {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.la-lang-ar .burger-floating-actions {
  right: auto;
  left: 24px;
}

.burger-mobile-language .burger-language-trigger {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(245,238,228,.2);
  border-radius: 999px;
  color: var(--burger-cream);
}

.burger-mobile-language .burger-language-menu {
  right: 50%;
  transform: translateX(50%);
  top: calc(100% + 8px);
}

.burger-mobile-header-logo {
  grid-column: 2;
  justify-self: center;

  width:
    clamp(195px,55vw,230px);
}

.burger-mobile-header-logo img {
  width: 100%;
}

.burger-menu-close {
  position: relative;

  grid-column: 3;
  justify-self: end;

  width: 44px;
  height: 44px;

  border: 0;

  background:
    transparent;
}

.burger-menu-close span {
  position: absolute;

  top: 21px;
  left: 8px;

  width: 28px;
  height: 2px;

  background: #fff;
}

.burger-menu-close span:first-child {
  transform:
    rotate(45deg);
}

.burger-menu-close span:last-child {
  transform:
    rotate(-45deg);
}

.burger-mobile-square-logo {
  position: absolute;

  top: 34%;
  right: -38px;

  width: 200px;

  opacity: .065;
}

.burger-mobile-links {
  display: flex;

  flex-direction: column;

  width: min(100%,520px);

  margin: auto;
  padding: clamp(20px,5svh,48px) 0;

  counter-reset: burger-mobile-nav;
}

.burger-mobile-links a {
  position: relative;

  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  align-items: center;

  min-height: 62px;

  border-bottom:
    1px solid rgba(245,238,228,.10);

  font-family: var(--burger-font-display);

  font-size:
    clamp(2.25rem,9.5vw,3.35rem);

  line-height: .9;

  counter-increment: burger-mobile-nav;
}

.burger-mobile-links a::before {
  content:
    "0" counter(burger-mobile-nav) "  ★";

  color: var(--burger-orange);

  font-family:
    "Inter",
    Arial,
    sans-serif;

  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.burger-mobile-links a:hover,
.burger-mobile-links a:focus-visible {
  color: var(--burger-orange);
}

.burger-mobile-order {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 12px;

  min-height: 56px;

  border: 0;

  background:
    var(--burger-orange);

  color: var(--burger-white);

  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .14em;
}

.burger-mobile-order:hover {
  background:
    var(--burger-orange-hover);
}



/* =========================================================
   WORDPRESS CONTENT PAGES
   ========================================================= */

.burger-generic-page {
  min-height: 70vh;
  padding: clamp(150px, 18vw, 220px) 24px clamp(80px, 10vw, 140px);
  background: var(--burger-cream);
  color: var(--burger-ink);
}

.burger-generic-inner {
  width: min(100%, 900px);
  margin-inline: auto;
}

.burger-entry-title {
  margin: 0 0 36px;
  color: var(--burger-black);
  font-size: clamp(3.5rem, 10vw, 8rem);
  line-height: .82;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.burger-entry-content {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.75;
}

.burger-entry-content a {
  color: var(--burger-orange-hover);
  text-decoration: underline;
  text-underline-offset: .2em;
}

.burger-entry-content img,
.burger-entry-content iframe {
  border-radius: 4px;
}

.burger-not-found {
  text-align: center;
}

.burger-not-found .burger-button--primary {
  display: inline-flex;
  margin-top: 18px;
}


/* =========================================================
   SHARED RESPONSIVE
   ========================================================= */

@media (max-width: 960px) {

  .burger-nav {
    position: absolute;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) 44px;
    align-items: center;
    height: auto;
    padding: 21px 27px;
    background: transparent;
    color: var(--burger-white);
    border: 0;
    transform: none !important;
  }

  .burger-nav-links,
  .burger-nav-actions {
    display: none;
  }

  .burger-menu-toggle {
    display: block;

    grid-column: 3;
    justify-self: end;

    color:
      var(--burger-cream);
  }

  .burger-menu-toggle span {
    background:
      var(--burger-cream);
  }

  .burger-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;

    width:
      clamp(185px,28vw,210px);
  }

  .burger-footer-main {
    grid-template-columns: repeat(2,1fr);
  }

}

@media (max-width: 640px) {

  :root {
    --burger-floating-size: 52px;
  }

  .burger-nav {
    padding: 14px 16px 8px;
  }

  .burger-brand {
    width:
      clamp(185px,52vw,205px);
  }

  .burger-footer-main {
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap: 34px 22px;

    padding: 56px 17px 50px;
  }

  .burger-footer-brand,
  .burger-footer-order {
    grid-column: 1 / -1;
  }

  .burger-footer-brand > a {
    width: min(100%,285px);
    padding: 0;
  }

  .burger-footer-brand > p {
    margin-top: 18px;
  }

  .burger-footer-halal {
    margin-top: 18px;
  }

  .burger-footer-column {
    gap: 0;
  }

  .burger-footer-column small {
    margin-bottom: 8px;
  }

  .burger-footer-column a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  .burger-footer-order h3 {
    margin-bottom: 20px;
    font-size: 3.9rem;
  }

  .burger-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 17px;
    line-height: 1.6;
  }

  .burger-floating-actions {
    right: 12px;
    bottom: max(12px,env(safe-area-inset-bottom));
  }

  .la-lang-ar .burger-floating-actions {
    right: auto;
    left: 12px;
  }

  .burger-generic-page {
    padding-inline: 17px;
  }

}

@media (max-width: 380px) {

  :root {
    --burger-floating-size: 48px;
  }

}

@media (max-width: 340px) {

  :root {
    --burger-floating-size: 44px;
  }

  .burger-nav {
    grid-template-columns: 40px minmax(0,1fr) 40px;
    padding-inline: 12px;
  }

  .burger-brand {
    width: 185px;
  }

  .burger-mobile-menu {
    padding-inline: 15px;
  }

  .burger-mobile-header-logo {
    width: 190px;
  }

  .burger-mobile-links a {
    grid-template-columns: 46px minmax(0,1fr);
    min-height: 58px;
    font-size: 2.15rem;
  }

  .burger-footer-main {
    gap: 30px 16px;
    padding-inline: 14px;
  }

  .burger-footer-column a {
    font-size: .65rem;
    letter-spacing: .06em;
  }

}


/* =========================================================
   SHARED REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

}