@charset "UTF-8";
/* We use CSS layers to handle specificity: https://css-tricks.com/css-cascade-layers/ */
@layer reset, base, views, overrides;
/* A reset for all browsers, based on Eric Meyer's CSS reset
 * https://meyerweb.com/eric/tools/css/reset/ */
@layer reset {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  html {
    font-size: 100%;
  }
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    --webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    line-height: 1;
  }
  ul {
    list-style: disc;
  }
  ol {
    list-style: decimal;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before, blockquote::after,
  q::before,
  q::after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
}
@layer base {
  ::-moz-selection {
    background-color: #eeaca5;
    color: #ffffff;
  }
  ::selection {
    background-color: #eeaca5;
    color: #ffffff;
  }
  .hidden {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
}
@font-face {
  font-family: "have_heart_oneregular";
  src: url("../fonts/have_heart_one-webfont.woff2") format("woff2"), url("../fonts/have_heart_one-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "addington_cfmedium";
  src: url("../fonts/addingtoncf-medium-webfont.woff2") format("woff2"), url("../fonts/addingtoncf-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "addington_cfmedium_italic";
  src: url("../fonts/addingtoncf-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/addingtoncf-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@layer base {
  body, button {
    font-family: "addington_cfmedium", serif;
  }
  h1, h2, h3, h4, h5, h6, summary, .close {
    font-family: "have_heart_oneregular", sans-serif;
  }
}
@layer base {
  a {
    color: #ffe0dd;
    font-weight: 600;
  }
  @media (prefers-reduced-motion: no-preference) {
    a {
      transition: color 0.2s ease-in-out 0s;
    }
  }
  a:hover, a:focus, a:active {
    color: #ffffff;
  }
}
@layer base {
  p {
    margin-bottom: 1.25rem;
  }
  strong {
    font-weight: 900;
  }
  em,
  i {
    font-style: italic;
  }
  address {
    margin-bottom: 2.1875rem;
    line-height: 1.5625rem;
    display: block;
  }
}
@layer base {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
  }
  h1 {
    font-size: 6.25rem;
    line-height: 6.25rem;
  }
  @media only screen and (min-width: 851px) {
    h1 {
      font-size: 11.25rem;
      line-height: 10.3125rem;
    }
  }
}
@layer views {
  html, body {
    overscroll-behavior: none;
  }
  body {
    background: #ce908a;
    display: flex;
    flex-flow: column;
    overflow-x: hidden;
  }
  @media only screen and (max-width: 329px) {
    body {
      padding: 2.1875rem;
      font-size: 1.5625rem;
      color: #ffffff;
      line-height: 2.1875rem;
    }
    body:before {
      content: attr(data-too-small);
      display: block;
    }
    body header, body main {
      display: none;
    }
  }
}
@layer views {
  header {
    height: 16.5625rem;
    position: relative;
    padding: 2.8125rem;
    text-align: center;
    color: #ffffff;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
  }
  header:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.75rem;
    height: 7.0625rem;
    background-position: 0 0;
    right: -2.5625rem;
    bottom: -4.875rem;
  }
  @media only screen and (min-width: 851px) {
    header:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header:after {
      width: 11.75rem;
      height: 10.4375rem;
    }
  }
  header h1:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 4.25rem;
    height: 10.9375rem;
    background-position: -9.1875rem -7.4375rem;
    top: -4.6875rem;
    left: 5vw;
  }
  @media only screen and (min-width: 851px) {
    header h1:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header h1:before {
      width: 6.8125rem;
      height: 16.6875rem;
      background-position: -13.5625rem -10.875rem;
    }
  }
  header h1 .break {
    width: fit-content;
    position: relative;
    left: 1.875rem;
    margin: 0 auto;
    display: block;
  }
  header h1 .break:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 3.6875rem;
    height: 6.625rem;
    background-position: -9rem -25.8125rem;
    top: -1.125rem;
    left: 1.75rem;
  }
  @media only screen and (min-width: 851px) {
    header h1 .break:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header h1 .break:before {
      width: 5.875rem;
      height: 10.0625rem;
      background-position: -13.25rem -38.5625rem;
    }
  }
  header .icon:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.375rem;
    height: 7rem;
    background-position: 0 -21.8125rem;
    top: 22.9375rem;
    left: 22vw;
  }
  @media only screen and (min-width: 851px) {
    header .icon:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header .icon:after {
      width: 11.0625rem;
      height: 10.8125rem;
      background-position: 0 -32.375rem;
    }
  }
  header .icon-2:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 6.125rem;
    height: 5.875rem;
    background-position: -8.9375rem -18.9375rem;
    bottom: -2.8125rem;
    left: 2vw;
  }
  @media only screen and (min-width: 851px) {
    header .icon-2:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header .icon-2:before {
      width: 9.5625rem;
      height: 9.3125rem;
      background-position: -13.1875rem -28.125rem;
    }
  }
  @media only screen and (min-width: 385px) {
    header:after {
      bottom: -2.6875rem;
    }
    header h1:before {
      top: -1.25rem;
      left: 6vw;
    }
  }
  @media only screen and (min-width: 401px) {
    header h1 .break {
      left: 4.375rem;
    }
  }
  @media only screen and (min-width: 451px) {
    header .icon:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.125rem;
      height: 6.625rem;
      background-position: -8.25rem 0;
      top: 0.125rem;
      right: 0;
    }
  }
  @media only screen and (min-width: 451px) and (min-width: 851px) {
    header .icon:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 451px) and (min-width: 851px) {
    header .icon:before {
      width: 8.6875rem;
      height: 10.0625rem;
      background-position: -12.0625rem 0;
    }
  }
  @media only screen and (min-width: 851px) {
    header {
      height: 26.875rem;
    }
    header h1 .break {
      left: 8.125rem;
    }
    header h1 .break:before {
      top: -0.625rem;
      left: 3.125rem;
    }
    header .icon:before {
      top: -2.1875rem;
      right: 5vw;
    }
  }
  @media only screen and (min-width: 851px) and (max-width: 920px) {
    header:after {
      display: none;
    }
  }
  @media only screen and (min-width: 921px) {
    header:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 8.3125rem;
      height: 8rem;
      background-position: 0 -7.375rem;
      top: -4rem;
      left: -6.25rem;
    }
  }
  @media only screen and (min-width: 921px) and (min-width: 851px) {
    header:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 921px) and (min-width: 851px) {
    header:before {
      width: 12.75rem;
      height: 12.5625rem;
      background-position: 0 -10.5625rem;
    }
  }
  @media only screen and (min-width: 921px) {
    header h1:before {
      left: 10vw;
    }
  }
  @media only screen and (min-width: 1025px) {
    header .icon:before {
      right: 10vw;
    }
  }
  @media only screen and (min-width: 1095px) {
    header h1:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.3125rem;
      height: 6.9375rem;
      background-position: 0 -29.1875rem;
      bottom: -1.25rem;
      left: 22vw;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header h1:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header h1:after {
      width: 9.375rem;
      height: 10.8125rem;
      background-position: 0 -43.25rem;
    }
  }
  @media only screen and (min-width: 1095px) {
    header .icon:before {
      right: 15vw;
    }
    header .icon:after {
      left: auto;
      right: 22vw;
    }
    header .icon-2:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.4375rem;
      height: 5.8125rem;
      background-position: 0 -15.8125rem;
      top: 4.0625rem;
      right: -4.25rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header .icon-2:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header .icon-2:after {
      width: 9.875rem;
      height: 9.1875rem;
      background-position: 0 -23.125rem;
    }
  }
}
@layer views {
  header {
    height: 16.5625rem;
    position: relative;
    padding: 2.8125rem;
    text-align: center;
    color: #ffffff;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
  }
  header:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.75rem;
    height: 7.0625rem;
    background-position: 0 0;
    right: -2.5625rem;
    bottom: -4.875rem;
  }
  @media only screen and (min-width: 851px) {
    header:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header:after {
      width: 11.75rem;
      height: 10.4375rem;
    }
  }
  header h1:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 4.25rem;
    height: 10.9375rem;
    background-position: -9.1875rem -7.4375rem;
    top: -4.6875rem;
    left: 5vw;
  }
  @media only screen and (min-width: 851px) {
    header h1:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header h1:before {
      width: 6.8125rem;
      height: 16.6875rem;
      background-position: -13.5625rem -10.875rem;
    }
  }
  header h1 .break {
    width: fit-content;
    position: relative;
    left: 1.875rem;
    margin: 0 auto;
    display: block;
  }
  header h1 .break:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 3.6875rem;
    height: 6.625rem;
    background-position: -9rem -25.8125rem;
    top: -1.125rem;
    left: 1.75rem;
  }
  @media only screen and (min-width: 851px) {
    header h1 .break:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header h1 .break:before {
      width: 5.875rem;
      height: 10.0625rem;
      background-position: -13.25rem -38.5625rem;
    }
  }
  header .icon:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.375rem;
    height: 7rem;
    background-position: 0 -21.8125rem;
    top: 22.9375rem;
    left: 22vw;
  }
  @media only screen and (min-width: 851px) {
    header .icon:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header .icon:after {
      width: 11.0625rem;
      height: 10.8125rem;
      background-position: 0 -32.375rem;
    }
  }
  header .icon-2:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 6.125rem;
    height: 5.875rem;
    background-position: -8.9375rem -18.9375rem;
    bottom: -2.8125rem;
    left: 2vw;
  }
  @media only screen and (min-width: 851px) {
    header .icon-2:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    header .icon-2:before {
      width: 9.5625rem;
      height: 9.3125rem;
      background-position: -13.1875rem -28.125rem;
    }
  }
  @media only screen and (min-width: 385px) {
    header:after {
      bottom: -2.6875rem;
    }
    header h1:before {
      top: -1.25rem;
      left: 6vw;
    }
  }
  @media only screen and (min-width: 401px) {
    header h1 .break {
      left: 4.375rem;
    }
  }
  @media only screen and (min-width: 451px) {
    header .icon:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.125rem;
      height: 6.625rem;
      background-position: -8.25rem 0;
      top: 0.125rem;
      right: 0;
    }
  }
  @media only screen and (min-width: 451px) and (min-width: 851px) {
    header .icon:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 451px) and (min-width: 851px) {
    header .icon:before {
      width: 8.6875rem;
      height: 10.0625rem;
      background-position: -12.0625rem 0;
    }
  }
  @media only screen and (min-width: 851px) {
    header {
      height: 26.875rem;
    }
    header h1 .break {
      left: 8.125rem;
    }
    header h1 .break:before {
      top: -0.625rem;
      left: 3.125rem;
    }
    header .icon:before {
      top: -2.1875rem;
      right: 5vw;
    }
  }
  @media only screen and (min-width: 851px) and (max-width: 920px) {
    header:after {
      display: none;
    }
  }
  @media only screen and (min-width: 921px) {
    header:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 8.3125rem;
      height: 8rem;
      background-position: 0 -7.375rem;
      top: -4rem;
      left: -6.25rem;
    }
  }
  @media only screen and (min-width: 921px) and (min-width: 851px) {
    header:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 921px) and (min-width: 851px) {
    header:before {
      width: 12.75rem;
      height: 12.5625rem;
      background-position: 0 -10.5625rem;
    }
  }
  @media only screen and (min-width: 921px) {
    header h1:before {
      left: 10vw;
    }
  }
  @media only screen and (min-width: 1025px) {
    header .icon:before {
      right: 10vw;
    }
  }
  @media only screen and (min-width: 1095px) {
    header h1:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.3125rem;
      height: 6.9375rem;
      background-position: 0 -29.1875rem;
      bottom: -1.25rem;
      left: 22vw;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header h1:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header h1:after {
      width: 9.375rem;
      height: 10.8125rem;
      background-position: 0 -43.25rem;
    }
  }
  @media only screen and (min-width: 1095px) {
    header .icon:before {
      right: 15vw;
    }
    header .icon:after {
      left: auto;
      right: 22vw;
    }
    header .icon-2:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.4375rem;
      height: 5.8125rem;
      background-position: 0 -15.8125rem;
      top: 4.0625rem;
      right: -4.25rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header .icon-2:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 1095px) and (min-width: 851px) {
    header .icon-2:after {
      width: 9.875rem;
      height: 9.1875rem;
      background-position: 0 -23.125rem;
    }
  }
}
@layer views {
  main {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  details {
    width: 100%;
    min-height: 4.6875rem;
    height: calc((100vh - 16.5625rem) / 6);
    color: #ffffff;
    overflow: hidden;
  }
  details:nth-child(1), details:nth-child(1) section {
    background: #ffbdb7;
  }
  details:nth-child(1) section {
    top: calc((100vh - 16.5625rem) / 6 * 0);
  }
  details:nth-child(1) .close {
    text-shadow: 0 0.3125rem 0.625rem #ffbdb7;
  }
  details:nth-child(2), details:nth-child(2) section {
    background: #f8b4ad;
  }
  details:nth-child(2) section {
    top: calc((100vh - 16.5625rem) / 6 * 1);
  }
  details:nth-child(2) .close {
    text-shadow: 0 0.3125rem 0.625rem #f8b4ad;
  }
  details:nth-child(3), details:nth-child(3) section {
    background: #eeaca5;
  }
  details:nth-child(3) section {
    top: calc((100vh - 16.5625rem) / 6 * 2);
  }
  details:nth-child(3) .close {
    text-shadow: 0 0.3125rem 0.625rem #eeaca5;
  }
  details:nth-child(4), details:nth-child(4) section {
    background: #dfa09a;
  }
  details:nth-child(4) section {
    top: calc((100vh - 16.5625rem) / 6 * 3);
  }
  details:nth-child(4) .close {
    text-shadow: 0 0.3125rem 0.625rem #dfa09a;
  }
  details:nth-child(5), details:nth-child(5) section {
    background: #c48781;
  }
  details:nth-child(5) section {
    top: calc((100vh - 16.5625rem) / 6 * 4);
  }
  details:nth-child(5) .close {
    text-shadow: 0 0.3125rem 0.625rem #c48781;
  }
  details:nth-child(6), details:nth-child(6) section {
    background: #b57c77;
  }
  details:nth-child(6) section {
    top: calc((100vh - 16.5625rem) / 6 * 5);
  }
  details:nth-child(6) .close {
    text-shadow: 0 0.3125rem 0.625rem #b57c77;
  }
  summary, h2 {
    list-style: none;
    padding: 0.9375rem 1.5625rem;
    font-size: 3.125rem;
  }
  section {
    width: 16.6666666667vw;
    height: calc(100vh - 16.5625rem);
    padding: 0.9375rem 1.5625rem 0.9375rem 1.5625rem;
    position: absolute;
    font-size: 1.375rem;
    white-space: nowrap;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    z-index: -1;
  }
  @media (prefers-reduced-motion: no-preference) {
    section {
      transition: width 0.2s ease-in-out 0s, top 0.2s ease-in-out 0s;
    }
  }
  details.open section {
    width: 100vw;
    top: 0;
  }
  details.active section {
    height: 100%;
    display: block;
    z-index: 10;
  }
  section h2 {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }
  section .close {
    position: absolute;
    top: 0.625rem;
    right: 2.8125rem;
    font-size: 5rem;
    color: #ffffff;
    cursor: pointer;
  }
  @media (prefers-reduced-motion: no-preference) {
    section .close {
      transition: color 0.2s ease-in-out 0s;
    }
  }
  section .close:before {
    content: "×";
    display: block;
  }
  section .close:hover, section .close:focus {
    color: #ffe0dd;
  }
  .content {
    width: 100%;
    padding-top: 4.0625rem;
    padding-right: 1.25rem;
    white-space: normal;
    box-sizing: border-box;
  }
  @media only screen and (max-width: 550px) {
    main {
      position: static;
    }
    details.open section {
      min-height: 44.6875rem;
      height: 100vh;
      height: calc(var(--vh, 1vh) * 100);
      top: 0;
      overflow-x: hidden;
    }
    details.active section {
      overflow-y: auto;
    }
  }
  @media only screen and (min-width: 551px) {
    main {
      display: flex;
      flex-flow: row;
      overflow: hidden;
    }
    section {
      top: 0;
      padding-left: 6.25rem;
    }
  }
  @media only screen and (min-width: 551px) and (prefers-reduced-motion: no-preference) {
    section {
      transition: width 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s;
    }
  }
  @media only screen and (min-width: 551px) {
    details {
      width: 16.6666666667%;
      height: calc(100vh - 16.5625rem);
    }
    details:nth-child(1) section {
      top: 0;
      left: calc(16.6666666667vw * 0);
    }
    details.open:nth-child(1) section {
      left: 0;
    }
    details:nth-child(2) section {
      top: 0;
      left: calc(16.6666666667vw * 1);
    }
    details.open:nth-child(2) section {
      left: 0;
    }
    details:nth-child(3) section {
      top: 0;
      left: calc(16.6666666667vw * 2);
    }
    details.open:nth-child(3) section {
      left: 0;
    }
    details:nth-child(4) section {
      top: 0;
      left: calc(16.6666666667vw * 3);
    }
    details.open:nth-child(4) section {
      left: 0;
    }
    details:nth-child(5) section {
      top: 0;
      left: calc(16.6666666667vw * 4);
    }
    details.open:nth-child(5) section {
      left: 0;
    }
    details:nth-child(6) section {
      top: 0;
      left: calc(16.6666666667vw * 5);
    }
    details.open:nth-child(6) section {
      left: 0;
    }
    summary, h2 {
      padding: 0 0.9375rem 1.5625rem 0;
      writing-mode: vertical-lr;
      transform: rotate(-180deg);
    }
    summary {
      min-height: 6.75rem;
    }
  }
  @media only screen and (min-width: 551px) {
    .content {
      padding-top: 0;
    }
    details {
      min-height: 30rem;
    }
  }
  @media only screen and (min-width: 601px) {
    summary, h2 {
      padding-right: 1.5625rem;
    }
  }
  @media only screen and (min-width: 701px) {
    .content {
      width: 33.4375rem;
      padding-right: 0;
      white-space: unset;
    }
  }
  @media only screen and (min-width: 851px) {
    summary, h2 {
      padding-right: 2.1875rem;
      padding-bottom: 3.125rem;
      font-size: 5rem;
    }
    section {
      padding-left: 11.25rem;
    }
    details {
      height: calc(100vh - 26.875rem);
    }
  }
}
@layer views {
  dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    row-gap: 1.5625rem;
  }
  dt, dd {
    display: inline-block;
  }
  dt {
    width: 6.25rem;
    position: relative;
    bottom: 0.125rem;
    font-size: 1.5625rem;
    font-weight: bold;
  }
  ul {
    margin: 0 0 0 1.25rem;
    padding: 0;
  }
  li {
    margin-bottom: 0.5rem;
  }
  li:last-child {
    margin-bottom: 0;
  }
}
@layer views {
  .gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2.1875rem;
    left: 46.25rem;
  }
  .gallery li, .img {
    width: 12.5rem;
    background: #ffffff;
    padding: 0.9375rem 0.9375rem 3.4375rem;
    border-radius: 0.1875rem;
    box-sizing: border-box;
  }
  .gallery li picture, .img picture {
    width: 100%;
    height: auto;
    background: #472735;
    overflow: hidden;
    border-radius: 1.25rem;
    display: block;
  }
  .gallery li img, .img img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .gallery li img, .img img {
      transition: opacity 0.5s ease-in-out 0s;
    }
  }
  .gallery li img.loaded, .img img.loaded {
    opacity: 1;
  }
  @media only screen and (min-width: 981px) {
    .gallery li, .img {
      width: 15.625rem;
    }
  }
}
@layer views {
  #accommodation .content {
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  #accommodation a {
    color: #b47670;
  }
  #accommodation a:hover, #accommodation a:focus {
    color: #ffe0dd;
  }
  #accommodation .img {
    position: relative;
    transform: rotate(-6deg);
  }
  #accommodation .img:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 6.125rem;
    height: 6.625rem;
    background-position: -8.25rem 0;
    bottom: 1.875rem;
    right: -4.0625rem;
  }
  @media only screen and (min-width: 851px) {
    #accommodation .img:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #accommodation .img:before {
      width: 8.6875rem;
      height: 10.0625rem;
      background-position: -12.0625rem 0;
    }
  }
  #accommodation dl, #accommodation dt, #accommodation dd {
    display: block;
  }
  #accommodation dl {
    position: relative;
  }
  #accommodation dt {
    width: auto;
    margin-bottom: 0.3125rem;
    bottom: 0;
  }
  #accommodation dd {
    margin-bottom: 1.5625rem;
  }
  #accommodation small {
    margin-left: 0.5rem;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 400;
  }
  @media only screen and (max-width: 980px) {
    #accommodation .img {
      margin-top: 0.625rem;
      margin-left: -5.3125rem;
      order: 3;
    }
  }
  @media only screen and (min-width: 551px) {
    #accommodation .content:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.125rem;
      height: 5.875rem;
      background-position: -8.9375rem -18.9375rem;
      top: 18.75rem;
      right: 2.5rem;
      transform: rotate(14deg);
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #accommodation .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #accommodation .content:before {
      width: 9.5625rem;
      height: 9.3125rem;
      background-position: -13.1875rem -28.125rem;
    }
  }
  @media only screen and (min-width: 551px) {
    #accommodation .content:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.3125rem;
      height: 6.9375rem;
      background-position: 0 -29.1875rem;
      top: 25.3125rem;
      right: 0.9375rem;
      transform: rotate(8deg);
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #accommodation .content:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #accommodation .content:after {
      width: 9.375rem;
      height: 10.8125rem;
      background-position: 0 -43.25rem;
    }
  }
  @media only screen and (min-width: 551px) {
    #accommodation .img:before {
      top: 2.5rem;
      bottom: auto;
      right: -13.25rem;
    }
  }
  @media only screen and (min-width: 601px) {
    #accommodation .content:after {
      top: 31.25rem;
      right: 3.25rem;
    }
  }
  @media only screen and (min-width: 701px) {
    #accommodation .content:after {
      right: 11.25rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #accommodation .content:before {
      top: 9.375rem;
    }
    #accommodation .content:after {
      top: auto;
      right: -4.375rem;
      bottom: 1.875rem;
      transform: rotate(4deg);
    }
  }
  @media only screen and (min-width: 981px) {
    #accommodation .content {
      flex-flow: row;
    }
    #accommodation .content:before {
      top: 14.6875rem;
      left: 26.5625rem;
      right: auto;
      z-index: 1;
    }
    #accommodation .img {
      margin-top: 4.0625rem;
      margin-right: 2.5rem;
    }
    #accommodation .img:before {
      top: 18.25rem;
      left: -3.5rem;
      right: auto;
    }
    #accommodation address {
      margin-top: 4.875rem;
    }
    #accommodation dl {
      top: 11.75rem;
      margin-left: 3.625rem;
    }
  }
  @media only screen and (min-width: 1055px) {
    #accommodation .content:after {
      right: -0.125rem;
    }
  }
  @media only screen and (min-width: 1251px) {
    #accommodation .content:before {
      top: 6.25rem;
      right: 5rem;
      left: auto;
    }
    #accommodation dl {
      margin-left: -2.1875rem;
    }
  }
}
@layer views {
  #hens.active section {
    overflow-y: auto;
  }
  #hens .content:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.375rem;
    height: 7rem;
    background-position: 0 -21.8125rem;
    bottom: 17.5rem;
    left: -2.5rem;
    transform: rotate(-24deg);
  }
  @media only screen and (min-width: 851px) {
    #hens .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #hens .content:before {
      width: 11.0625rem;
      height: 10.8125rem;
      background-position: 0 -32.375rem;
    }
  }
  #hens .content:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(./../img/sprite.png);
    background-size: 15.625rem 36.125rem;
    width: 7.75rem;
    height: 7.0625rem;
    background-position: 0 0;
    top: 3.625rem;
    left: -2.5rem;
  }
  @media only screen and (min-width: 851px) {
    #hens .content:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #hens .content:after {
      width: 11.75rem;
      height: 10.4375rem;
    }
  }
  #hens ul {
    width: 95%;
    list-style: none;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
  }
  #hens li {
    width: calc((100% - 0.9375rem) / 2);
    margin-right: 0.9375rem;
    margin-bottom: 1.5625rem;
    text-align: center;
  }
  #hens li:nth-child(odd) .img, #hens li:nth-child(odd) span {
    transform: rotate(-3deg);
  }
  #hens li:nth-child(even) {
    position: relative;
    top: 0.5rem;
    margin-right: 0;
  }
  #hens li:nth-child(even) .img, #hens li:nth-child(even) span {
    transform: rotate(3deg);
  }
  #hens li span {
    margin-top: -2rem;
    margin-bottom: 1.5625rem;
    font-family: "have_heart_oneregular", sans-serif;
    color: #472735;
    display: block;
  }
  #hens .img {
    width: 9.375rem;
    margin: 0 auto;
    padding: 0.625rem 0.625rem 2.8125rem;
  }
  #hens .img picture {
    border-radius: 0.9375rem;
  }
  #hens small {
    position: relative;
    white-space: break-spaces;
    z-index: 2;
  }
  @media only screen and (min-width: 551px) {
    #hens .content:before {
      bottom: 0rem;
    }
    #hens .content:after {
      top: auto;
      bottom: 17.5rem;
    }
  }
  @media only screen and (min-width: 651px) {
    #hens .content:before {
      left: -3.25rem;
    }
    #hens li {
      width: calc((100% - 1.875rem) / 3);
      margin-right: 0.9375rem;
      margin-bottom: 2.1875rem;
    }
    #hens li:nth-child(even) {
      margin-right: 0.9375rem;
    }
    #hens li:nth-child(3), #hens li:last-child {
      margin-right: 0;
    }
  }
  @media only screen and (min-width: 851px) {
    #hens .content {
      width: 100%;
    }
    #hens .content:before {
      display: none;
    }
    #hens .content:after {
      bottom: 0.625rem;
      left: 3.125rem;
    }
    #hens li {
      width: calc((100% - 2.1875rem * 2) / 3);
      margin-right: 2.1875rem;
    }
    #hens li:nth-child(even) {
      top: 0;
    }
    #hens li span {
      margin-bottom: 2.1875rem;
    }
    #hens .img {
      width: 12.5rem;
    }
  }
  @media only screen and (min-width: 1001px) {
    #hens .content:after {
      bottom: -3rem;
      left: -3.125rem;
    }
  }
  @media only screen and (min-width: 1601px) {
    #hens .content:before {
      top: 17.5rem;
      bottom: auto;
      display: block;
    }
    #hens .content:after {
      top: 19.5rem;
      right: 0rem;
      left: auto;
      bottom: auto;
    }
    #hens ul {
      flex-flow: row;
    }
    #hens li {
      width: calc((100% - 10.9375rem) / 6);
    }
    #hens li:nth-child(even) {
      margin-right: 2.1875rem;
    }
  }
}
@layer views {
  #saturday .gallery li {
    position: absolute;
  }
  #saturday .gallery li:first-child {
    top: 15rem;
    left: -31.25rem;
    transform: rotate(-10deg);
  }
  #saturday .gallery li:nth-child(2) {
    transform: rotate(3deg);
    position: relative;
  }
  #saturday .gallery li:nth-child(3) {
    top: 3.125rem;
    left: 21.5625rem;
    transform: rotate(-2deg);
  }
  #saturday .gallery li:last-child {
    top: 11.375rem;
    left: 11.8125rem;
    transform: rotate(10deg);
  }
  @media only screen and (max-width: 850px) {
    #saturday .gallery {
      top: 22.1875rem;
      left: -2.1875rem;
    }
  }
  @media only screen and (min-width: 531px) and (max-width: 1154px) {
    #saturday .gallery {
      top: 16.25rem;
    }
  }
  @media only screen and (min-width: 651px) and (max-width: 1154px) {
    #saturday .gallery {
      left: 2.1875rem;
    }
  }
  @media only screen and (min-width: 751px) {
    #saturday .content:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 8.3125rem;
      height: 8rem;
      background-position: 0 -7.375rem;
      top: 11.25rem;
      right: 1.5625rem;
    }
  }
  @media only screen and (min-width: 751px) and (min-width: 851px) {
    #saturday .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 751px) and (min-width: 851px) {
    #saturday .content:before {
      width: 12.75rem;
      height: 12.5625rem;
      background-position: 0 -10.5625rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #saturday .content:before {
      top: 17.5rem;
      right: 15.625rem;
      z-index: 1;
    }
  }
  @media only screen and (min-width: 851px) and (max-width: 1154px) {
    #saturday .gallery {
      top: 6.25rem;
      left: 35.9375rem;
    }
  }
  @media only screen and (min-width: 981px) {
    #saturday .content:before {
      right: auto;
      left: 15.625rem;
    }
  }
  @media only screen and (min-width: 1155px) {
    #saturday .content:before {
      left: 36.25rem;
    }
  }
}
@layer views {
  #sunday .gallery li {
    position: absolute;
  }
  #sunday .gallery li:first-child {
    position: relative;
    margin-top: 5.625rem;
    margin-left: 1.875rem;
    transform: rotate(-13deg);
    z-index: 1;
  }
  #sunday .gallery li:nth-child(2) {
    top: 0;
    left: 14.375rem;
    transform: rotate(9deg);
  }
  #sunday .gallery li:last-child {
    top: 9.375rem;
    left: 31.25rem;
    transform: rotate(15deg);
  }
  @media only screen and (max-width: 700px) {
    #sunday.active section {
      overflow-y: auto;
    }
  }
  @media only screen and (max-width: 1084px) {
    #sunday .gallery {
      top: 12.5rem;
      left: -23.625rem;
    }
    #sunday .gallery li:last-child {
      top: 14.6875rem;
      left: 16.75rem;
      transform: rotate(-6deg);
    }
  }
  @media only screen and (max-width: 550px) {
    #sunday .gallery {
      top: 32.5rem;
      left: -21.5625rem;
    }
  }
  @media only screen and (min-width: 651px) and (max-width: 1084px) {
    #sunday .gallery li:last-child {
      top: 12.8125rem;
      left: 23rem;
      transform: rotate(-10deg);
    }
  }
  @media only screen and (min-width: 701px) {
    #sunday .content:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.4375rem;
      height: 5.8125rem;
      background-position: 0 -15.8125rem;
      bottom: 3.125rem;
      right: 9.375rem;
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #sunday .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #sunday .content:before {
      width: 9.875rem;
      height: 9.1875rem;
      background-position: 0 -23.125rem;
    }
  }
  @media only screen and (min-width: 701px) {
    #sunday .content:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 4.25rem;
      height: 10.9375rem;
      background-position: -9.1875rem -7.4375rem;
      bottom: 6.25rem;
      right: -2.25rem;
      transform: rotate(24deg);
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #sunday .content:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #sunday .content:after {
      width: 6.8125rem;
      height: 16.6875rem;
      background-position: -13.5625rem -10.875rem;
    }
  }
  @media only screen and (min-width: 701px) and (max-width: 1084px) {
    #sunday .gallery {
      top: 27.8125rem;
      left: -6.25rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #sunday .content:before {
      right: auto;
      left: -2.5rem;
    }
    #sunday .content:after {
      bottom: auto;
      top: 3.125rem;
    }
  }
  @media only screen and (min-width: 1086px) and (max-width: 1659px) {
    #sunday .content:after {
      display: none;
    }
  }
}
@layer views {
  #monday .gallery li:first-child {
    margin-top: -17.5rem;
    margin-left: 12.5rem;
    transform: rotate(-8deg);
  }
  #monday .gallery li:last-child {
    position: absolute;
    top: 1.25rem;
    left: 18.75rem;
    transform: rotate(11deg);
  }
  @media only screen and (max-width: 550px) {
    #monday .gallery {
      margin-top: 18.4375rem;
      margin-left: 3.4375rem;
    }
  }
  @media only screen and (max-width: 700px) {
    #monday .gallery {
      top: 30.125rem;
      left: -21.25rem;
    }
  }
  @media only screen and (min-width: 551px) {
    #monday .content:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 8.3125rem;
      height: 8rem;
      background-position: 0 -7.375rem;
      bottom: 4.875rem;
      right: -2.9375rem;
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #monday .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 551px) and (min-width: 851px) {
    #monday .content:before {
      width: 12.75rem;
      height: 12.5625rem;
      background-position: 0 -10.5625rem;
    }
  }
  @media only screen and (min-width: 601px) and (max-width: 700px) {
    #monday .gallery {
      top: 28.75rem;
      left: -20.625rem;
    }
  }
  @media only screen and (min-width: 701px) {
    #monday .content:before {
      bottom: auto;
      top: 16.75rem;
      right: -1.5625rem;
    }
    #monday .content:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.125rem;
      height: 6.625rem;
      background-position: -8.25rem 0;
      bottom: 6.25rem;
      left: 4.5rem;
      z-index: 1;
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #monday .content:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 701px) and (min-width: 851px) {
    #monday .content:after {
      width: 8.6875rem;
      height: 10.0625rem;
      background-position: -12.0625rem 0;
    }
  }
  @media only screen and (min-width: 701px) {
    #monday .gallery li:first-child {
      margin-top: 5rem;
      margin-left: 3.125rem;
    }
  }
  @media only screen and (min-width: 701px) and (max-width: 850px) {
    #monday .gallery {
      top: 27.5rem;
      left: 15vw;
    }
  }
  @media only screen and (min-width: 851px) and (max-width: 1200px) {
    #monday .content:before {
      display: none;
    }
    #monday .content:after {
      top: 19.8125rem;
      right: 2.375rem;
      bottom: auto;
      left: auto;
    }
    #monday .gallery {
      top: 0.5rem;
      left: 55vw;
    }
    #monday dd:nth-child(6) a:last-child {
      display: block;
    }
  }
  @media only screen and (min-width: 1001px) and (max-width: 1200px) {
    #monday .gallery {
      left: 31.25rem;
    }
    #monday small {
      display: block;
    }
  }
  @media only screen and (min-width: 1201px) {
    #monday .content:before {
      top: 1.875rem;
      right: 9.6875rem;
      z-index: 1;
    }
    #monday .content:after {
      bottom: -4.375rem;
      left: 4.375rem;
    }
  }
}
@layer views {
  #tuesday .gallery li {
    position: absolute;
  }
  #tuesday .gallery li:first-child {
    position: relative;
    margin-top: 5rem;
    margin-left: -12.5rem;
    transform: rotate(-8deg);
  }
  #tuesday .gallery li:nth-child(2) {
    top: 10rem;
    left: 13.75rem;
    transform: rotate(-7deg);
    z-index: 1;
  }
  #tuesday .gallery li:last-child {
    top: 1.25rem;
    left: 2.8125rem;
    transform: rotate(11deg);
  }
  @media only screen and (max-width: 550px) {
    #tuesday .gallery {
      top: 16.875rem;
      left: 7.125rem;
    }
  }
  @media only screen and (min-width: 551px) and (max-width: 850px) {
    #tuesday .gallery {
      top: 9.0625rem;
      left: 18.75rem;
    }
  }
  @media only screen and (min-width: 651px) {
    #tuesday .content:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.4375rem;
      height: 5.8125rem;
      background-position: 0 -15.8125rem;
      bottom: 7.125rem;
      left: 16.875rem;
      z-index: 1;
    }
  }
  @media only screen and (min-width: 651px) and (min-width: 851px) {
    #tuesday .content:before {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 651px) and (min-width: 851px) {
    #tuesday .content:before {
      width: 9.875rem;
      height: 9.1875rem;
      background-position: 0 -23.125rem;
    }
  }
  @media only screen and (min-width: 651px) {
    #tuesday .content:after {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./../img/sprite.png);
      background-size: 15.625rem 36.125rem;
      width: 6.125rem;
      height: 5.875rem;
      background-position: -8.9375rem -18.9375rem;
      bottom: 1.1875rem;
      left: 29.25rem;
      transform: rotate(22deg);
      z-index: 2;
    }
  }
  @media only screen and (min-width: 651px) and (min-width: 851px) {
    #tuesday .content:after {
      background-size: 23.375rem 54.0625rem;
    }
  }
  @media only screen and (min-width: 651px) and (min-width: 851px) {
    #tuesday .content:after {
      width: 9.5625rem;
      height: 9.3125rem;
      background-position: -13.1875rem -28.125rem;
    }
  }
  @media only screen and (min-width: 851px) {
    #tuesday .content:before {
      bottom: 0.625rem;
      left: 5.3125rem;
    }
    #tuesday .content:after {
      top: 5.625rem;
      right: 2rem;
      bottom: auto;
      left: auto;
    }
  }
  @media only screen and (min-width: 851px) and (max-width: 1084px) {
    #tuesday .gallery {
      top: 10.9375rem;
      left: 25rem;
    }
  }
  @media only screen and (min-width: 1085px) {
    #tuesday .content:before {
      bottom: 2.75rem;
      transform: rotate(-18deg);
    }
    #tuesday .content:after {
      top: 13.875rem;
      left: 25rem;
      right: auto;
    }
  }
}

/*# sourceMappingURL=index.css.map */