@charset "UTF-8";
/*
	Version: 1.0

	Notables:
*/
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/dm-sans-v15-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-sans-v15-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/dm-sans-v15-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dm-sans-v15-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dm-sans-v15-latin-700.woff2') format('woff2');
}
:root {
  --module-gap: 14rem;
  --section-padding: 6rem;
  --split-gap: 0;
  --media-border-radius: 20px;
  --transition-duration: 400ms;
  --transition-easing: ease-in-out;
  --size-step-1: 8px;
  --size-step-2: 16px;
  --size-step-3: 24px;
  --size-step-4: 32px;
  --size-step-5: 40px;
  --size-step-6: 48px;
  --size-step-7: 56px;
  --size-step-8: 64px;
  --size-step-9: 72px;
  --size-step-10: 80px;
  --size-step-11: 96px;
  --size-gutter: var(--size-step-4);
  --fs-giant: 6rem;
  --fs-big: 2.75rem;
  --fs-large: 2.5rem;
  --fs-medium: 1.5rem;
  --fs-standard: 1.25rem;
  --fs-lists: 1.125rem;
  --fs-button: 1rem;
  --fs-small: 0.875rem;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-extraBold: 800;
  --fw-black: 900;
  --button-bg-primary: transparent;
  --button-bg-secondary: transparent;
  --button-bg-tertiary: #fafcfe;
  --color-full: #000;
  --color-grade1: #404040;
  --color-grade2: #808080;
  --color-grade3: #bfbfbf;
}
:root[data-site="brasserie"],
:root[data-site="banket"] {
  --color-light: #efefef;
  --color-background: #ece2dc;
  --color-text-on-brand: #ece8e1;
  --color-brand-on-brand: var(--color-primary);
  --color-primary: #ef7d00;
  --color-secondary: #2511ba;
  --color-tertiary: #f3d9da;
  --color-dark: #0e0e2c;
  --color-accent: #31d0aa;
  --color-text: #4a4a68;
  --color-link: #3537ff;
  --color-brand: #2511ba;
  --color-primary-grade1: #f39e40;
  --color-primary-grade2: #f7be80;
  --color-primary-grade3: #fbdfbf;
  --color-secondary-grade1: #5c4dcb;
  --color-secondary-grade2: #9288dd;
  --color-secondary-grade3: #c9c4ee;
  --color-tertiary-grade1: #f6e3e3;
  --color-tertiary-grade2: #f9eced;
  --color-tertiary-grade3: #fcf6f6;
  --color-dark-grade1: #4a4a61;
  --color-dark-grade2: #878796;
  --color-dark-grade3: #c3c3ca;
  --color-accent-grade1: #65dcbf;
  --color-accent-grade2: #98e8d5;
  --color-accent-grade3: #ccf3ea;
  --color-text-grade1: #77778e;
  --color-text-grade2: #a5a5b4;
  --color-text-grade3: #d2d2d9;
}
:root[data-site="restaurant"] {
  --color-light: #efefef;
  --color-background: #181317;
  --color-text-on-brand: #181317;
  --color-brand-on-brand: #fff;
  --color-primary: #db9160;
  --color-secondary: #86bfaa;
  --color-tertiary: #f3d9da;
  --color-dark: #0e0e2c;
  --color-accent: #31d0aa;
  --color-text: #bcbcbc;
  --color-link: #3537ff;
  --color-brand: #86bfaa;
  --color-primary-grade1: #e4ad88;
  --color-primary-grade2: #edc8b0;
  --color-primary-grade3: #f6e4d7;
  --color-secondary-grade1: #a4cfbf;
  --color-secondary-grade2: #c3dfd5;
  --color-secondary-grade3: #e1efea;
  --color-tertiary-grade1: #f6e3e3;
  --color-tertiary-grade2: #f9eced;
  --color-tertiary-grade3: #fcf6f6;
  --color-dark-grade1: #4a4a61;
  --color-dark-grade2: #878796;
  --color-dark-grade3: #c3c3ca;
  --color-accent-grade1: #65dcbf;
  --color-accent-grade2: #98e8d5;
  --color-accent-grade3: #ccf3ea;
  --color-text-grade1: #cdcdcd;
  --color-text-grade2: #dedede;
  --color-text-grade3: #eeeeee;
}
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}
/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}
/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px)*2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
}
.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background, #000c);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: #0000;
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px)/2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: #ffffffe6;
  background: var(--plyr-menu-background, #ffffffe6);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
  border: 4px solid #0000;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size, 4px) solid #0000;
  border-top-color: var(--plyr-menu-background, #ffffffe6);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*0.7/1.5) calc(var(--plyr-control-spacing, 10px)*0.7*1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*0.7*4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*0.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*0.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*0.7*2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*0.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: #0000001a;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)*0.7*-1 - -2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*0.7*3.5);
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #0000;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: #0000;
  background-image: linear-gradient(90deg, currentColor 0, #0000 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  color: #0000;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: #0000;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*0.7);
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: #0000;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio:16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0!important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0!important;
  height: 1px!important;
  overflow: hidden;
  padding: 0!important;
  position: absolute!important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
img {
  height: auto;
}
body {
  font-family: "DM Sans", Helvetica, sans-serif;
  font-weight: var(--fw-regular);
  background: var(--color-background);
  color: var(--color-text);
  font-size: var(--fs-standard);
}
.focus-only-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.focus-only-link:focus {
  position: absolute;
  inset: 1rem auto auto 1rem;
  background: var(--color-light);
  z-index: 40;
}
@keyframes revealMedia {
  from {
    opacity: 0;
    clip-path: inset(0% 95% 95% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
  }
}
@media not (prefers-reduced-motion) {
  @view-transition {
    navigation: auto;
  }
  [data-will-animate="true"] .mediablock[data-animate="revealMedia"] {
    opacity: 0;
    animation: revealMedia 420ms 200ms var(--transition-easing, ease-in-out) forwards;
  }
  [data-will-animate="true"] .mediablock[data-animate="revealMedia"][data-waiting] {
    animation: none;
  }
}
.placeholder {
  box-sizing: border-box;
  background: var(--bg-color, rgba(0, 100, 200, 0.3));
  min-height: 5em;
  border: 2px dashed rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
}
.placeholder h3 {
  margin: auto;
  font-size: 1em;
  font-weight: normal;
}
.placeholder h3::before {
  content: "[ ";
}
.placeholder h3::after {
  content: " ]";
}
.text > * + * {
  margin-block-start: 1rem;
}
.text.contain p,
.text.contain ul,
.text.contain ol,
.text.contain h2,
.text.contain h3,
.text.contain h4 {
  max-inline-size: 75ch;
}
.text.start {
  text-align: start;
}
.text.center {
  text-align: center;
}
.text.end {
  text-align: end;
}
.text blockquote {
  padding-inline-start: 3rem;
  border-inline-start: 0.5em solid;
  font-style: italic;
}
.text h1 {
  font-size: var(--fs-big);
  letter-spacing: -1.28px;
}
.text h2 {
  font-size: var(--fs-large);
  letter-spacing: -0.8px;
}
.text h3 {
  font-size: var(--fs-medium);
  letter-spacing: -0.48px;
}
.text h4 {
  font-size: var(--fs-standard);
}
.text :where(h1, h2) {
  font-weight: var(--fw-light);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.text :where(h3, h4) {
  font-weight: var(--fw-regular);
}
.text span.brandcolor {
  color: var(--color-brand);
}
.background .text span.brandcolor {
  color: var(--color-brand-on-brand);
}
[data-site="brasserie"] .text :where(h1, h2, h3),
[data-site="banket"] .text :where(h1, h2, h3) {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--color-secondary);
}
[data-site="brasserie"] .text a:not(.linkbutton),
[data-site="banket"] .text a:not(.linkbutton) {
  transition: var(--transition-duration, 200ms) var(--transition-easing, ease-in-out);
  background-color: #fff;
  color: var(--color-text);
  text-decoration: none;
  padding-inline: 2px;
}
[data-site="brasserie"] .text a:not(.linkbutton):hover,
[data-site="banket"] .text a:not(.linkbutton):hover,
[data-site="brasserie"] .text a:not(.linkbutton):focus,
[data-site="banket"] .text a:not(.linkbutton):focus {
  background-color: var(--color-text);
  color: var(--color-background);
}
[data-site="restaurant"] .text :where(h1, h2, h3) {
  color: var(--color-secondary);
}
[data-site="restaurant"] .text a:not(.linkbutton) {
  transition: var(--transition-duration, 200ms) var(--transition-easing, ease-in-out);
  background-color: #3b544b;
  color: var(--color-text);
  text-decoration: none;
  padding-inline: 2px;
}
[data-site="restaurant"] .text a:not(.linkbutton):hover,
[data-site="restaurant"] .text a:not(.linkbutton):focus {
  background-color: var(--color-text);
  color: var(--color-background);
}
.background .text :where(h1, h2, h3) {
  color: var(--color-text-on-brand);
}
.linkbutton {
  --button-bg-color: var(--button-bg-secondary);
  --button-fg-color: var(--color-secondary);
  display: inline-block;
  border: 1px solid var(--color-secondary);
  border-radius: 2px;
  padding: 0.5em 1.5em;
  text-decoration: none;
  font-weight: var(--fw-regular);
  color: var(--button-fg-color);
  background-color: var(--button-bg-color);
  box-shadow: inset 0 -1px 0 0 rgba(14, 14, 44, 0.1);
  transition: var(--transition-duration, 200ms) var(--transition-easing, ease-in-out);
  transition-property: color, background-color, border-color;
}
.linkbutton:hover,
.linkbutton:focus {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #ece2dc;
}
.linkbutton.primary {
  --button-bg-color: var(--button-bg-primary);
  --button-fg-color: #86bfaa;
  border-color: #86bfaa;
  box-shadow: inset 0 -1px 0 0 rgba(14, 14, 44, 0.4), 0 6px 2px -4px rgba(14, 14, 44, 0.1);
}
.linkbutton.primary:hover,
.linkbutton.primary:focus {
  background-color: #86bfaa;
  color: #181317;
}
.linkbutton.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.linkbutton.tertiary {
  background-color: var(--button-bg-tertiary);
  color: var(--color-dark);
  border: 1px solid var(--color-light);
  box-shadow: none;
}
[data-site="restaurant"] .linkbutton:hover,
[data-site="restaurant"] .linkbutton:focus {
  color: var(--color-background);
}
.mediablock {
  overflow: hidden;
  overflow: clip;
  position: relative;
  border-radius: var(--media-border-radius);
}
.mediablock video,
.mediablock iframe,
.mediablock img {
  width: 100%;
  height: auto;
  border: none;
}
.mediablock .plyr__video-embed,
.mediablock video,
.mediablock iframe {
  aspect-ratio: 16 / 9;
}
.mediablock.noscale {
  display: inline-block;
}
.mediablock:not(.noscale) picture,
.mediablock:not(.noscale) img,
.mediablock:not(.noscale) video {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mediablock.empty,
.mediablock.deleted {
  background-color: #cfcfe4;
  inline-size: 100%;
  aspect-ratio: 5 / 3;
}
.mediablock.deleted {
  background-color: rgba(200, 0, 0, 0.2);
  box-shadow: inset 0 0 0 4px rgba(200, 100, 100, 0.4);
}
.mediablock.masked {
  -webkit-mask: url(mediablock_mask.svg) no-repeat;
          mask: url(mediablock_mask.svg) no-repeat;
}
.mediablock.mirror img,
.mediablock.mirror video {
  transform: scaleX(-1);
}
.mediablock.veiled::before {
  content: "";
  display: block;
  background: var(--veil-color, rgba(245, 245, 245, 0.5));
  opacity: 0.7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 8;
}
.components .mediablock.empty,
.components .mediablock.deleted {
  max-inline-size: 500px;
}
@supports (display: grid) {
  .video {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    max-inline-size: var(--layout-column-size, 1376px);
    margin-inline: auto;
  }
  [data-size="full"] .video {
    max-inline-size: 100%;
  }
}
.video > * {
  grid-column: 1 / -1;
}
.video .plyr button.plyr__control--overlaid {
  display: none;
}
.reelvideo {
  background: #000;
}
.reelvideo .plyr button.plyr__control--overlaid {
  display: none;
}
.reelvideo .plyr--video ~ .mediablock {
  display: none;
}
.reelvideo .plyr--full-ui.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 0;
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.actions.at-end {
  justify-content: end;
}
.text > .actions,
.text + .actions {
  margin-block-start: 3.5rem;
}
.contactperson {
  display: flex;
  flex-direction: column;
  gap: var(--size-gutter, 1rem);
}
.contactperson .mediablock {
  aspect-ratio: 1 / 1;
  inline-size: 100%;
}
.contactperson .text {
  font-size: var(--fs-small);
}
.contactperson .text > * + * {
  margin-block-start: 0;
}
.contactperson .text > :is(h3, .desc) + :where(.tel, .email) {
  margin-block-start: 1em;
}
.contactperson .text .desc {
  font-size: 0.8571em;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
.mainnav,
.auxnav {
  container-type: inline-size;
}
.mainnav > ul,
.auxnav > ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding-inline-start: 0;
  margin-block: 0;
}
@container (inline-size < 34rem) {
  .mainnav > ul,
  .auxnav > ul {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.mainnav a,
.auxnav a {
  transition: var(--transition-duration, 200ms) var(--transition-easing, ease-in-out);
  color: inherit;
}
[data-site="brasserie"] .mainnav a,
[data-site="brasserie"] .auxnav a,
[data-site="banket"] .mainnav a,
[data-site="banket"] .auxnav a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-site="brasserie"] .mainnav a:hover,
[data-site="brasserie"] .auxnav a:hover,
[data-site="banket"] .mainnav a:hover,
[data-site="banket"] .auxnav a:hover,
[data-site="brasserie"] .mainnav a:focus,
[data-site="brasserie"] .auxnav a:focus,
[data-site="banket"] .mainnav a:focus,
[data-site="banket"] .auxnav a:focus {
  color: var(--color-primary);
}
[data-site="restaurant"] .mainnav a,
[data-site="restaurant"] .auxnav a {
  text-decoration: none;
}
[data-site="restaurant"] .mainnav a:hover,
[data-site="restaurant"] .auxnav a:hover,
[data-site="restaurant"] .mainnav a:focus,
[data-site="restaurant"] .auxnav a:focus {
  color: #ece8e1;
}
.breadcrumb {
  font-size: var(--fs-small);
  --breadcrumb-gutter: 0.5em;
  --breadcrumb-separator: "/";
}
.breadcrumb h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  text-decoration: underline;
}
.breadcrumb [aria-current="page"] {
  font-weight: var(--fw-bold);
}
.breadcrumb ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding-inline-start: 0;
  gap: var(--breadcrumb-gutter, 0.5em);
}
.breadcrumb ul li + li::before {
  display: inline;
  content: var(--breadcrumb-separator, ">");
  margin-inline-end: var(--breadcrumb-gutter, 0.5em);
}
.listing {
  font-size: var(--fs-lists);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.listing:is(.columns) {
  padding-inline: 0;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.listing > header {
  flex-grow: 3;
}
.listing > header h3 {
  font-size: 1em;
  font-weight: var(--fw-regular);
}
.listing > .text {
  flex-grow: 5;
}
[data-site="brasserie"] .listing > header h3,
[data-site="banket"] .listing > header h3 {
  color: var(--color-secondary);
}
[data-site="restaurant"] .listing > header h3 {
  color: var(--color-primary);
}
.sitecard {
  font-size: 1.125rem;
  line-height: 1.27777778;
  --badge-color: #2511ba;
  --veil-color: #0d0644;
  --veil-opacity: 0.7;
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
.sitecard::after {
  content: "";
  display: block;
  inline-size: 76px;
  aspect-ratio: 1;
  background: var(--badge-color) url(icon-play.svg) center no-repeat;
  background-size: 20px;
  position: absolute;
  inset: auto 0 0 auto;
  z-index: 4;
  border-end-end-radius: 20px;
}
.sitecard h2 {
  grid-row: 1;
  grid-column: 1;
  z-index: 8;
  margin: 40px;
}
.sitecard h2::before {
  content: "";
  display: block;
  background: var(--site-logo) center no-repeat;
  background-size: 117px;
  inline-size: 117px;
  block-size: 110px;
  filter: grayscale(100) brightness(100);
}
.sitecard h2 span {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.sitecard .text {
  grid-row: 2;
  grid-column: 1;
  z-index: 8;
  align-self: end;
  color: #fff;
}
.sitecard .text p:has(img) {
  margin: auto 50% 40px 40px;
}
.sitecard .text p:has(img) img {
  display: none;
}
.sitecard .text p:has(a) a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
@media (max-width: 800px) {
  .sitecard .text p:has(a) a span {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}
.sitecard .mediablock {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  z-index: 4;
}
.sitecard .mediablock.veiled::before {
  opacity: var(--veil-opacity);
}
@media (min-width: 801px) {
  .sitecard {
    --veil-opacity: 0.4;
    grid-template-rows: auto auto;
  }
  .sitecard::after {
    inset: auto auto 0 2rem;
    border-radius: 0;
  }
  .sitecard h2 {
    filter: none;
    grid-row: 1;
    grid-column: 1;
  }
  .sitecard h2::before {
    filter: none;
  }
  .sitecard .text,
  .sitecard .mediablock {
    grid-row: 2;
    grid-column: 1;
  }
  .sitecard .text {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    color: #ece8e1;
    z-index: 40;
    padding: 2rem;
  }
  .sitecard .text p:has(img) {
    display: flex;
    align-items: center;
    gap: 22px;
    margin: 0;
  }
  .sitecard .text p:has(img) img {
    display: block;
  }
  .sitecard .text a {
    font-size: 2.25rem;
    line-height: 1.22222222;
    font-weight: 300;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
.closebutton,
.menutrigger {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: grid;
  grid-template: 1fr / 1fr;
  place-items: center;
  inline-size: 56px;
  block-size: 56px;
}
.closebutton > span {
  grid-area: 1 / 1;
  line-height: 1rem;
}
.closebutton .norm,
.closebutton .over {
  will-change: opacity;
  transition: opacity 300ms ease-in-out;
}
.closebutton .over {
  opacity: 0;
}
.closebutton:hover .norm,
.closebutton:focus-visible .norm {
  opacity: 0;
  transition-delay: 100ms;
}
.closebutton:hover .over,
.closebutton:focus-visible .over {
  opacity: 1;
}
.menutrigger svg rect {
  transition: 200ms ease-out;
}
.menutrigger:hover svg #bar1,
.menutrigger:focus-visible svg #bar1 {
  transform: translateY(-8px);
}
.menutrigger:hover svg #bar3,
.menutrigger:focus-visible svg #bar3 {
  transform: translateY(8px);
}
.socials ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding-inline-start: 0;
  flex-direction: row;
  gap: 1rem;
  margin-block: 0;
}
.socials ul a {
  color: inherit;
  display: block;
  inline-size: 55px;
  aspect-ratio: 1;
  border: 2px solid;
  border-radius: 50%;
  background-position: center;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  transition: background-color 500ms ease-in-out;
}
.socials ul a:hover,
.socials ul a:focus-visible {
  background-color: currentcolor;
}
.socials ul a[href*="facebook.com"] {
  background-image: url(icon-facebook.svg);
}
.socials ul a[href*="facebook.com"]:hover,
.socials ul a[href*="facebook.com"]:focus-visible {
  background-image: url(icon-facebook-over.svg);
}
.socials ul a[href*="instagram.com"] {
  background-image: url(icon-instagram.svg);
}
.socials ul a[href*="instagram.com"]:hover,
.socials ul a[href*="instagram.com"]:focus-visible {
  background-image: url(icon-instagram-over.svg);
}
.socials ul a[href*="linkedin.com"] {
  background-image: url(icon-linkedin.svg);
}
.socials ul a[href*="linkedin.com"]:hover,
.socials ul a[href*="linkedin.com"]:focus-visible {
  background-image: url(icon-linkedin-over.svg);
}
.socials ul a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
[data-site="restaurant"] .socials ul a[href*="facebook.com"] {
  background-image: url(icon-res-facebook.svg);
}
[data-site="restaurant"] .socials ul a[href*="facebook.com"]:hover,
[data-site="restaurant"] .socials ul a[href*="facebook.com"]:focus-visible {
  background-image: url(icon-res-facebook-over.svg);
}
[data-site="restaurant"] .socials ul a[href*="instagram.com"] {
  background-image: url(icon-res-instagram.svg);
}
[data-site="restaurant"] .socials ul a[href*="instagram.com"]:hover,
[data-site="restaurant"] .socials ul a[href*="instagram.com"]:focus-visible {
  background-image: url(icon-res-instagram-over.svg);
}
[data-site="restaurant"] .socials ul a[href*="linkedin.com"] {
  background-image: url(icon-res-linkedin.svg);
}
[data-site="restaurant"] .socials ul a[href*="linkedin.com"]:hover,
[data-site="restaurant"] .socials ul a[href*="linkedin.com"]:focus-visible {
  background-image: url(icon-res-linkedin-over.svg);
}
.logo {
  inline-size: 115px;
  block-size: 130px;
}
.logo a,
.logo svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
.navigator {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.navigator a {
  color: var(--color-secondary);
  text-decoration: none;
  display: flex;
}
.navigator a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.navigator a svg path {
  transition: opacity 200ms ease-out;
}
.navigator a svg path.filled {
  opacity: 0;
}
.navigator a:hover svg .stroked,
.navigator a:focus svg .stroked {
  opacity: 0;
}
.navigator a:hover svg .filled,
.navigator a:focus svg .filled {
  opacity: 1;
}
.cta {
  font-size: var(--fs-big);
}
.cta ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-inline: 0;
  margin-block: 0;
}
.cta a {
  transition: color 280ms ease-out;
  color: inherit;
}
@container (inline-size > 800px) {
  .cta {
    font-size: var(--fs-giant);
  }
}
[data-site="brasserie"] .cta,
[data-site="banket"] .cta {
  color: var(--color-secondary);
  text-align: center;
}
[data-site="brasserie"] .cta ul,
[data-site="banket"] .cta ul {
  gap: 0.5em;
}
[data-site="brasserie"] .cta a,
[data-site="banket"] .cta a {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 0.06875em;
}
[data-site="brasserie"] .cta a:hover,
[data-site="banket"] .cta a:hover,
[data-site="brasserie"] .cta a:focus,
[data-site="banket"] .cta a:focus {
  color: var(--color-primary);
}
[data-site="restaurant"] .cta {
  color: var(--color-secondary);
  text-align: start;
}
[data-site="restaurant"] .cta ul {
  gap: 0;
}
[data-site="restaurant"] .cta li:has(+ li)::after {
  content: "";
  display: block;
  block-size: 1px;
  background: #7d7d7d;
  margin-block-start: 0.3em;
}
[data-site="restaurant"] .cta a {
  display: inline-block;
  text-decoration: none;
}
[data-site="restaurant"] .cta a:hover,
[data-site="restaurant"] .cta a:focus {
  color: #ece8e1;
}
.playbutton {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: var(--color-secondary);
  color: var(--color-primary);
}
[data-site="restaurant"] .playbutton {
  color: #181317;
}
.playbutton:hover {
  cursor: pointer;
}
.playbutton svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.plyr--video ~ .playbutton {
  display: none;
}
.sample-panel {
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.plate {
  padding-block: var(--size-step-2, 2rem);
  background-color: var(--plate-bg-color);
}
.plate.primary-sheet {
  color: var(--color-light);
  --plate-bg-color: var(--color-primary);
}
.plate.primary-sheet.grade1 {
  --plate-bg-color: var(--color-primary-grade1);
}
.plate.primary-sheet.grade2 {
  --plate-bg-color: var(--color-primary-grade2);
}
.plate.primary-sheet.grade3 {
  --plate-bg-color: var(--color-primary-grade3);
}
.plate.primary-sheet a:not(.linkbutton) {
  color: var(--color-light);
}
.plate.secondary-sheet {
  color: var(--color-light);
  --plate-bg-color: var(--color-secondary);
}
.plate.secondary-sheet.grade1 {
  --plate-bg-color: var(--color-secondary-grade1);
}
.plate.secondary-sheet.grade2 {
  --plate-bg-color: var(--color-secondary-grade2);
}
.plate.secondary-sheet.grade3 {
  --plate-bg-color: var(--color-secondary-grade3);
}
.plate.tertiary-sheet {
  --plate-bg-color: var(--color-tertiary);
}
.plate.tertiary-sheet.grade1 {
  --plate-bg-color: var(--color-tertiary-grade1);
}
.plate.tertiary-sheet.grade2 {
  --plate-bg-color: var(--color-tertiary-grade2);
}
.plate.tertiary-sheet.grade3 {
  --plate-bg-color: var(--color-tertiary-grade3);
}
.plate.dark-sheet {
  color: var(--color-light);
  --plate-bg-color: var(--color-dark);
}
.plate.dark-sheet.grade1 {
  --plate-bg-color: var(--color-dark-grade1);
}
.plate.dark-sheet.grade2 {
  --plate-bg-color: var(--color-dark-grade2);
}
.plate.dark-sheet.grade3 {
  --plate-bg-color: var(--color-dark-grade3);
}
.plate.accent-sheet {
  color: var(--color-dark);
  --plate-bg-color: var(--color-accent);
}
.plate.accent-sheet.grade1 {
  --plate-bg-color: var(--color-accent-grade1);
}
.plate.accent-sheet.grade2 {
  --plate-bg-color: var(--color-accent-grade2);
}
.plate.accent-sheet.grade3 {
  --plate-bg-color: var(--color-accent-grade3);
}
.plate.text-sheet {
  color: var(--color-light);
  --plate-bg-color: var(--color-text);
}
.plate.text-sheet.grade1 {
  --plate-bg-color: var(--color-text-grade1);
}
.plate.text-sheet.grade2 {
  --plate-bg-color: var(--color-text-grade2);
}
.plate.text-sheet.grade3 {
  --plate-bg-color: var(--color-text-grade3);
}
.plate.grade2,
.plate.grade3 {
  color: var(--color-dark);
}
.plate[class*="-sheet"] .text {
  padding-inline: var(--side-gutter);
}
.plate[style*="plate-bg-image"] {
  color: var(--color-light);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: multiply;
  background-color: color-mix(in srgb, var(--plate-bg-color) 75%, transparent);
  background-image: var(--plate-bg-image-fallback);
  background-image: -webkit-image-set(var(--plate-bg-image-fallback) 1x, var(--plate-bg-image) 2x);
  background-image: image-set(var(--plate-bg-image-fallback) 1x, var(--plate-bg-image) 2x);
}
.textwithmedia {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.textwithmedia.background {
  gap: 0.5rem;
}
.textwithmedia.background .textcontent {
  color: var(--color-text-on-brand);
  padding: var(--size-step-5) var(--size-step-4);
  border-radius: var(--media-border-radius);
  background: var(--color-brand);
}
.textwithmedia.background .linkbutton {
  color: var(--color-text-on-brand);
  border: 1px solid;
}
.textwithmedia.background .linkbutton:hover,
.textwithmedia.background .linkbutton:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--color-text-on-brand);
}
@container (inline-size > 800px) {
  .textwithmedia {
    flex-direction: row;
    gap: 24px;
  }
  .textwithmedia > * {
    flex: 1 1 50%;
  }
  .textwithmedia .textcontent {
    display: flex;
    flex-direction: column;
    place-content: center;
  }
  .textwithmedia.background {
    gap: 24px;
  }
  .textwithmedia.flipped {
    flex-direction: row-reverse;
  }
  .textwithmedia.topped .textcontent {
    place-content: start;
  }
  .textwithmedia > .mediablock.noscale {
    align-self: flex-start;
  }
  @supports (display: grid) {
    .textwithmedia {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      gap: 24px;
      max-inline-size: var(--layout-column-size, 1376px);
      margin-inline: auto;
      max-inline-size: 1142px;
    }
    .textwithmedia > .mediablock,
    .textwithmedia > .slider {
      grid-row: 1;
      grid-column: 2 / span 5;
    }
    .textwithmedia .textcontent {
      position: relative;
      grid-row: 1;
      grid-column: span 4 / -1;
    }
    .textwithmedia.flipped > .mediablock,
    .textwithmedia.flipped > .slider {
      grid-column: span 5 / -2;
    }
    .textwithmedia.flipped .textcontent {
      grid-column: 1 / span 4;
    }
  }
}
[data-site="restaurant"] .textwithmedia.background .linkbutton:hover,
[data-site="restaurant"] .textwithmedia.background .linkbutton:focus {
  color: #fff;
}
@container (inline-size > 840px) {
  section > .module:has(.textwithmedia) {
    max-inline-size: 100%;
  }
  section > .module:has(.textwithmedia.background) {
    background: linear-gradient(to right, transparent 65%, var(--color-brand) 0);
  }
  section > .module:has(.flipped.textwithmedia.background) {
    background: linear-gradient(to left, transparent 65%, var(--color-brand) 0);
  }
}
.split {
  --threshold: 30rem;
  --align: stretch;
  display: flex;
  align-items: var(--align);
  flex-wrap: wrap;
  gap: 1rem;
  gap: var(--split-gap, 10px);
}
.split > * {
  flex-grow: 1;
  flex-basis: calc((var(--threshold) - 100%) * 999);
}
.split[data-direction="vertical"] {
  flex-direction: column;
  flex-wrap: nowrap;
}
.linkcard.center .text {
  text-align: center;
}
.linkcard.center .text .actions {
  justify-content: center;
}
.people .items {
  display: flex;
  gap: var(--size-step-6);
}
.people .items .contactperson {
  flex: 1 20%;
  max-inline-size: 420px;
}
@container module (inline-size > 42rem) {
  .people .items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    justify-items: center;
  }
  .people .items .contactperson {
    inline-size: 100%;
  }
}
.columns {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-inline: var(--side-gutter);
}
.columns .column > .module {
  --side-gutter: 0;
}
@media (min-width: 801px) {
  .columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-inline: 32px;
  }
  .columns[data-split="3"] > :first-child {
    grid-column: 1 / span 3;
  }
  .columns[data-split="3"] > :last-child {
    grid-column: 4 / -1;
  }
  .columns[data-split="4"] > :first-child {
    grid-column: 1 / span 4;
  }
  .columns[data-split="4"] > :last-child {
    grid-column: 5 / -1;
  }
  .columns[data-split="5"] > :first-child {
    grid-column: 1 / span 5;
  }
  .columns[data-split="5"] > :last-child {
    grid-column: 6 / -1;
  }
  .columns[data-split="6"] > :first-child {
    grid-column: 1 / span 6;
  }
  .columns[data-split="6"] > :last-child {
    grid-column: 7 / -1;
  }
  .columns[data-split="7"] > :first-child {
    grid-column: 1 / span 7;
  }
  .columns[data-split="7"] > :last-child {
    grid-column: 8 / -1;
  }
  .columns[data-split="8"] > :first-child {
    grid-column: 1 / span 8;
  }
  .columns[data-split="8"] > :last-child {
    grid-column: 9 / -1;
  }
  .columns[data-split="9"] > :first-child {
    grid-column: 1 / span 9;
  }
  .columns[data-split="9"] > :last-child {
    grid-column: 10 / -1;
  }
}
.listings .listing + .listing {
  border-block-start: 1px solid var(--color-secondary);
  margin-block-start: var(--size-step-6);
  padding-block-start: var(--size-step-8);
}
.listings .text p:empty:has( + p:not(:empty)) {
  margin-block-start: 1.5em;
}
.debug .listings .text p:empty:has( + p:not(:empty)) {
  border: 2px solid aquamarine;
}
.listings .text p:first-child:empty {
  display: none;
}
.listings .text p:first-child:empty + * {
  margin-block-start: 0;
}
[data-site="restaurant"] .listings .listing + .listing {
  border-color: #7d7d7d;
}
.sitepicker {
  block-size: 100vh;
  block-size: calc(100dvb - 7rem);
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  padding-inline: 0;
}
.sitepicker .sitecard {
  block-size: calc(50% - 0.5rem);
}
.sitepicker .sitecard:nth-child(2) {
  --badge-color: #86bfaa;
  --veil-color: #181317;
  --veil-opacity: 0.7;
}
.sitepicker .sitecard:nth-child(2) .text a {
  text-decoration: none;
}
@media (min-width: 801px) {
  .sitepicker {
    padding-inline: var(--size-step-6);
  }
  .sitepicker .sitecard:nth-child(2) {
    --veil-opacity: 0.5;
  }
}
@media (min-width: 801px) {
  .sitepicker {
    block-size: auto;
    display: grid;
    grid-template-columns: minmax(0, 560px) minmax(0, 560px);
    justify-content: center;
    gap: 25px;
    padding-inline: 0;
  }
  .sitepicker .sitecard {
    transition: filter 550ms ease-out;
    block-size: auto;
  }
  .sitepicker .sitecard:hover + .sitecard,
  .sitepicker .sitecard:has(a:focus-visible) + .sitecard {
    will-change: filter;
    isolation: isolate;
    filter: blur(4px);
  }
  .sitepicker .sitecard:has(+ .sitecard:hover),
  .sitepicker .sitecard:has(+ .sitecard a:focus-visible) {
    will-change: filter;
    isolation: isolate;
    filter: blur(4px);
  }
}
.slidein {
  --duration: 500ms;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  font-size: var(--fs-big);
  font-size: 5vh;
  font-weight: var(--fw-light);
  padding-block: 11rem;
  padding-inline: 11.625rem;
  border: none;
  z-index: 60;
}
.slidein .closebutton {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 8px;
  translate: 0 -50%;
  z-index: 40;
}
.slidein .auxnav {
  margin-block-start: 4em;
}
@media (max-width: 800px) {
  .slidein {
    font-size: var(--fs-medium);
    padding-inline: var(--size-step-7);
    padding-block: var(--size-step-11);
  }
  .slidein .closebutton {
    position: absolute;
    inset-inline-end: 20px;
    inset-block-start: var(--size-step-6);
  }
}
@media (min-width: 801px) {
  .slidein .auxnav {
    font-size: 0.6em;
  }
}
[data-site="brasserie"] .slidein,
[data-site="banket"] .slidein {
  color: #ece8e1;
  background: rgba(6, 0, 47, 0.9);
}
[data-site="brasserie"] .slidein::backdrop,
[data-site="banket"] .slidein::backdrop {
  background: rgba(236, 232, 226, 0.7);
}
[data-site="restaurant"] .slidein {
  color: var(--color-secondary);
  background: rgba(24, 19, 23, 0.9);
}
[data-site="restaurant"] .slidein::backdrop {
  background: rgba(24, 19, 23, 0.8);
}
.slidein {
  position: fixed;
  opacity: 0;
  inset: 0;
  inline-size: 86dvi;
  inset-inline-start: 100dvi;
  min-block-size: 100dvb;
  transition: var(--duration) ease-out allow-discrete;
  transition-property: opacity, inset-inline-start, display;
}
.slidein::backdrop {
  transition: var(--duration) ease-out allow-discrete;
  transition-property: opacity, display;
}
@media (max-width: 800px) {
  .slidein {
    inline-size: 100dvi;
  }
}
.slidein:target {
  opacity: 1;
  inset-inline-start: auto;
}
@media (max-width: 800px) {
  .slidein:target {
    inset-inline-start: 0;
  }
}
.slidein[popover]:popover-open {
  opacity: 1;
  inset-inline-start: 14dvi;
}
.slidein[popover]:popover-open::backdrop {
  opacity: 1;
}
@media (max-width: 800px) {
  .slidein[popover]:popover-open {
    inset-inline-start: 0;
  }
}
[data-site="restaurant"] .slidein[popover]:popover-open {
  background: rgba(24, 19, 23, 0.15);
}
@starting-style {
  .slidein[popover]:popover-open {
    opacity: 0;
    inset-inline-start: 100dvi;
  }
  .slidein[popover]:popover-open::backdrop {
    opacity: 0;
  }
}
html[data-popoverShowing="true"] body {
  overflow: hidden;
  overflow: clip;
}
body:has(.slidein:popover-open) {
  overflow: hidden;
  overflow: clip;
}
.footer {
  --color-footer-border: currentcolor;
  font-size: var(--fs-small);
  padding-block-end: 28px;
  margin-block-start: 8rem;
}
.footer > * {
  padding-inline: var(--size-step-2);
}
.footer .message {
  padding-block: var(--size-step-4);
  font-size: var(--fs-medium);
}
.footer .socials {
  border-block: 1px solid var(--color-footer-border);
  padding-block: var(--size-step-4);
}
.footer .location {
  display: flex;
  gap: 1.25rem;
  padding-block: var(--size-step-4);
}
.footer .contact-info {
  border-block-start: 1px solid var(--color-footer-border);
  padding-block: var(--size-step-4);
  display: flex;
  flex-direction: column;
  gap: var(--size-step-3);
}
.footer .contact-info dl {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.footer .contact-info dl dt,
.footer .contact-info dl dd {
  flex: 1;
}
.footer .contact-info dl dt {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.footer .links ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding-inline-start: 0;
  margin-block: 0;
}
.footer a {
  color: inherit;
  text-decoration: none;
}
.footer a:hover,
.footer a:focus {
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 801px) {
  .footer > * {
    padding-inline: 0;
  }
  .footer .contact-info {
    flex-direction: row;
    gap: var(--size-step-10);
    padding-block-end: 0;
  }
  .footer .contact-info dl {
    flex-direction: column;
  }
  .footer .links {
    margin-block-start: 2rem;
  }
}
@supports (display: grid) {
  @media (min-width: 801px) {
    .footer {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 24px;
      max-inline-size: var(--layout-column-size, 1376px);
      margin-inline: auto;
      max-inline-size: none;
      grid-template-columns: 1fr repeat(12, minmax(0, 93px)) 1fr;
      grid-template-rows: min-content min-content minmax(5rem, 10rem);
      row-gap: 0;
    }
    .footer::before,
    .footer::after {
      content: "";
      display: block;
    }
    .footer::before {
      grid-row: 3;
      grid-column: 1 / -1;
      border-block-start: 1px solid var(--color-footer-border);
      block-size: 2px;
    }
    .footer::after {
      grid-row: 1 / 3;
      grid-column: 10;
      border-inline-start: 1px solid var(--color-footer-border);
      inline-size: 2px;
    }
    .footer .message,
    .footer .contact-info {
      grid-column: 2 / span 7;
    }
    .footer .message {
      grid-row: 1 / span 2;
      padding-inline-end: 3rem;
    }
    .footer .contact-info {
      grid-row: 3;
      border: none;
    }
    .footer .contact-info dd {
      align-content: flex-end;
    }
    .footer .location,
    .footer .socials {
      grid-column: 10 / -2;
      padding-inline-start: var(--size-step-4);
    }
    .footer .location {
      grid-row: 2;
      border-inline-start: 1px solid var(--color-footer-border);
    }
    .footer .socials {
      grid-row: 1;
      border-block-start: none;
    }
    .footer .links {
      grid-row: 3;
      grid-column: span 2 / -2;
      align-self: end;
    }
  }
  @media (min-width: 1481px) {
    .footer {
      grid-template-columns: 1fr repeat(16, minmax(0, 93px)) 1fr;
    }
    .footer::after {
      grid-column: 12;
    }
    .footer .location,
    .footer .socials {
      grid-column-start: 12;
    }
    .footer .message,
    .footer .contact-info {
      grid-column-start: 5;
    }
    .footer .links {
      grid-column-start: 14;
    }
  }
}
[data-site="brasserie"] .footer,
[data-site="banket"] .footer {
  background: var(--color-primary);
  color: #ece8e1;
}
[data-site="brasserie"] .footer .message,
[data-site="banket"] .footer .message {
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-site="brasserie"] .footer .location,
[data-site="banket"] .footer .location {
  align-items: flex-end;
}
[data-site="restaurant"] .footer {
  --color-footer-border: #7d7d7d;
  border-block-start: 1px solid var(--color-footer-border);
  background: var(--color-background);
  color: var(--color-brand);
}
[data-site="restaurant"] .footer .location {
  align-items: flex-start;
}
[data-site="restaurant"] .footer .location span {
  padding-block-start: 4px;
}
.topbar {
  padding: 20px;
  color: var(--color-primary);
}
.topbar .address,
.topbar .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topbar .address a {
  color: inherit;
  text-decoration: none;
}
.topbar .address a:hover,
.topbar .address a:focus {
  text-decoration: underline;
}
.topbar .logo {
  inset-inline-start: 20px;
}
.topbar .menutrigger {
  inset-inline-end: 7px;
}
@media (max-width: 800px) {
  .topbar .address {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}
.hero {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.hero .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero .content :where(h1, h2) {
  color: var(--color-secondary);
  font-size: var(--fs-big);
  font-weight: var(--fw-light);
  line-height: 1.2727;
}
.hero .content .text {
  margin-block-start: var(--size-step-10);
}
@media (min-width: 801px) {
  .hero {
    flex-direction: row;
    display: flex;
    gap: 24px;
  }
  .hero .content .text {
    margin-block-start: auto;
  }
  .hero.flipped {
    flex-direction: row-reverse;
  }
}
@supports (display: grid) {
  @media (min-width: 801px) {
    .hero {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 24px;
      max-inline-size: var(--layout-column-size, 1376px);
      margin-inline: auto;
    }
    .hero > .mediablock,
    .hero > .slider {
      grid-column: 1 / span 5;
      grid-row: 1;
    }
    .hero > .content {
      grid-column: span 3 / -1;
      grid-row: 1;
    }
    .hero.flipped > .mediablock,
    .hero.flipped > .slider {
      grid-column: span 5 / -1;
    }
    .hero.flipped > .content {
      grid-column: 1 / span 3;
    }
  }
}
[data-site="brasserie"] .hero .content :where(h1, h2),
[data-site="banket"] .hero .content :where(h1, h2) {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.imagereel {
  overflow: hidden;
  overflow: clip;
  border-radius: var(--media-border-radius);
}
.imagereel .images {
  display: flex;
  inline-size: 100%;
  overflow: auto;
  scroll-snap-type: inline mandatory;
}
.imagereel .images > .mediablock {
  border-radius: 0;
  flex: 1 0 100%;
  scroll-snap-align: start;
}
.slider {
  position: relative;
}
.slider .imagereel {
  z-index: 8;
}
.slider .navigator {
  display: none;
}
.slider[data-connected="true"] .images {
  --offsetValue: calc(var(--offset) * -1px);
  overflow: visible;
  transition: transform 550ms cubic-bezier(0.46, 0.09, 0.15, 1);
  position: relative;
  inset-inline-start: 0;
  transform: translateX(var(--offsetValue));
}
.slider[data-connected="true"] .navigator {
  display: flex;
  position: absolute;
  z-index: 16;
  background: var(--color-background);
  padding-inline: 20px;
  padding-block: 13px;
  inset-block-end: 0;
  inset-inline-start: 50%;
  translate: -50% 0;
}
.slider.at-start .navigator a[href="#prev"] {
  opacity: 0.2;
  pointer-events: none;
}
.slider.at-end .navigator a[href="#next"] {
  opacity: 0.2;
  pointer-events: none;
}
.textmodule {
  margin-inline: 0;
}
.textmodule h2 {
  font-size: 2.125rem;
  font-weight: var(--fw-light);
}
.textmodule .text {
  font-weight: var(--fw-light);
}
.textmodule .text > * + * {
  margin-block-start: 1.5em;
}
.module .textmodule .text {
  padding-inline: 0;
}
.textmodule .actions {
  margin-block-start: 1.5em;
}
@container (inline-size > 800px) {
  .textmodule {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 24px;
    max-inline-size: var(--layout-column-size, 1376px);
    margin-inline: auto;
  }
  .textmodule > * {
    grid-column: 1 / span 4;
  }
  .textmodule.wider > * {
    grid-column-end: -1;
  }
}
[data-site="restaurant"] .textmodule {
  color: #bcbcbc;
}
[data-site="restaurant"] .textmodule.wider {
  font-size: 1.6875rem;
}
@container (inline-size > 800px) {
  [data-site="restaurant"] .textmodule.wider {
    font-size: 2.3125rem;
  }
}
:root {
  --side-gutter: 20px;
  --content-size: 676px;
  --layout-column-size: 909px;
}
.module {
  max-inline-size: var(--module-size);
  margin-inline: auto;
  padding-inline: var(--side-gutter);
  box-sizing: content-box;
  container: module / inline-size;
}
[data-layout] main > section {
  padding-block: var(--section-padding, 4rem);
  container: section / inline-size;
}
[data-layout] main > section > * + * {
  margin-block-start: var(--module-gap, 2rem);
}
[data-layout] main > section:not(:has(.module)) {
  display: none;
}
[data-layout] main > section:not(.plate):has( + section:not(.plate)) {
  padding-block-end: var(--module-gap, 2rem);
}
[data-layout] main > section:not(.plate):has( + section:not(.plate)) + section:not(.plate) {
  padding-block-start: 0;
}
[data-layout] main > section > .module {
  --module-size: var(--layout-column-size);
}
[data-layout] main > section[data-size] {
  overflow-x: clip;
}
[data-layout] main > section[data-size="full"] > .module {
  --module-size: 100%;
  padding-inline: 0;
}
[data-layout] main > section[data-size="full"] > .module > .text {
  padding-inline: var(--side-gutter);
}
[data-layout] main > section[data-size="content"] > .module {
  --module-size: var(--content-size);
}
[data-layout] footer {
  container: footer / inline-size;
  position: relative;
  z-index: 40;
}
@media (min-width: 800px) {
  [data-layout] .topbar {
    position: sticky;
    z-index: 32;
    inset-block-start: 0;
  }
  [data-layout] .topbar .logo,
  [data-layout] .topbar .menutrigger {
    position: fixed;
    inset-block-start: 50dvb;
    transform: translateY(-50%);
    z-index: 32;
  }
}