@charset "UTF-8";
:root {
  --ink: #24211e;
  --ink-soft: #6e665d;
  --surface: #f5f2ed;
  --surface-strong: #e8e0d5;
  --panel: #fff;
  --accent: #ad8a5e;
  --accent-deep: #846b4e;
  --accent-light: #d4b993;
  --line: rgba(36, 33, 30, 0.14);
  --dark: #201b18;
  --white: #fff;
  --shadow: 0 18px 40px rgba(38, 28, 18, 0.1);
  --font-body: "Noto Sans", "Helvetica Neue", sans-serif;
  --font-display: "EB Garamond", "Times New Roman", serif;
  --black: #000;
  --icon: #231815;
  --header-bar: rgba(159, 160, 160, 0.3);
  --line-light: #f3f3f3;
  --alert: #f00;
  --dark-bg: #0b0b0b;
  --grey-bg: #8a8782;
}

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

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dd,
figure {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

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

img,
svg {
  display: block;
  height: auto;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

html {
  font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 769px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (min-width: 1441px) {
  html {
    font-size: 62.5%;
  }
}

body {
  background-color: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: max(1.6rem, 12px);
  line-height: 1.7;
}

:root {
  --slide: 4rem;
}

@media screen and (min-width: 769px) {
  :root {
    --slide: 10rem;
  }
}
body.is-drawer-open {
  overflow: hidden;
  padding-right: var(--scrollbar-gap, 0px);
}
body.is-drawer-open .header {
  padding-right: var(--scrollbar-gap, 0px);
}

.container {
  margin-inline: auto;
  max-width: max(1120px, 112rem);
  padding-inline: 1.6rem;
}
@media screen and (min-width: 769px) {
  .container {
    padding-inline: 4rem;
  }
}

html,
body,
.drawer__panel {
  scrollbar-width: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.drawer__panel::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.08;
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30;
}
.header::before {
  background-color: var(--header-bar);
  content: "";
  inset: 0;
  opacity: var(--header-in, 0);
  position: absolute;
  transform: translateY(calc((1 - var(--header-in, 0)) * -100%));
}
.header__inner {
  align-items: center;
  display: flex;
  gap: 1.6rem;
  justify-content: space-between;
  height: min(5.6rem, 64px);
  padding-inline: 1.6rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .header__inner {
    height: 7.7rem;
    padding-inline: 2.3rem 2.9rem;
  }
}
.header__logo {
  display: block;
  opacity: var(--logo-opacity, 1);
  transform: translateY(calc(var(--logo-shift, 0) * -7.7rem));
  width: clamp(145.2px, 23vw, 165px);
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .header__logo {
    width: clamp(170px, 12.925vw, 186.12px);
  }
}
.header__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.header__actions {
  align-items: center;
  display: flex;
  gap: 4rem;
}
@media screen and (min-width: 769px) {
  .header__actions {
    gap: 5.7rem;
  }
}
.header__actions {
  opacity: var(--header-in, 0);
  pointer-events: none;
  transform: translateY(calc((1 - var(--header-in, 0)) * -7.7rem));
}
.is-scrolled .header__actions {
  pointer-events: auto;
}
.header__inquiry {
  align-items: center;
  border: 0.1rem solid var(--white);
  color: var(--white);
  display: none;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-size: clamp(11.5px, 0.834vw, 12px);
  font-weight: 700;
  justify-content: center;
  min-height: 29.7px;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: clamp(140px, 10.465vw, 150.7px);
  flex-shrink: 0;
}
@media (any-hover: hover) {
  .header__inquiry:hover {
    background-color: var(--white);
    color: var(--ink);
  }
}
@media screen and (min-width: 769px) {
  .header__inquiry {
    display: inline-flex;
    padding-left: 0.8rem;
  }
}
.header__menu {
  background-color: transparent;
  border: 0;
  color: var(--white);
  cursor: pointer;
  display: block;
  padding: 0;
  transition: opacity 0.2s ease;
  width: min(2.6rem, 30px);
}
@media screen and (min-width: 769px) {
  .header__menu {
    margin-bottom: 0.2rem;
    width: 3.4rem;
  }
}
@media (any-hover: hover) {
  .header__menu:hover {
    opacity: 0.7;
  }
}
.header__menu-icon {
  aspect-ratio: 34/25;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.header__menu-bar {
  background-color: currentColor;
  display: block;
  height: 1px;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .header {
    transition: none;
  }
}
.header--light {
  background-color: var(--white);
  border-bottom: 0.1rem solid var(--icon);
}
.header--light::before {
  content: none;
}
.header--light .header__logo {
  opacity: 1;
  transform: none;
}
.header--light .header__actions {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
.header--light .header__inquiry {
  border-color: var(--icon);
  color: var(--icon);
}
@media (any-hover: hover) {
  .header--light .header__inquiry:hover {
    background-color: var(--icon);
    color: var(--white);
  }
}
.header--light .header__menu {
  color: var(--icon);
}

.header:not(.header--light)::before,
.header:not(.header--light) .header__actions,
.header:not(.header--light) .header__logo {
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .header:not(.header--light)::before,
  .header:not(.header--light) .header__actions,
  .header:not(.header--light) .header__logo {
    transition: none;
  }
}
.header:not(.header--light):has(:focus-visible), .header:not(.header--light).is-interaction-visible {
  --header-in: 1;
  --logo-opacity: 1;
  --logo-shift: 0;
}
.header:not(.header--light):has(:focus-visible) .header__actions, .header:not(.header--light).is-interaction-visible .header__actions {
  pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
  .header:not(.header--light):hover {
    --header-in: 1;
    --logo-opacity: 1;
    --logo-shift: 0;
  }
  .header:not(.header--light):hover .header__actions {
    pointer-events: auto;
  }
}
.header a:focus:not(:focus-visible),
.header button:focus:not(:focus-visible),
.drawer a:focus:not(:focus-visible),
.drawer button:focus:not(:focus-visible),
.drawer__panel:focus {
  outline: none;
}

.drawer {
  inset: 0;
  position: fixed;
  visibility: hidden;
  z-index: 40;
}
.drawer.is-open {
  visibility: visible;
}
.drawer__overlay {
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  inset: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  transition: opacity 1s ease;
}
.drawer.is-open .drawer__overlay {
  opacity: 1;
}
.drawer__panel {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-left: auto;
  overflow-y: auto;
  padding: 10rem 3.2rem 4.8rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .drawer__panel {
    padding: 11.3rem 4.9rem 4.8rem;
  }
}
.drawer__panel {
  transform: translateX(100%);
  transition: transform 1s ease;
  width: 85%;
}
@media screen and (min-width: 769px) {
  .drawer__panel {
    width: max(516px, 51.6rem);
  }
}
.drawer.is-open .drawer__panel {
  transform: none;
}
.drawer__close {
  background-color: transparent;
  border: 0;
  color: var(--icon);
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: min(2.5rem, 28px);
  top: min(2.5rem, 28px);
  transition: opacity 0.2s ease;
  width: min(3.5rem, 40px);
}
@media (any-hover: hover) {
  .drawer__close:hover {
    opacity: 0.6;
  }
}
.drawer__close-icon {
  display: block;
  width: 100%;
}
.drawer__list--news {
  margin-top: 4.2rem;
}
.drawer__item {
  align-items: baseline;
  column-gap: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
}
@media screen and (min-width: 769px) {
  .drawer__item {
    column-gap: 1.6rem;
  }
}
.drawer__item {
  opacity: 0;
  transform: translateY(1.2rem);
  transition: opacity 1s ease, transform 1s ease;
  white-space: nowrap;
}
.drawer.is-open .drawer__item {
  opacity: 1;
  transform: none;
}
.drawer__item:nth-child(1) {
  transition-delay: 0.72s;
}
.drawer__item:nth-child(2) {
  transition-delay: 0.84s;
}
.drawer__item:nth-child(3) {
  transition-delay: 0.96s;
}
.drawer__item:nth-child(4) {
  transition-delay: 1.08s;
}
.drawer__item:nth-child(5) {
  transition-delay: 1.2s;
}
.drawer__item:nth-child(6) {
  transition-delay: 1.32s;
}
.drawer__item:nth-child(7) {
  transition-delay: 1.44s;
}
.drawer__item:nth-child(8) {
  transition-delay: 1.56s;
}
.drawer__item:nth-child(9) {
  transition-delay: 1.68s;
}
.drawer__item:nth-child(10) {
  transition-delay: 1.8s;
}
.drawer__list--news .drawer__item {
  transition-delay: 1.56s;
}
.drawer__link {
  color: var(--black);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 19px);
  letter-spacing: 0.02em;
  line-height: 2.1;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 769px) {
  .drawer__link {
    font-size: max(1.9rem, 12px);
  }
}
.drawer__link--current {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .drawer__link:hover {
    opacity: 0.6;
  }
}
.drawer__chevron {
  color: var(--icon);
  display: block;
  flex-shrink: 0;
  width: min(0.8rem, 9px);
}
.drawer__chevron svg {
  display: block;
  width: 100%;
}
.drawer__social {
  display: flex;
  gap: 2.8rem;
  margin-top: 9rem;
  opacity: 0;
  transform: translateY(1.2rem);
  transition: opacity 1s ease 1.9s, transform 1s ease 1.9s;
}
.drawer.is-open .drawer__social {
  opacity: 1;
  transform: none;
}
.drawer__social img {
  width: min(2.5rem, 28px);
}
.drawer__social li {
  display: flex;
  align-items: center;
}
.drawer__social li a {
  display: block;
}
.drawer__policy {
  display: grid;
  gap: 0.7rem;
  margin-top: 4.5rem;
  opacity: 0;
  transform: translateY(1.2rem);
  transition: opacity 1s ease 2.1s, transform 1s ease 2.1s;
}
.drawer.is-open .drawer__policy {
  opacity: 1;
  transform: none;
}
.drawer__policy-link {
  color: var(--black);
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-size: clamp(12px, 1.6rem, 18px);
  font-weight: 300;
}
.drawer__policy a.drawer__policy-link {
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .drawer__policy a.drawer__policy-link:hover {
    opacity: 0.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .drawer__overlay,
  .drawer__panel,
  .drawer__item,
  .drawer__social,
  .drawer__policy {
    transition: none;
  }
}
.footer {
  background-color: var(--white);
  color: var(--black);
  padding-block: 9.1rem 4.9rem;
}
.footer__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 1.6rem;
}
@media screen and (min-width: 769px) {
  .footer__inner {
    padding-inline: 3.9rem;
  }
}
.footer__catch {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 3.4rem, 42px);
  letter-spacing: 0.02em;
  line-height: 1.1826923077;
}
@media screen and (min-width: 769px) {
  .footer__catch {
    font-size: max(5.2rem, 12px);
    padding-left: 1.5rem;
  }
}
.footer__catch em {
  font-style: italic;
}
.footer__aside {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .footer__aside {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .footer__inner {
    display: grid;
    grid-template-areas: "catch aside" "wordmark wordmark" "meta meta";
    grid-template-columns: 1fr auto;
  }
  .footer__catch {
    grid-area: catch;
  }
  .footer__aside {
    grid-area: aside;
  }
  .footer__wordmark {
    grid-area: wordmark;
  }
  .footer__meta {
    grid-area: meta;
  }
}
.footer__list {
  display: grid;
}
@media screen and (min-width: 769px) {
  .footer__list {
    justify-items: end;
    padding-top: 0.8rem;
  }
}
.footer__list li {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .footer__list li {
    justify-content: flex-end;
  }
}
.footer__chevron {
  color: var(--black);
  display: block;
  flex-shrink: 0;
  width: min(0.7rem, 8px);
}
.footer__chevron svg {
  display: block;
  width: 100%;
}
.footer__link {
  color: var(--black);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.5rem, 17px);
  letter-spacing: 0.02em;
  line-height: 2.0588235294;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 769px) {
  .footer__link {
    font-size: max(1.7rem, 12px);
  }
}
@media (any-hover: hover) {
  .footer__link:hover {
    opacity: 0.6;
  }
}
.footer__social {
  display: flex;
  gap: 2.2rem;
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .footer__social {
    justify-content: flex-end;
  }
}
.footer__social img {
  height: min(3rem, 34px);
  width: auto;
}
.footer__wordmark {
  margin-top: 11.6rem;
}
.footer__wordmark img {
  display: block;
  width: 100%;
}
.footer__meta {
  display: grid;
  gap: 1.2rem;
  margin-top: 1.4rem;
}
@media screen and (min-width: 769px) {
  .footer__meta {
    align-items: baseline;
    grid-template-columns: 1fr auto;
  }
}
.footer__copyright {
  font-family: var(--font-body);
  font-size: clamp(12px, 1.5rem, 17px);
  font-weight: 300;
  letter-spacing: 0.07em;
}
.footer__utility {
  display: flex;
  flex-wrap: wrap;
  gap: 3.3rem;
}
@media screen and (min-width: 769px) {
  .footer__utility li:first-child {
    margin-right: 4.2rem;
  }
}
.footer__utility .footer__link {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 300;
}

.page-top .footer {
  padding-top: 6rem;
}

.page-ceremony .footer,
.page-hospitality .footer,
.page-legacy .footer {
  padding-top: 6.7rem;
}

.page-official-gatherings .footer {
  padding-top: 4.9rem;
}

.btn {
  align-items: center;
  border: 0.1rem solid transparent;
  display: inline-flex;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-size: max(1.6rem, 12px);
  font-weight: 500;
  justify-content: center;
  min-height: 4.8rem;
  padding-inline: 2.1rem;
  transition: transform 0.2s ease;
}
@media (any-hover: hover) {
  .btn:hover {
    transform: translateY(-0.1rem);
  }
}
.btn--primary {
  background-color: var(--accent);
  color: var(--white);
}
.btn--secondary {
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--white);
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  margin-top: 3.2rem;
}

.button {
  align-items: center;
  background-color: transparent;
  border: 0.1rem solid var(--line-light);
  color: var(--white);
  display: inline-flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 20px);
  justify-content: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .button {
    font-size: max(2rem, 12px);
  }
}
.button {
  min-height: min(4.5rem, 45px);
  padding-inline: min(2.4rem, 24px);
  transition: background-color 0.3s ease, color 0.3s ease;
  width: min(28rem, 280px);
  max-width: 100%;
}
@media (any-hover: hover) {
  .button:hover {
    background-color: var(--white);
    color: var(--ink);
  }
}
.button--narrow {
  width: min(22.5rem, 225px);
}
.button--outline {
  background-color: transparent;
  border-color: var(--black);
  color: var(--black);
}
@media (any-hover: hover) {
  .button--outline:hover {
    background-color: var(--black);
    color: var(--white);
  }
}
.button--solid {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
@media (any-hover: hover) {
  .button--solid:hover {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
  }
}

.eyebrow {
  border: 0.1rem solid rgba(255, 255, 255, 0.4);
  border-radius: 99.9rem;
  display: inline-block;
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  margin-bottom: 1.6rem;
  padding: 0.7rem 1.3rem;
  text-transform: uppercase;
}
.eyebrow--light {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(134, 99, 67, 0.3);
  color: var(--accent-deep);
}
.eyebrow--accent {
  border-color: rgba(134, 99, 67, 0.3);
  color: var(--accent-deep);
}

.section {
  padding-block: 9.6rem;
}
.section__header {
  margin-bottom: 2.8rem;
  max-width: max(640px, 64rem);
}
.section__title {
  color: var(--ink);
  font-size: max(5.6rem, 12px);
}
.section--band {
  background-color: var(--surface);
  border-block: 0.1rem solid var(--line);
}

.page-hero {
  background-image: linear-gradient(180deg, rgba(42, 31, 24, 0.08), rgba(42, 31, 24, 0));
  padding-block: 11rem 5.4rem;
}
.page-hero__title {
  font-size: max(4.8rem, 12px);
}
@media screen and (min-width: 769px) {
  .page-hero__title {
    font-size: max(7.2rem, 12px);
  }
}

.page-fv {
  background-color: var(--dark-bg);
  height: calc(100svh + 65svh + 25svh);
  overflow-anchor: none;
  position: relative;
}
.page-fv__sticky {
  height: 100svh;
  overflow: hidden;
  position: sticky;
  top: 0;
}
.page-fv__media {
  display: block;
  inset: 0;
  position: absolute;
}
.page-fv__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.page-fv__slider {
  inset: 0;
  position: absolute;
}
.page-fv__slide {
  opacity: 0;
  transition: opacity 1.6s ease;
}
.page-fv__slide.is-current {
  opacity: 1;
}
.page-fv__sticky::after {
  background-color: rgba(0, 0, 0, 0.45);
  content: "";
  inset: 0;
  opacity: max(var(--fv-veil, 0), var(--header-in, 0));
  pointer-events: none;
  position: absolute;
}
.page-fv__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
  position: relative;
  text-align: center;
  z-index: 1;
}
.page-fv__title {
  color: var(--white);
  font-size: clamp(12px, 3.2rem, 44px);
  letter-spacing: -0.02em;
  opacity: var(--page-fv-in, 0);
  transform: translateY(calc((1 - var(--page-fv-in, 0)) * 3.2rem));
}
@media screen and (min-width: 769px) {
  .page-fv__title {
    font-size: max(7.4rem, 12px);
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) {
  .page-fv__break {
    display: none;
  }
}
.page-fv__lead {
  color: var(--white);
  font-family: var(--font-display);
  font-size: clamp(12px, 1.6rem, 18px);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.3888888889;
  margin-top: 2.3rem;
  opacity: var(--page-fv-in, 0);
  transform: translateY(calc((1 - var(--page-fv-in, 0)) * 3.2rem));
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page-fv__lead {
    font-size: max(1.8rem, 12px);
    letter-spacing: 0.02em;
    max-width: 67.1rem;
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .page-fv__lead--wide {
    max-width: 86.2rem;
  }
}

html.is-page-intro-locked {
  overflow: hidden;
  overscroll-behavior: none;
}
html.is-page-intro-locked body {
  position: fixed;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

.page-fv.is-intro-playing {
  --page-fv-in: 1;
  --header-in: 1;
}
.page-fv.is-intro-playing .page-fv__sticky::after {
  transition: opacity 1.1s ease;
}
.page-fv.is-intro-playing .page-fv__title,
.page-fv.is-intro-playing .page-fv__lead {
  animation: page-fv-first-read 1.1s ease both;
}

@keyframes page-fv-first-read {
  from {
    opacity: 0;
    transform: translateY(3.2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-fv__title,
  .page-fv__lead {
    transform: none;
  }
  .page-fv__slide {
    transition: none;
  }
}
.scroll-hint {
  align-items: center;
  animation: scroll-hint-in 1.4s ease 0.256s both;
  bottom: 3.2rem;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 1.65rem;
  gap: 1.2rem;
  left: 50%;
  letter-spacing: 0.15em;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
}
.scroll-hint__chevron {
  animation: scroll-hint-move 1.8s ease-in-out infinite;
  width: 2.1rem;
}

@keyframes scroll-hint-in {
  from {
    opacity: 0;
    transform: translate(-50%, 1.2rem);
  }
  to {
    opacity: 1;
    transform: translateX(-50%);
  }
}
@keyframes scroll-hint-move {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.6rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-hint,
  .scroll-hint__chevron {
    animation: none;
  }
}
.grid {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .grid--2 {
    grid-template-columns: 1.2fr 0.8fr;
  }
}
@media screen and (min-width: 769px) {
  .grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 769px) {
  .grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.card {
  background-color: var(--panel);
  border: 0.1rem solid var(--line);
  overflow: hidden;
}
.card__image {
  background-image: linear-gradient(135deg, rgba(117, 89, 59, 0.18), rgba(34, 29, 23, 0.08));
  height: 22rem;
}
.card__body {
  padding: 2.4rem;
}
.card__title {
  font-size: max(3.2rem, 12px);
  margin-bottom: 0.6rem;
}
.card__text {
  color: var(--ink-soft);
}
.card__text + .card__text {
  margin-top: 1.2rem;
}
.card__link {
  color: var(--accent-deep);
  transition: color 0.2s ease;
}
@media (any-hover: hover) {
  .card__link:hover {
    color: var(--accent);
  }
}

.line {
  display: block;
}
.line--indent1 {
  padding-left: 0.2em;
}
.line--indent2 {
  padding-left: 0.4em;
}
.line--indent3 {
  padding-left: 0.6em;
}
.line--indent5 {
  padding-left: 1em;
}
.line--indent16 {
  padding-left: 3.2em;
}

.panel {
  background-color: var(--panel);
  border: 0.1rem solid var(--line);
  margin-top: 1.6rem;
  padding: 3.2rem;
}
.panel__title {
  font-size: max(2.8rem, 12px);
  margin-bottom: 1.4rem;
}
.panel__subtitle {
  font-size: max(2.4rem, 12px);
  margin-bottom: 1.4rem;
}
.panel__text + .panel__text {
  margin-top: 1.6rem;
}
.panel__list {
  color: var(--ink-soft);
  display: grid;
  gap: 0.7rem;
  margin-top: 1.6rem;
}
.panel__item {
  padding-left: 1.8rem;
  position: relative;
}
.panel__item::before {
  background-color: var(--accent);
  border-radius: 50%;
  content: "";
  height: 0.5rem;
  left: 0;
  position: absolute;
  top: 1.2rem;
  width: 0.5rem;
}

.js-reveal {
  opacity: 0;
  transform: translateY(2.4rem);
  transition: opacity 2.4s ease, transform 2.4s ease;
}
.js-reveal--from-left {
  transform: translateX(calc(var(--slide) * -1));
}
.js-reveal--from-right {
  transform: translateX(var(--slide));
}
.js-reveal.is-visible {
  opacity: 1;
  transform: none;
}
.js-reveal[data-reveal-delay="1"] {
  transition-delay: 0.2304s;
}
.js-reveal[data-reveal-delay="2"] {
  transition-delay: 0.4608s;
}
.js-reveal[data-reveal-delay="3"] {
  transition-delay: 0.6912s;
}
.js-reveal[data-reveal-delay="4"] {
  transition-delay: 0.9216s;
}
.js-reveal[data-reveal-delay="5"] {
  transition-delay: 1.152s;
}
.js-reveal[data-reveal-delay="6"] {
  transition-delay: 1.3824s;
}
.js-reveal[data-reveal-delay="7"] {
  transition-delay: 1.6128s;
}
.js-reveal[data-reveal-delay="8"] {
  transition-delay: 1.8432s;
}

@media (prefers-reduced-motion: reduce) {
  .js-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.story {
  background-color: var(--dark-bg);
  height: 516svh;
  overflow-anchor: none;
  position: relative;
}
@media screen and (min-width: 769px) {
  .story {
    height: 360vh;
  }
}
.story--pair {
  height: 1221.25svh;
}
@media screen and (min-width: 769px) {
  .story--pair {
    height: 733.75vh;
  }
}
.story--pair .story__inner {
  inset: 0;
  position: absolute;
}
.story__sticky {
  height: 100svh;
  overflow: hidden;
  position: sticky;
  top: 0;
}
@media screen and (min-width: 769px) {
  .story__sticky {
    height: 100vh;
  }
}
.story__sticky::after {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  inset: 0;
  opacity: var(--story-title, 0);
  pointer-events: none;
  position: absolute;
}
.story__media {
  display: block;
  inset: 0;
  position: absolute;
  transform: scale(calc(1.06 - var(--story-progress, 0) * 0.06));
}
.story__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.story__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .story__inner {
    display: block;
    padding-inline: 0;
  }
}
.story__col + .story__col {
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .story__col + .story__col {
    margin-top: 0;
  }
}
.story__title {
  color: var(--white);
  font-size: clamp(12px, 2.8rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.3076923077;
  opacity: var(--story-title, 0);
  transform: translateX(calc((1 - var(--story-title, 0)) * var(--slide)));
}
.story__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .story__title {
    font-size: max(5.2rem, 12px);
    letter-spacing: 0.02em;
  }
}
.story--center .story__inner {
  align-items: center;
  text-align: left;
}
.story__action {
  margin-top: 4.3rem;
  opacity: var(--story-text, 0);
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
.story__text {
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 3.2rem;
  opacity: var(--story-text, 0);
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .story__text {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
    max-width: 57rem;
  }
}
.story__text + .story__text {
  margin-top: 2.5rem;
}
.story__inner--wedding .story__title {
  transform: translateY(calc((1 - var(--story-title, 0)) * 5.6rem));
}
.story--inquiry .story__title {
  text-align: center;
  transform: translateY(calc((1 - var(--story-title, 0)) * 5.6rem));
}
.story--inquiry .story__action {
  transform: translateY(calc((1 - var(--story-text, 0)) * 5.6rem));
}
@media screen and (min-width: 769px) {
  .story--ceremony .story__inner {
    padding-top: max(9.6rem, 0.2273809524 * 100svh);
  }
  .story--ceremony .story__title {
    margin-left: 38.7rem;
    max-width: 46.5rem;
  }
  .story--ceremony .story__text {
    margin-left: 65.8rem;
    margin-top: 4.5rem;
  }
  .story__inner--respect {
    padding-top: max(9.6rem, 0.3892857143 * 100svh);
  }
  .story__inner--respect .story__title {
    margin-left: 46.1rem;
    max-width: 51.7rem;
  }
  .story__inner--wedding {
    padding-top: max(9.6rem, 0.3261904762 * 100svh);
  }
  .story__inner--wedding .story__title {
    margin-left: 33.7rem;
    max-width: 33.8rem;
  }
  .story__inner--wedding .story__text {
    margin-left: 54.5rem;
    margin-top: 4.6rem;
  }
  .story--inquiry .story__inner {
    padding-top: max(9.6rem, 0.3011904762 * 100svh);
  }
  .story--inquiry .story__title {
    margin-inline: auto;
    max-width: 59.5rem;
  }
  .story--inquiry .story__action {
    margin-top: 5.9rem;
    text-align: center;
  }
}

.fv {
  background-color: var(--dark-bg);
  height: calc(100svh + 50svh + 25svh);
  overflow-anchor: none;
  position: relative;
}
.fv__sticky {
  height: 100svh;
  overflow: hidden;
  position: sticky;
  top: 0;
}
.fv__media {
  display: block;
  inset: 0;
  position: absolute;
}
.fv__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.fv__sticky::after {
  background-color: rgba(0, 0, 0, 0.45);
  content: "";
  inset: 0;
  opacity: var(--header-in, 0);
  pointer-events: none;
  position: absolute;
}
.fv__inner {
  transform: translate(calc((1 - var(--header-in, 0)) * var(--fv-title-offset-x, 0px)), calc((1 - var(--header-in, 0)) * var(--fv-title-offset, 0px)));
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-inline: 2.4rem;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .fv__inner {
    padding-bottom: 1.8rem;
  }
}
.fv__title {
  color: var(--white);
  font-size: clamp(12px, 3.6rem, 52px);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .fv__title {
    font-size: max(7.2rem, 12px);
    letter-spacing: -0.0270833333em;
  }
}
.fv__copy {
  color: var(--white);
  margin-top: 3.6rem;
  opacity: var(--fv-copy-in, 0);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .fv__copy {
    margin-top: 4rem;
    max-width: 55.1rem;
    width: auto;
  }
}
.fv__lead {
  font-family: var(--font-display);
  font-size: clamp(12px, 1.5rem, 18px);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3888888889;
}
@media screen and (min-width: 769px) {
  .fv__lead {
    font-size: max(1.8rem, 12px);
  }
}
.fv__text {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.3rem, 16px);
  letter-spacing: 0.02em;
  line-height: 1.3888888889;
  margin-top: 1.8rem;
}
@media screen and (min-width: 769px) {
  .fv__text {
    font-size: max(1.8rem, 12px);
  }
}

.fv__inquiry {
  align-items: center;
  border: 0.1rem solid var(--white);
  bottom: min(1.8rem, 18px);
  color: var(--white);
  display: flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.3rem, 15px);
  justify-content: center;
  left: min(1.5rem, 15px);
  letter-spacing: 0.02em;
  min-height: min(3.5rem, 35px);
  position: absolute;
  right: min(1.5rem, 15px);
  transition: background-color 0.3s ease, color 0.3s ease;
  z-index: 1;
}
@media (any-hover: hover) {
  .fv__inquiry:hover {
    background-color: var(--white);
    color: var(--ink);
  }
}
@media screen and (min-width: 769px) {
  .fv__inquiry {
    display: none;
  }
}

.story--ceremony .story__media img {
  object-position: 36% 50%;
}
@media screen and (min-width: 769px) {
  .story--ceremony .story__media img {
    object-position: 50% 50%;
  }
}

.fv .scroll-hint {
  bottom: min(6.8rem, 68px);
}
@media screen and (min-width: 769px) {
  .fv .scroll-hint {
    bottom: calc(calc(0.0702380952 * 100svh) + 6.8rem);
  }
}

.fv-news {
  align-items: center;
  border-top: 0.05rem solid var(--white);
  bottom: 7.4rem;
  color: var(--white);
  display: none;
  gap: 1.6rem;
  left: 50%;
  max-width: max(1320px, 132rem);
  padding-top: 1.7rem;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 4.8rem);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .fv-news {
    bottom: calc(0.0702380952 * 100svh);
    display: flex;
    gap: 3.9rem;
  }
}
.fv-news__date {
  flex-shrink: 0;
  font-size: clamp(12px, 1.2rem, 15px);
  letter-spacing: 0.02em;
  line-height: 1.4705882353;
}
@media screen and (min-width: 769px) {
  .fv-news__date {
    font-size: max(1.7rem, 12px);
    min-width: 9.6rem;
  }
}
.fv-news__track {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.fv-news__flow {
  animation: fv-news-flow 28s linear infinite;
  display: flex;
  width: max-content;
}
.fv-news__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.3rem, 17px);
  letter-spacing: 0.02em;
  line-height: 1.3157894737;
  padding-right: 52rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .fv-news__title {
    font-size: max(1.9rem, 12px);
  }
}
.fv-news__more {
  align-items: center;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  font-size: clamp(12px, 1.1rem, 14px);
  gap: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.6666666667;
  text-decoration: none;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .fv-news__more {
    font-size: max(1.5rem, 12px);
  }
}
@media (any-hover: hover) {
  .fv-news__more:hover {
    opacity: 0.7;
  }
}
.fv-news__arrow {
  display: block;
  flex-shrink: 0;
  width: min(0.8rem, 9px);
}

@keyframes fv-news-flow {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fv-news__flow {
    animation: none;
  }
}
.legacy {
  background-color: var(--dark-bg);
  overflow: hidden;
  padding-block: 10rem;
}
@media screen and (min-width: 769px) {
  .legacy {
    padding-block: 0;
  }
}
.legacy__inner {
  display: grid;
  gap: 4.8rem;
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .legacy__inner {
    grid-template-columns: 46.4rem 51.5rem;
    justify-content: space-between;
    padding-inline: 16.8rem 20.5rem;
  }
}
.legacy__body {
  opacity: var(--reveal, 0);
  transform: translateX(calc((1 - var(--reveal, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .legacy__body {
    padding-top: 12.2rem;
  }
}
.legacy__title {
  color: var(--white);
  font-size: clamp(12px, 2.8rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.1826923077;
}
.legacy__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .legacy__title {
    font-size: max(5.2rem, 12px);
    letter-spacing: 0.02em;
  }
}
.legacy__break {
  display: none;
}
@media screen and (min-width: 769px) {
  .legacy__break {
    display: inline;
  }
}
.legacy__text {
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 4rem;
  max-width: 46.4rem;
}
@media screen and (min-width: 769px) {
  .legacy__text {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
    margin-top: 5.5rem;
  }
}
.legacy__text + .legacy__text {
  margin-top: 5rem;
}
.legacy .button {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .legacy .button {
    margin-top: 4.5rem;
  }
}
.legacy__gallery {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  opacity: var(--reveal, 0);
  transform: translateX(calc((1 - var(--reveal, 0)) * var(--slide)));
}
@media screen and (min-width: 769px) {
  .legacy__gallery {
    gap: 3.7rem;
  }
}
.legacy__item img {
  width: 100%;
}

.access {
  background-color: var(--grey-bg);
  overflow: hidden;
  padding-block: 10rem;
}
@media screen and (min-width: 769px) {
  .access {
    padding-block: 15.8rem;
  }
}
.access__inner {
  display: grid;
  gap: 4rem;
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .access__inner {
    grid-template-columns: 46.4rem 51.5rem;
    justify-content: space-between;
    padding-inline: 16.8rem 20.6rem;
  }
}
.access__body {
  opacity: var(--reveal, 0);
  transform: translateX(calc((1 - var(--reveal, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .access__body {
    padding-top: 2rem;
  }
}
.access__title {
  color: var(--white);
  font-size: clamp(12px, 2.8rem, 34px);
  letter-spacing: 0.02em;
}
.access__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .access__title {
    font-size: max(5.2rem, 12px);
    letter-spacing: 0.02em;
  }
}
.access__break {
  display: none;
}
@media screen and (min-width: 769px) {
  .access__break {
    display: inline;
  }
}
.access__text {
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-block: 3.2rem 3.2rem;
  max-width: 46.4rem;
}
@media screen and (min-width: 769px) {
  .access__text {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
    margin-block: 3.5rem 2.9rem;
  }
}
.access__map {
  aspect-ratio: 515/404;
  background-color: var(--surface-strong);
  opacity: var(--reveal, 0);
  transform: translateX(calc((1 - var(--reveal, 0)) * var(--slide)));
  width: 100%;
}
.access__map iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.fv__title--wordmark {
  width: min(100%, 31.5rem);
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .fv__title--wordmark {
    width: min(100%, 55rem);
  }
}

.fv__wordmark {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
  mask-image: linear-gradient(to right, #000 40%, transparent 60%);
  mask-size: 250% 100%;
  mask-repeat: no-repeat;
  mask-position: 0% 0;
  animation: fv-wordmark-in 2.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s both;
}

@keyframes fv-wordmark-in {
  from {
    opacity: 0;
    transform: translateX(-1.8rem);
    filter: brightness(0) invert(1) blur(3px);
    mask-position: 100% 0;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    filter: brightness(0) invert(1) blur(0);
    mask-position: 0% 0;
  }
}
html.is-top-intro-locked {
  overflow: hidden;
  overscroll-behavior: none;
}
html.is-top-intro-locked body.page-top {
  position: fixed;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

.page-top .header__logo img,
.page-top .fv .scroll-hint,
.page-top .fv-news {
  animation: top-intro-ui-in 1s ease 2.8s backwards;
}
.page-top.is-top-intro-running .header {
  pointer-events: none;
}
.page-top.is-top-intro-running .header__logo img,
.page-top.is-top-intro-running .fv .scroll-hint,
.page-top.is-top-intro-running .fv-news {
  animation-play-state: paused;
}
.page-top.is-top-intro-complete .header__logo img,
.page-top.is-top-intro-complete .fv .scroll-hint,
.page-top.is-top-intro-complete .fv-news {
  animation-delay: 0s;
}

@keyframes top-intro-ui-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fv__inner {
    transform: none;
  }
  .fv__wordmark {
    animation: none;
    mask-image: none;
  }
  .page-top .header__logo img,
  .page-top .fv .scroll-hint,
  .page-top .fv-news {
    animation: none;
  }
}
.page-ceremony .page-fv {
  --fv-veil: 0.93;
}

.strengths {
  display: grid;
  gap: 4rem;
  margin-top: 4rem;
  opacity: var(--story-text, 0);
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .strengths {
    gap: 11.4rem;
    grid-template-columns: repeat(3, 33.8rem);
    justify-content: center;
    margin-top: 8.5rem;
  }
}
.strengths__title {
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2rem, 24px);
  letter-spacing: 0.02em;
  line-height: 1.3125;
}
@media screen and (min-width: 769px) {
  .strengths__title {
    font-size: max(3.2rem, 12px);
    min-height: 8.4rem;
  }
}
.strengths__text {
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 1.6rem;
}
@media screen and (min-width: 769px) {
  .strengths__text {
    font-size: max(1.7rem, 12px);
    margin-top: 4rem;
  }
}

@media screen and (min-width: 769px) {
  .story--significance .story__inner {
    padding-top: max(9.6rem, 0.2464285714 * 100svh);
  }
  .story--significance .story__title {
    margin-inline: auto;
    max-width: 72.4rem;
    text-align: center;
  }
}

.ritual {
  padding-top: 8rem;
}
@media screen and (min-width: 769px) {
  .ritual {
    padding-top: 18.9rem;
  }
}
.ritual__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .ritual__inner {
    padding-inline: 0;
  }
}
.ritual__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.1923076923;
}
.ritual__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .ritual__title {
    font-size: max(5.2rem, 12px);
    margin-left: 6.5rem;
    max-width: 72.4rem;
    text-align: right;
  }
}
.ritual__lead {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 2.4rem;
}
@media screen and (min-width: 769px) {
  .ritual__lead {
    font-size: max(1.7rem, 12px);
    margin-left: 59.7rem;
    margin-top: 3.8rem;
    max-width: 59.3rem;
  }
}
.ritual__steps {
  display: grid;
  gap: 4.8rem;
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .ritual__steps {
    gap: 7.2rem;
    margin-top: 12.8rem;
    padding-left: 21.8rem;
  }
}
.ritual__step {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 769px) {
  .ritual__step {
    gap: 0;
    row-gap: 2rem;
    grid-template-columns: 53.1rem 47.2rem;
  }
}
.ritual__step:last-child .ritual__arrow {
  display: none;
}
.ritual__media {
  display: block;
}
@media screen and (min-width: 769px) {
  .ritual__media {
    grid-column: 2;
    grid-row: 1;
  }
}
.ritual__media img {
  aspect-ratio: 472/314;
  object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ritual__body {
    grid-column: 1;
    grid-row: 1;
  }
}
.ritual__label {
  align-items: center;
  border: 0.1rem solid var(--black);
  display: inline-flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 20px);
  justify-content: center;
  letter-spacing: 0.02em;
  min-height: min(4.5rem, 45px);
  width: min(17.9rem, 179px);
}
@media screen and (min-width: 769px) {
  .ritual__label {
    font-size: max(2.4rem, 12px);
  }
}
.ritual__name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.1875;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .ritual__name {
    font-size: max(4.8rem, 12px);
    margin-left: 6.5rem;
    margin-top: 3.7rem;
  }
}
.ritual__sub-name {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .ritual__sub-name {
    font-size: max(1.7rem, 12px);
    margin-left: 6.5rem;
    max-width: 33.8rem;
  }
}
.ritual__text {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 1.2rem;
}
@media screen and (min-width: 769px) {
  .ritual__text {
    font-size: max(1.7rem, 12px);
    margin-left: 6.5rem;
    margin-top: 2.7rem;
    max-width: 33.8rem;
  }
}
.ritual__arrow {
  color: var(--black);
  display: block;
  height: auto;
  margin-inline: auto;
  width: min(4.9rem, 56px);
}
@media screen and (min-width: 769px) {
  .ritual__arrow {
    grid-column: 1;
    grid-row: 2;
    margin-inline: 0;
    margin-left: 6.5rem;
  }
}
.ritual__notes {
  border-top: 0.1rem solid var(--black);
  display: grid;
  gap: 4rem;
  margin-top: 6.4rem;
  padding-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .ritual__notes {
    gap: 8.3rem;
    grid-template-columns: repeat(2, 46rem);
    margin-left: 21.8rem;
    margin-top: 9.7rem;
    max-width: 100.3rem;
    padding-top: 10.1rem;
  }
}
.ritual__note-media img {
  aspect-ratio: 460/282;
  object-fit: cover;
  width: 100%;
}
.ritual__note-text {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 1.6rem;
}
@media screen and (min-width: 769px) {
  .ritual__note-text {
    font-size: max(1.7rem, 12px);
    margin-top: 2.8rem;
    max-width: 38.4rem;
  }
}

.beyond {
  padding-top: 8rem;
}
@media screen and (min-width: 769px) {
  .beyond {
    padding-top: 17.8rem;
  }
}
.beyond__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .beyond__inner {
    padding-inline: 9.8rem 0;
  }
}
.beyond__head {
  display: grid;
  gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .beyond__head {
    gap: 0;
    grid-template-columns: 78.6rem auto;
  }
}
.beyond__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.1923076923;
}
.beyond__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .beyond__title {
    font-size: max(5.2rem, 12px);
  }
}
.beyond__text {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .beyond__text {
    font-size: max(1.7rem, 12px);
    margin-top: 3rem;
    max-width: 59.3rem;
  }
}
@media screen and (min-width: 769px) {
  .beyond__action {
    margin-top: 11.6rem;
  }
}
.beyond__list {
  display: grid;
  gap: 4rem;
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .beyond__list {
    gap: 3.8rem;
    grid-template-columns: repeat(3, 42.2rem);
    margin-top: 9.5rem;
  }
}
.beyond__media img {
  aspect-ratio: 422/286;
  object-fit: cover;
  width: 100%;
}
.beyond__caption {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 1.6rem;
}
@media screen and (min-width: 769px) {
  .beyond__caption {
    font-size: max(1.7rem, 12px);
    margin-top: 2.7rem;
    max-width: 39.2rem;
  }
}

.unique {
  padding-block: 8rem;
}
@media screen and (min-width: 769px) {
  .unique {
    padding-block: 16.9rem 19.9rem;
  }
}
.unique__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .unique__inner {
    padding-inline: 0;
  }
}
.unique__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 34px);
  letter-spacing: 0.02em;
  line-height: 1.3076923077;
  text-align: center;
}
.unique__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .unique__title {
    font-size: max(5.2rem, 12px);
    margin-left: 50.6rem;
    max-width: 49.1rem;
  }
}
.unique__lead {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .unique__lead {
    font-size: max(1.7rem, 12px);
    margin-left: 51.5rem;
    margin-top: 3.9rem;
    max-width: 48.2rem;
  }
}
.unique__list {
  display: grid;
  gap: 5.6rem;
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .unique__list {
    gap: 5.9rem;
    grid-template-columns: repeat(3, 36.8rem);
    justify-content: center;
    margin-top: 9.6rem;
  }
}
.unique__media img {
  aspect-ratio: 1/1;
  display: block;
  margin-inline: auto;
  object-fit: cover;
  width: 30rem;
  max-width: 100%;
}
.unique__name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2rem, 26px);
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin-top: 3.2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .unique__name {
    font-size: max(3.2rem, 12px);
    margin-top: 5rem;
  }
}
.unique__text {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.3529411765;
  margin-top: 1.2rem;
}
@media screen and (min-width: 769px) {
  .unique__text {
    font-size: max(1.7rem, 12px);
    margin-top: 1.7rem;
    text-align: left;
  }
}

.voices {
  margin-top: 3.2rem;
  opacity: var(--story-text, 0);
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .voices {
    margin-left: 20.4rem;
    margin-top: 8.6rem;
    max-width: 100.1rem;
  }
}
.voices__item + .voices__item {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .voices__item + .voices__item {
    margin-top: 9rem;
  }
}
.voices__quote {
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 22px);
  letter-spacing: 0.02em;
  line-height: 1.3333333333;
}
@media screen and (min-width: 769px) {
  .voices__quote {
    font-size: max(3rem, 12px);
  }
}
.voices__name {
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.4rem, 18px);
  letter-spacing: 0.02em;
  line-height: 1.7083333333;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .voices__name {
    font-size: max(2.4rem, 12px);
  }
}

.faq {
  display: grid;
  gap: 2.8rem;
  margin-top: 3.2rem;
  opacity: var(--story-text, 0);
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .faq {
    gap: 4rem 6.4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: auto;
    margin-top: 8.6rem;
    width: calc(100% - 9.6rem);
    max-width: 108rem;
  }
}
.faq__item {
  min-width: 0;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .faq__item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .faq__item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .faq__item:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
  .faq__item:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }
}
.faq__q {
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.4rem, 18px);
  letter-spacing: 0.02em;
  line-height: 1.3333333333;
  padding-left: 2.8rem;
  text-indent: -2.8rem;
}
@media screen and (min-width: 769px) {
  .faq__q {
    font-size: max(2.1rem, 12px);
  }
}
.faq__a {
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.4rem, 18px);
  letter-spacing: 0.02em;
  line-height: 1.3333333333;
  margin-top: 1.6rem;
  padding-left: 2.8rem;
  text-indent: -2.8rem;
}
@media screen and (min-width: 769px) {
  .faq__a {
    font-size: max(2.1rem, 12px);
    margin-top: 2.6rem;
    min-height: 5.6rem;
  }
}
.faq__a + .faq__q {
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .faq__a + .faq__q {
    margin-top: 3.8rem;
  }
}

.story__more {
  margin-top: 3.2rem;
  opacity: var(--story-text, 0);
  text-align: center;
  transform: translateX(calc((1 - var(--story-text, 0)) * var(--slide) * -1));
}
@media screen and (min-width: 769px) {
  .story__more {
    margin-top: 5rem;
  }
}

@media screen and (min-width: 769px) {
  .story--faq .story__more {
    margin-top: 11.2rem;
  }
}

.more-link {
  align-items: center;
  color: var(--white);
  display: inline-flex;
  flex-direction: column;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.4rem, 18px);
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .more-link {
    font-size: max(2.4rem, 12px);
  }
}
.more-link__chevron {
  display: block;
  height: auto;
  margin-top: 0.2rem;
  width: min(4rem, 46px);
}

@media screen and (min-width: 769px) {
  .story--voices .story__title,
  .story--faq .story__title {
    margin-inline: auto;
    max-width: 55.4rem;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .story--voices .story__inner {
    padding-top: max(9.6rem, 0.1904761905 * 100svh);
  }
}

@media screen and (min-width: 769px) {
  .story--faq .story__inner {
    padding-top: max(9.6rem, 0.1964285714 * 100svh);
  }
}

.milestone {
  padding-block: 8rem;
}
@media screen and (min-width: 769px) {
  .milestone {
    padding-block: 17.3rem 17.2rem;
  }
}
.milestone__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .milestone__inner {
    padding-inline: 22.3rem 0;
  }
}
.milestone__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 34px);
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1.3076923077;
}
.milestone__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .milestone__title {
    font-size: max(5.2rem, 12px);
  }
}
.milestone__lead {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.4rem, 16px);
  letter-spacing: 0.07em;
  line-height: 1.4705882353;
  margin-top: 1.2rem;
}
@media screen and (min-width: 769px) {
  .milestone__lead {
    font-size: max(1.7rem, 12px);
    margin-top: 1.5rem;
  }
}
.milestone__list {
  display: grid;
  gap: 4rem;
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .milestone__list {
    gap: 7.5rem;
    margin-top: 7.2rem;
  }
}
.milestone__item {
  display: grid;
  gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .milestone__item {
    align-items: center;
    gap: 0;
    grid-template-columns: 81.5rem auto;
  }
}
.milestone__text {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 24px);
  letter-spacing: 0.02em;
  line-height: 1.3125;
}
@media screen and (min-width: 769px) {
  .milestone__text {
    font-size: max(3.2rem, 12px);
  }
}
.milestone__button {
  align-items: center;
  border: 0.1rem solid var(--black);
  color: var(--black);
  display: inline-flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 20px);
  justify-content: center;
  letter-spacing: 0.02em;
  max-width: 100%;
  min-height: min(4.5rem, 45px);
  padding-inline: min(1.2rem, 12px);
  transition: background-color 0.3s ease, color 0.3s ease;
  width: min(17.9rem, 179px);
}
@media screen and (min-width: 769px) {
  .milestone__button {
    font-size: max(2.4rem, 12px);
  }
}
@media (any-hover: hover) {
  .milestone__button:hover {
    background-color: var(--black);
    color: var(--white);
  }
}

/* Ceremony optional additions: four items, without a single orphan card. */
@media screen and (min-width: 769px) {
  .unique__list--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3rem;
    max-width: 124rem;
    margin-inline: auto;
    padding-inline: 2.4rem;
  }
}
.ritual__title.js-reveal:not(.is-visible),
.beyond__title.js-reveal:not(.is-visible),
.unique__title.js-reveal:not(.is-visible) {
  transform: translateX(calc(var(--slide) * -1));
}

.ritual__lead.js-reveal:not(.is-visible),
.beyond__text.js-reveal:not(.is-visible),
.unique__lead.js-reveal:not(.is-visible) {
  transform: translateX(var(--slide));
}

@media (prefers-reduced-motion: reduce) {
  .ritual .js-reveal:not(.is-visible), .beyond .js-reveal:not(.is-visible), .unique .js-reveal:not(.is-visible) {
    transform: none;
  }
}
.page-official-gatherings .page-fv {
  --fv-veil: 0.93;
}

.story__title--second, .story__text--second {
  margin-top: 3.2rem;
}
@media screen and (min-width: 769px) {
  .story__inner--split {
    display: grid;
    grid-template-columns: 55.2rem 50.1rem;
    justify-content: space-between;
    padding-inline: 17.1rem 12.3rem;
  }
}
@media screen and (min-width: 769px) {
  .story__col--right {
    padding-top: calc(0.1952380952 * 100svh);
  }
}
@media screen and (min-width: 769px) {
  .story__with-button {
    align-items: flex-start;
    display: flex;
    gap: 5.4rem;
    justify-content: space-between;
    margin-left: 28.4rem;
    width: 92.4rem;
  }
}
@media screen and (min-width: 769px) {
  .story--events .story__inner {
    padding-top: max(9.6rem, 0.1666666667 * 100svh);
  }
  .story--events .story__title {
    margin-left: 33.4rem;
    max-width: 46.5rem;
  }
  .story--events .story__text {
    margin-left: 58.9rem;
    margin-top: 4.2rem;
  }
  .story--events .story__title--second {
    margin-top: 5.1rem;
  }
  .story--events .story__text--second {
    margin-top: 4.2rem;
  }
  .story--rooms .story__inner {
    padding-top: max(9.6rem, 0.1238095238 * 100svh);
  }
  .story--rooms .story__title {
    margin-left: 0;
    max-width: 53.1rem;
  }
  .story--rooms .story__text {
    margin-left: 0;
    margin-top: 4.3rem;
    max-width: 55.2rem;
  }
  .story--rooms .story__title--second {
    margin-top: 7.8rem;
  }
  .story--rooms .story__col--right .story__text {
    max-width: 50.1rem;
  }
  .story--capacities .story__inner {
    padding-top: max(9.6rem, 0.244047619 * 100svh);
  }
  .story--capacities .story__title {
    margin-left: 28.4rem;
    max-width: 81.2rem;
  }
  .story--capacities .story__text {
    margin-left: 28.4rem;
    margin-top: 4.3rem;
    max-width: 84.5rem;
  }
  .story--capacities .story__with-button {
    margin-top: 4.3rem;
  }
  .story--capacities .story__with-button .story__text {
    margin-left: 0;
    margin-top: 0;
    max-width: 64.5rem;
  }
  .story--capacities .story__with-button .story__action {
    margin-left: 0;
    margin-top: 0.4rem;
  }
  .story--capacities .story__title--second {
    margin-top: 10.2rem;
  }
  .story--capacities .story__text--second {
    margin-left: 28.4rem;
    margin-top: 4.3rem;
  }
}

.venue-list {
  padding-block: 12rem 12rem;
}
@media screen and (min-width: 769px) {
  .venue-list {
    padding-block: 28rem 8.9rem;
  }
}
.venue-list__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .venue-list__inner {
    padding-inline: 3.9rem;
  }
}
.venue-list__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 3.2rem, 44px);
  letter-spacing: -0.02em;
  line-height: 1.1891891892;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .venue-list__title {
    font-size: max(7.4rem, 12px);
    letter-spacing: -0.02em;
  }
}
.venue-list__bar {
  align-items: baseline;
  border-bottom: 0.1rem solid var(--black);
  display: flex;
  justify-content: space-between;
  margin-top: 5.6rem;
  padding-bottom: 1.9rem;
}
@media screen and (min-width: 769px) {
  .venue-list__bar {
    justify-content: center;
    margin-inline: 0.1rem 0.7rem;
    margin-top: 16.6rem;
    position: relative;
  }
}
.venue-list__count, .venue-list__sort-button {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
}
@media screen and (min-width: 769px) {
  .venue-list__count, .venue-list__sort-button {
    font-size: max(2.4rem, 12px);
  }
}
@media screen and (min-width: 769px) {
  .venue-list__count {
    margin-right: 1.8rem;
  }
}
.venue-list__sort {
  position: relative;
}
@media screen and (min-width: 769px) {
  .venue-list__sort {
    position: absolute;
    right: 3rem;
  }
}
.venue-list__sort-button {
  align-items: baseline;
  background-color: transparent;
  border: 0;
  color: var(--icon);
  cursor: pointer;
  display: flex;
  gap: 1.6rem;
  padding: 0;
}
.venue-list__sort-chevron {
  align-self: center;
  display: block;
  height: auto;
  transition: transform 0.3s ease;
  width: min(1.2rem, 14px);
}
[aria-expanded=true] .venue-list__sort-chevron {
  transform: scaleY(-1);
}
.venue-list__sort-list {
  background-color: var(--white);
  border: 0.05rem solid var(--icon);
  padding-block: 0.5rem 0.8rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.8rem);
  width: min(11.7rem, 117px);
  z-index: 10;
}
.venue-list__sort-option {
  background-color: transparent;
  border: 0;
  color: var(--icon);
  cursor: pointer;
  display: block;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.7rem, 19px);
  line-height: 1.3235294118;
  padding: 0 1rem;
  text-align: left;
  transition: opacity 0.2s ease;
  width: 100%;
}
@media (any-hover: hover) {
  .venue-list__sort-option:hover {
    opacity: 0.6;
  }
}
.venue-list__grid {
  display: grid;
  gap: 6.3rem;
  grid-template-columns: 1fr;
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .venue-list__grid {
    gap: 7.6rem 3.3rem;
    grid-template-columns: repeat(3, 43rem);
    margin-top: 7.8rem;
  }
}
.venue-list__link {
  color: inherit;
  display: block;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .venue-list__link:not(.venue-list__link--specs):hover {
    opacity: 0.7;
  }
}
.venue-list__name {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 2.2rem, 26px);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .venue-list__name {
    font-size: max(2.6rem, 12px);
    line-height: 1.7307692308;
  }
}
.venue-list__frame {
  margin-top: 1.7rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .venue-list__frame {
    margin-top: 0.3rem;
  }
}
.venue-list__specs {
  background-color: rgba(0, 0, 0, 0.8);
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: max(1.2rem, 12px);
  inset: 0;
  letter-spacing: 0.07em;
  line-height: 1.6666666667;
  opacity: 0;
  padding: 2.9rem 3.3rem;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
}
.venue-list__spec {
  display: flex;
  gap: 0.6rem;
}
.venue-list__spec dd {
  flex: 1;
}
.venue-list__spec--plain dd {
  margin: 0;
}
.venue-list__spec dt {
  min-width: 4.4rem;
}
.venue-list__spec dt::after {
  content: ":";
  margin-left: 0.6rem;
}
@media (any-hover: hover) {
  .venue-list__link:hover .venue-list__specs {
    opacity: 1;
  }
}
.venue-list__link:focus-visible .venue-list__specs {
  opacity: 1;
}
.venue-list__media {
  display: block;
}
.venue-list__media img {
  aspect-ratio: 430/263;
  object-fit: cover;
  width: 100%;
}

/* List cards share the detail page CMS flag. */
.venue-list__heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.venue-list__brand-logo {
  display: block;
  width: 46%;
  max-width: 180px;
  height: auto;
  flex-shrink: 0;
}

.venue-list__sort-list {
  width: max-content;
  max-width: calc(100vw - 48px);
}

.venue-list__sort-option {
  padding: 10px 16px;
}

.venue-list__sort-button {
  text-align: left;
}

.venue-list__sort-chevron {
  flex-shrink: 0;
}

.venue-list__grid[aria-busy] > .venue-list__item {
  transition: none;
}

@media (max-width: 768px) {
  .venue-list__bar {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.venue-list__media img,
.venue__media img,
.venue__layout img {
  transition: opacity 0.8s ease;
}
.venue-list__media img.venue-image-loading,
.venue__media img.venue-image-loading,
.venue__layout img.venue-image-loading {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .venue-list__media img,
  .venue__media img,
  .venue__layout img {
    transition: none;
  }
}
.venue-list__item.venue-card-loading {
  opacity: 0 !important;
}

.news-list {
  padding-block: 12rem 12rem;
}
@media screen and (min-width: 769px) {
  .news-list {
    padding-block: 18.2rem 41.3rem;
  }
}
.news-list__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .news-list__inner {
    padding-inline: 7rem 6.2rem;
  }
}
.news-list__bar {
  align-items: flex-end;
  border-bottom: 0.1rem solid var(--black);
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  justify-content: space-between;
  padding-bottom: 2.2rem;
}
.news-list__title {
  font-size: clamp(12px, 2.8rem, 38px);
  letter-spacing: -0.02em;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .news-list__title {
    font-size: max(5.8rem, 12px);
    letter-spacing: -0.02em;
  }
}
.news-list__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 769px) {
  .news-list__filters {
    margin-bottom: 0.9rem;
  }
}
.news-list__filter {
  background-color: transparent;
  border: 0.05rem solid var(--black);
  color: var(--black);
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: min(1rem, 11px);
  height: min(2.7rem, 30px);
  letter-spacing: 0.02em;
  padding: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: min(8.7rem, 96px);
}
.news-list__filter.is-current {
  background-color: var(--black);
  color: var(--white);
}
@media (any-hover: hover) {
  .news-list__filter:hover {
    background-color: var(--black);
    color: var(--white);
  }
}
.news-list__items {
  display: grid;
  gap: 4.8rem;
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .news-list__items {
    gap: 6.7rem;
    margin-top: 6.6rem;
  }
}
.news-list__item {
  display: grid;
  gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .news-list__item {
    column-gap: 3.4rem;
    grid-template-columns: 10.5rem 80.5rem 1fr;
    row-gap: 3.9rem;
  }
}
.news-list__date {
  font-size: clamp(12px, 1.3rem, 15px);
  letter-spacing: 0.02em;
  line-height: 1.4705882353;
}
@media screen and (min-width: 769px) {
  .news-list__date {
    font-size: max(1.7rem, 12px);
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (min-width: 769px) {
  .news-list__body {
    grid-column: 2;
    grid-row: 1/span 2;
  }
}
.news-list__heading {
  font-size: clamp(12px, 1.7rem, 21px);
  letter-spacing: 0.02em;
  line-height: 1.1904761905;
}
@media screen and (min-width: 769px) {
  .news-list__heading {
    font-size: max(2.1rem, 12px);
  }
}
.news-list__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  font-size: clamp(12px, 1.2rem, 13px);
  letter-spacing: 0.02em;
  line-height: 1.6666666667;
  margin-top: 2.6rem;
  overflow: hidden;
}
.news-list__media {
  display: block;
}
@media screen and (min-width: 769px) {
  .news-list__media {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: 24.5rem;
  }
}
.news-list__media img {
  aspect-ratio: 245/143;
  object-fit: cover;
  width: 100%;
}
.news-list__read {
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .news-list__read {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
  }
}
.news-list__read-link {
  align-items: center;
  color: var(--icon);
  display: inline-flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.5rem, 17px);
  gap: 1rem;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .news-list__read-link:hover {
    opacity: 0.6;
  }
}
.news-list__read-chevron {
  display: block;
  height: min(1.25rem, 12.5px);
  width: min(1.15rem, 11.5px);
}
.news-list__pager {
  align-items: center;
  display: flex;
  gap: 3.1rem;
  justify-content: center;
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .news-list__pager {
    margin-top: 7.6rem;
  }
}
.news-list__pages {
  align-items: center;
  display: flex;
  gap: 3.1rem;
}
.news-list__page {
  color: var(--black);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 769px) {
  .news-list__page {
    font-size: max(2.4rem, 12px);
  }
}
@media (any-hover: hover) {
  .news-list a.news-list__page:hover, .news-list__next:hover {
    opacity: 0.6;
  }
}
.news-list__next {
  color: var(--icon);
  display: block;
  transition: opacity 0.2s ease;
}
.news-list__next-chevron {
  display: block;
  height: min(1.55rem, 15.5px);
  width: min(0.95rem, 9.5px);
}

.news-detail {
  padding-block: 12rem 16rem;
}
@media screen and (min-width: 769px) {
  .news-detail {
    padding-block: 17.5rem 12.5rem;
  }
}
.news-detail__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .news-detail__inner {
    padding-inline: 12.6rem 12.2rem;
  }
}
@media screen and (min-width: 769px) {
  .news-detail__breadcrumb {
    margin-left: -6.5rem;
  }
}
.news-detail__crumbs {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.3rem, 14px);
  gap: 1.1rem;
}
@media screen and (min-width: 769px) {
  .news-detail__crumbs {
    flex-wrap: nowrap;
    font-size: max(1.4rem, 12px);
  }
}
.news-detail__crumbs a {
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .news-detail__crumbs a:hover {
    opacity: 0.6;
  }
}
.news-detail__crumbs li + li::before {
  border-bottom: 0.15rem solid currentColor;
  border-right: 0.15rem solid currentColor;
  content: "";
  display: inline-block;
  height: min(0.6rem, 7px);
  margin-right: 1.1rem;
  transform: translateY(-0.2rem) rotate(-45deg);
  width: min(0.6rem, 7px);
}
.news-detail__crumbs li:last-child {
  font-size: clamp(12px, 1.7rem, 21px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .news-detail__crumbs li:last-child {
    font-size: max(2.1rem, 12px);
    max-width: 69.6rem;
  }
}
.news-detail__meta {
  align-items: center;
  display: flex;
  gap: 2.8rem;
  margin-top: 3.6rem;
}
@media screen and (min-width: 769px) {
  .news-detail__meta {
    margin-top: 4.7rem;
  }
}
.news-detail__category {
  border: 0.05rem solid var(--black);
  flex-shrink: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: min(1rem, 11px);
  height: min(2.7rem, 30px);
  letter-spacing: 0.02em;
  line-height: min(2.6rem, 29px);
  text-align: center;
  width: min(8.7rem, 96px);
}
.news-detail__date {
  font-size: clamp(12px, 1.3rem, 15px);
  letter-spacing: 0.02em;
  line-height: 1.4705882353;
}
@media screen and (min-width: 769px) {
  .news-detail__date {
    font-size: max(1.7rem, 12px);
  }
}
.news-detail__title {
  font-size: clamp(12px, 2.2rem, 30px);
  letter-spacing: 0.02em;
  margin-top: 2.4rem;
}
@media screen and (min-width: 769px) {
  .news-detail__title {
    font-size: max(3.6rem, 12px);
    margin-top: 2rem;
  }
}
.news-detail__media {
  display: block;
  margin-top: 3.2rem;
}
@media screen and (min-width: 769px) {
  .news-detail__media {
    margin-top: 4.5rem;
  }
}
.news-detail__media img {
  aspect-ratio: 1192/695;
  object-fit: cover;
  width: 100%;
}
.news-detail__body {
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .news-detail__body {
    margin-top: 11.6rem;
  }
}
.news-detail__text {
  font-size: clamp(12px, 1.4rem, 17px);
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .news-detail__text {
    font-size: max(2rem, 12px);
  }
}

.venue {
  padding-block: 12rem 16rem;
}
@media screen and (min-width: 769px) {
  .venue {
    padding-block: 17.6rem 12.9rem;
  }
}
.venue__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .venue__inner {
    padding-inline: 12.6rem;
  }
}
@media screen and (min-width: 769px) {
  .venue__breadcrumb {
    margin-left: -5.6rem;
  }
}
.venue__crumbs {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.3rem, 14px);
  gap: 1.1rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .venue__crumbs {
    font-size: max(1.4rem, 12px);
  }
}
.venue__crumbs li:last-child {
  font-size: clamp(12px, 1.7rem, 21px);
}
@media screen and (min-width: 769px) {
  .venue__crumbs li:last-child {
    font-size: max(2.1rem, 12px);
  }
}
.venue__crumbs li + li::before {
  border-right: 0.12rem solid currentColor;
  border-top: 0.12rem solid currentColor;
  content: "";
  display: inline-block;
  height: min(0.7rem, 8px);
  margin-right: 1.1rem;
  transform: translateY(-0.1rem) rotate(45deg);
  width: min(0.7rem, 8px);
}
.venue__crumbs a {
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .venue__crumbs a:hover {
    opacity: 0.6;
  }
}
.venue__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 4rem, 52px);
  letter-spacing: 0.02em;
  line-height: 1;
  margin-top: 6rem;
}
@media screen and (min-width: 769px) {
  .venue__title {
    margin-top: 8.4rem;
  }
}
@media screen and (min-width: 769px) {
  .venue__title {
    font-size: max(8rem, 12px);
  }
}
.venue__slider {
  aspect-ratio: 1192/695;
  margin-top: 3rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .venue__slider {
    width: 119.2rem;
  }
}
.venue__media {
  display: block;
  inset: 0;
  position: absolute;
}
.venue__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.venue__slide {
  opacity: 0;
  transition: opacity 1.6s ease;
}
.venue__slide.is-current {
  opacity: 1;
}
.venue__body {
  margin-top: 10rem;
}
@media screen and (min-width: 769px) {
  .venue__body {
    margin-top: 12.4rem;
  }
}
.venue__text {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .venue__text {
    font-size: max(2rem, 12px);
  }
}
.venue__text + .venue__text {
  margin-top: 3.6rem;
}
.venue__specs {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 4.8rem;
}
@media screen and (min-width: 769px) {
  .venue__specs {
    gap: 2.6rem;
    grid-template-columns: repeat(5, 17.6rem);
    margin-left: 0.1rem;
    margin-top: 11.7rem;
  }
}
.venue__spec {
  align-items: center;
  border: 0.05rem solid var(--black);
  display: flex;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
  justify-content: center;
  letter-spacing: 0.02em;
  min-height: min(4.5rem, 45px);
  padding-inline: min(0.8rem, 8px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .venue__spec {
    font-size: max(2.2rem, 12px);
  }
}
.venue__equipment {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .venue__equipment {
    margin-top: 4.9rem;
  }
}
.venue__heading {
  border-bottom: 0.1rem solid var(--black);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.4rem, 28px);
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .venue__heading {
    font-size: max(3rem, 12px);
  }
}
.venue__equipment-list {
  display: grid;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
  gap: 0;
  letter-spacing: 0.02em;
  grid-template-columns: 1fr;
  line-height: 2.0454545455;
  padding-top: 3.6rem;
}
@media screen and (min-width: 769px) {
  .venue__equipment-list {
    column-gap: 7rem;
    font-size: max(2.2rem, 12px);
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 21.9rem);
    grid-template-rows: repeat(3, auto);
    margin-left: 0.5rem;
  }
  .venue__equipment-list li:nth-child(n+7) {
    margin-left: -0.8rem;
  }
  .venue__equipment-list {
    padding-top: 5.3rem;
  }
}
.venue__equipment-list li {
  break-inside: avoid;
  padding-left: 1.8rem;
  position: relative;
}
.venue__equipment-list li::before {
  content: "・";
  left: -0.4rem;
  position: absolute;
}

/* Venue: optional CMS-controlled Forest Terrace logo. */
.venue__heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 6rem;
}

.venue__heading-row .venue__title {
  margin-top: 0;
}

.venue__brand-logo {
  display: block;
  width: 32%;
  max-width: 360px;
  height: auto;
  flex-shrink: 0;
}

@media screen and (min-width: 769px) {
  .venue__heading-row {
    margin-top: 8.4rem;
  }
}
@media screen and (max-width: 768px) {
  .venue__heading-row {
    flex-wrap: wrap;
    gap: 2rem;
  }
  .venue__brand-logo {
    width: 72%;
    max-width: 240px;
  }
}
@media screen and (min-width: 769px) {
  .venue__equipment-list {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 1.2rem 3.2rem;
    margin-left: 0;
  }
  .venue__equipment-list li:nth-child(n+7) {
    margin-left: 0;
  }
}

.venue__configuration {
  margin-top: 6rem;
}

.venue__layouts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
@media screen and (min-width: 769px) {
  .venue__layouts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.venue__layout {
  min-width: 0;
}
.venue__layout figcaption {
  font-size: 2.2rem;
  margin-bottom: 1.6rem;
}
.venue__layout img {
  display: block;
  width: 100%;
  height: auto;
}

.venue__floor-plan {
  margin-top: 3.2rem;
  font-size: 1.8rem;
}
.venue__floor-plan a {
  display: inline-block;
  border-bottom: 1px solid currentColor;
  padding-block: 0.8rem;
}

.page-hospitality .page-fv {
  --fv-veil: 0.93;
}

@media screen and (min-width: 769px) {
  .story--meal .story__inner {
    padding-top: max(9.6rem, 0.3714285714 * 100svh);
  }
  .story--meal .story__title {
    margin-left: 19.3rem;
    max-width: 46.5rem;
    text-align: right;
  }
  .story--meal .story__text {
    margin-left: 55.9rem;
    margin-top: 5.5rem;
    max-width: 61.4rem;
  }
  .story--dining .story__inner--split {
    grid-template-columns: 61.3rem 45rem;
    padding-inline: 14.2rem 12.3rem;
    padding-top: max(9.6rem, 0.1333333333 * 100svh);
  }
  .story--dining .story__title {
    margin-left: 0;
    max-width: 61.3rem;
  }
  .story--dining .story__text {
    margin-left: 0;
    margin-top: 3.7rem;
    max-width: 61.3rem;
  }
  .story--dining .story__title--second {
    margin-top: 8.1rem;
  }
  .story--dining .story__col--right {
    padding-top: calc(0.2797619048 * 100svh);
  }
  .story--dining .story__col--right .story__text {
    margin-top: 3.2rem;
    max-width: 45rem;
  }
  .story--dining .story__text--second, .story--dining .story__col--right .story__text {
    letter-spacing: 0;
  }
}

.restaurants {
  padding-block: 12rem;
}
@media screen and (min-width: 769px) {
  .restaurants {
    padding-block: 17rem 26rem;
  }
}
.restaurants__list {
  display: grid;
  gap: 8rem 6.9rem;
  grid-template-columns: 1fr;
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .restaurants__list {
    gap: 13.2rem 6.9rem;
    grid-template-columns: repeat(2, 1fr);
    padding-inline: 8.5rem;
  }
}
.restaurants__media {
  aspect-ratio: 600/380;
  display: block;
  position: relative;
  width: 100%;
}
.restaurants__slide {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s ease;
}
.restaurants__slide.is-current {
  opacity: 1;
}
.restaurants__slide img {
  aspect-ratio: 600/380;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.restaurants__controls {
  align-items: center;
  display: flex;
  gap: 0.4rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  z-index: 1;
}
.restaurants__control {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--black);
  cursor: pointer;
  display: inline-flex;
  height: 2.2rem;
  justify-content: center;
  padding: 0;
  width: 1.8rem;
}
.restaurants__control:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}
.restaurants__arrow {
  display: block;
  height: 1.2rem;
  width: 1.1rem;
}
.restaurants__head {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 6.6rem;
}
@media screen and (min-width: 769px) {
  .restaurants__head {
    gap: 3.6rem;
  }
}
.restaurants__name {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 3rem, 36px);
  line-height: 1.0714285714;
}
@media screen and (min-width: 769px) {
  .restaurants__name {
    font-size: max(4.2rem, 12px);
  }
}
.restaurants__genre {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.5rem, 17px);
  line-height: 1.3888888889;
}
@media screen and (min-width: 769px) {
  .restaurants__genre {
    font-size: max(1.8rem, 12px);
  }
}
.restaurants__text {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  line-height: 1.5263157895;
  margin-top: 4.1rem;
}
@media screen and (min-width: 769px) {
  .restaurants__text {
    font-size: max(1.9rem, 12px);
  }
}
.restaurants__notes {
  align-content: start;
  display: grid;
  margin-top: 2.9rem;
}
@media screen and (min-width: 769px) {
  .restaurants__notes {
    min-height: 12.6rem;
  }
}
.restaurants__note {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  line-height: 1.5263157895;
  padding-left: 1.8rem;
  position: relative;
}
.restaurants__note::before {
  content: "•";
  left: 0;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .restaurants__note {
    font-size: max(1.9rem, 12px);
  }
}
.restaurants__action {
  margin-top: 2.9rem;
}
@media screen and (min-width: 769px) {
  .restaurants__action {
    margin-top: 0;
    text-align: right;
  }
}
.restaurants__button {
  align-items: center;
  border: 1px solid var(--black);
  color: var(--black);
  display: inline-flex;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  min-height: min(3.1rem, 31px);
  padding-inline: min(1.6rem, 16px);
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: min(28.7rem, 287px);
}
@media screen and (min-width: 769px) {
  .restaurants__button {
    font-size: max(2.4rem, 12px);
  }
}
@media (any-hover: hover) {
  .restaurants__button:hover {
    background-color: var(--black);
    color: var(--white);
  }
}
.restaurants__button--reserve {
  padding-inline: min(1.1rem, 11px) min(3rem, 30px);
}
@media screen and (min-width: 769px) {
  .restaurants__button--reserve {
    font-size: max(2rem, 12px);
  }
}
.restaurants__chevron {
  display: block;
  height: min(1.176rem, 11.76px);
  position: absolute;
  right: min(2.3rem, 23px);
  top: 50%;
  transform: translateY(-50%);
  width: min(1.05rem, 10.5px);
}

@media screen and (min-width: 769px) {
  .page-fv__lead--legacy {
    font-size: max(1.7rem, 12px);
    max-width: 105.5rem;
  }
}

.page-fv__lead + .page-fv__lead {
  margin-top: 2.5rem;
}

.legacy-page {
  padding-block: 6.2rem 12rem;
}
@media screen and (min-width: 769px) {
  .legacy-page {
    padding-bottom: 0;
  }
}
.legacy-page__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .legacy-page__inner {
    aspect-ratio: 1440/3982;
    padding-inline: 0;
    position: relative;
  }
}
.legacy-page__item {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .legacy-page__item {
    margin-top: 0;
    position: absolute;
  }
}
.legacy-page__title {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 32px);
  line-height: 1.3076923077;
}
.legacy-page__title em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .legacy-page__title {
    font-size: max(5.2rem, 12px);
    letter-spacing: 0.02em;
  }
}
.legacy-page__text {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  line-height: 1.4705882353;
}
@media screen and (min-width: 769px) {
  .legacy-page__text {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
  }
}
.legacy-page__image {
  display: block;
}
.legacy-page__image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .legacy-page--right {
    text-align: right;
  }
}
@media screen and (min-width: 769px) {
  .legacy-page--center {
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .legacy-page__item--shrine-title {
    left: -0.4861%;
    top: 0.9543%;
    width: 32.2917%;
  }
  .legacy-page__item--shrine-text {
    left: 37.0139%;
    top: 1.4566%;
    width: 54.8611%;
  }
  .legacy-page__item--shrine-image {
    left: 37.0139%;
    top: 5.9518%;
    width: 54.8611%;
  }
  .legacy-page__item--ceremony-title {
    left: 22.8472%;
    top: 21.6725%;
    width: 28.3333%;
  }
  .legacy-page__item--ceremony-text {
    left: 37.0139%;
    top: 26.2682%;
    width: 52.5694%;
  }
  .legacy-page__item--ceremony-image {
    left: 0%;
    top: 31.994%;
    width: 73.4028%;
  }
  .legacy-page__item--privy-image {
    left: 60.3472%;
    top: 49.5731%;
    width: 39.6528%;
  }
  .legacy-page__item--privy-title {
    left: 12.7778%;
    top: 50.8036%;
    width: 34.7222%;
  }
  .legacy-page__item--privy-text {
    left: 12.7778%;
    top: 55.0477%;
    width: 41.0417%;
  }
  .legacy-page__item--resilience-title {
    left: 12.8472%;
    top: 60.5977%;
    width: 27.8472%;
  }
  .legacy-page__item--resilience-text {
    left: 12.7778%;
    top: 63.0839%;
    width: 30.4167%;
  }
  .legacy-page__item--modern-image {
    left: 60.3472%;
    top: 68.433%;
    width: 39.6528%;
  }
  .legacy-page__item--modern-title {
    left: 12.8472%;
    top: 68.6339%;
    width: 34.7222%;
  }
  .legacy-page__item--modern-text {
    left: 12.8472%;
    top: 73.0538%;
    width: 44.1667%;
  }
  .legacy-page__item--living-image {
    left: 12.7778%;
    top: 79.6836%;
    width: 37.2222%;
  }
  .legacy-page__item--living-title {
    left: 58.1944%;
    top: 83.8272%;
    width: 27.8472%;
  }
  .legacy-page__item--living-text {
    left: 58.125%;
    top: 86.0874%;
    width: 34.9306%;
  }
}
@media screen and (min-width: 769px) and (max-width: 899px) {
  .legacy-page {
    padding-bottom: 12rem;
  }
  .legacy-page__inner {
    aspect-ratio: auto;
    padding-inline: 2.4rem;
    position: static;
  }
  .legacy-page__item {
    left: auto;
    margin-top: 4rem;
    position: static;
    top: auto;
    width: auto;
  }
  .legacy-page--center, .legacy-page--right {
    text-align: left;
  }
}
.page-access .page-fv {
  --fv-veil: 0.93;
}

@media screen and (min-width: 769px) {
  .page-fv__lead--widest {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.02em;
    line-height: 1.4705882353;
    max-width: 101.5rem;
  }
}

.access-page {
  padding-block: min(8rem, 80px) min(10rem, 100px);
}
@media screen and (min-width: 769px) {
  .access-page {
    padding-block: 12.4rem 16rem;
  }
}
.access-page__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .access-page__inner {
    padding-inline: 14.5rem;
  }
}
.access-page__intro {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .access-page__intro {
    grid-template-columns: 50rem 69rem;
    justify-content: space-between;
  }
}
.access-page__intro + .access-page__intro {
  margin-top: 8rem;
}
@media screen and (min-width: 769px) {
  .access-page__intro + .access-page__intro {
    margin-top: 11.8rem;
  }
}
.access-page__lead {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 32px);
  line-height: 1.1923076923;
}
.access-page__lead em {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .access-page__lead {
    font-size: max(5.2rem, 12px);
    letter-spacing: 0.02em;
  }
}
.access-page__text {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  line-height: 1.4705882353;
}
@media screen and (min-width: 769px) {
  .access-page__text {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
  }
}
.access-page__notes {
  display: grid;
  gap: 0.4rem;
  margin-block: 2.5rem;
}
.access-page__notes li {
  padding-left: 1.8rem;
  position: relative;
}
.access-page__notes li::before {
  content: "•";
  left: 0;
  position: absolute;
}
.access-page__map {
  aspect-ratio: 1150/640;
  background-color: var(--surface-strong);
  margin-top: 13.4rem;
  width: 100%;
}
.access-page__map iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.access-page__address {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.8rem, 22px);
  gap: 1.6rem;
  line-height: 1.0714285714;
  margin-top: 1.6rem;
}
@media screen and (min-width: 769px) {
  .access-page__address {
    font-size: max(2.8rem, 12px);
  }
}
@media screen and (min-width: 769px) {
  .access-page__address + .access-page__route {
    margin-top: 9.2rem;
  }
}
.access-page__route {
  margin-top: 5.6rem;
}
@media screen and (min-width: 769px) {
  .access-page__route {
    margin-top: 8.5rem;
  }
}
.access-page__route--notice {
  border-top: 1px solid var(--black);
  padding-top: 4rem;
}
@media screen and (min-width: 769px) {
  .access-page__route--notice {
    margin-top: 10.2rem;
    padding-top: 7.9rem;
  }
}
@media screen and (min-width: 769px) {
  .access-page__route--notice .access-page__body {
    margin-top: 1.6rem;
  }
}
.access-page__heading {
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 2.8rem, 34px);
  line-height: 1.4166666667;
}
@media screen and (min-width: 769px) {
  .access-page__heading {
    font-size: max(4.8rem, 12px);
    letter-spacing: 0.02em;
  }
}
.access-page__route:not(.access-page__route--notice) .access-page__heading {
  align-items: baseline;
  display: flex;
  gap: 3.5rem;
}
.access-page__route:not(.access-page__route--notice) .access-page__heading::after {
  background-color: var(--black);
  bottom: 0.9rem;
  content: "";
  flex: 1;
  height: 1px;
  position: relative;
}
.access-page__body {
  margin-top: 2.7rem;
}
.access-page__paragraph {
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  line-height: 1.7647058824;
}
@media screen and (min-width: 769px) {
  .access-page__paragraph {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
  }
}
.access-page__paragraph--spaced {
  margin-top: 3rem;
}
.access-page__notice {
  border: 0.1rem solid var(--black);
  font-family: var(--font-display);
  letter-spacing: normal;
  font-weight: 400;
  font-size: clamp(12px, 1.6rem, 20px);
  line-height: 1.4166666667;
  padding: 1.9rem 2.1rem;
}
@media screen and (min-width: 769px) {
  .access-page__notice {
    font-size: max(2.4rem, 12px);
    letter-spacing: 0.02em;
  }
}
.access-page__notice + .access-page__notice {
  margin-top: 3.5rem;
}
@media screen and (min-width: 769px) {
  .access-page__layout {
    margin-top: 2.8rem;
  }
}
.access-page__layout {
  border-top: 1px solid var(--black);
  display: grid;
  gap: 4rem;
  grid-template-columns: 1fr;
  margin-top: 10rem;
  padding-top: 4rem;
}
@media screen and (min-width: 769px) {
  .access-page__layout {
    align-items: start;
    grid-template-columns: 52.2rem 43rem;
    justify-content: space-between;
    margin-top: 10.5rem;
    padding-top: 8.7rem;
  }
}
.access-page__layout-body .access-page__paragraph {
  margin-top: 4.1rem;
}
.access-page__action {
  margin-top: 4.1rem;
}
@media screen and (min-width: 769px) {
  .access-page__floormap {
    margin-top: 2.1rem;
  }
}
.access-page__floormap img {
  width: 100%;
}

.inquiry {
  padding-block: 8.1rem 10rem;
}
@media screen and (min-width: 769px) {
  .inquiry {
    padding-block: 8.1rem 19rem;
  }
}
.inquiry__inner {
  margin-inline: auto;
  max-width: max(1440px, 144rem);
  padding-inline: 2.4rem;
}
@media screen and (min-width: 769px) {
  .inquiry__inner {
    padding-inline: 29.3rem;
  }
}
.inquiry__lead {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.5789473684;
}
@media screen and (min-width: 769px) {
  .inquiry__lead {
    font-size: max(1.9rem, 12px);
    letter-spacing: 0.07em;
    margin-left: 9.3rem;
    max-width: 69.3rem;
  }
}
.inquiry__lead strong {
  font-weight: 500;
}

.form {
  margin-top: 8rem;
}
@media screen and (min-width: 769px) {
  .form {
    margin-top: 16.5rem;
  }
}
.form__question, .form__title {
  color: var(--black);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2.6rem, 30px);
  letter-spacing: -0.02em;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .form__question, .form__title {
    font-size: max(4.1rem, 12px);
    letter-spacing: -0.02em;
  }
}
.form__head {
  margin-bottom: 16.3rem;
}
.form__group {
  border: 0;
  margin: 0;
  padding: 0;
}
.form__select, .form__row {
  margin-top: 3.2rem;
}
@media screen and (min-width: 769px) {
  .form__select, .form__row {
    margin-left: 22.6rem;
    max-width: 68.8rem;
    width: 100%;
  }
}
.form__select {
  position: relative;
  align-items: center;
  border: 0.1rem solid var(--black);
  display: flex;
  height: min(6rem, 60px);
}
@media screen and (min-width: 769px) {
  .form__select {
    margin-top: 3rem;
  }
}
.form__select:focus-within {
  outline: 0.2rem solid var(--accent-deep);
  outline-offset: 0.2rem;
}
.form__select-icon {
  color: var(--black);
  position: absolute;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: min(2rem, 20px);
}
@media screen and (min-width: 769px) {
  .form__select-icon {
    left: 4.9rem;
  }
}
.form__select-icon svg {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .form__row {
    margin-top: 4.4rem;
  }
}
@media screen and (min-width: 769px) {
  .form__row:first-of-type {
    margin-top: 2rem;
  }
}
.form__label {
  display: block;
  font-family: var(--font-body);
  font-weight: 200;
  font-size: clamp(12px, 1.6rem, 18px);
  letter-spacing: 0.07em;
  line-height: 1.7647058824;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 769px) {
  .form__label {
    font-size: max(1.7rem, 12px);
    letter-spacing: 0.07em;
  }
}
.form__required {
  color: var(--alert);
}
.form__control {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0.1rem solid var(--black);
  border-radius: 0;
  color: var(--black);
  display: block;
  font-family: var(--font-body);
  letter-spacing: 0.07em;
  font-weight: 200;
  font-size: clamp(12px, 1.5rem, 17px);
  height: min(6rem, 60px);
  padding-inline: min(4.4rem, 44px) min(1.6rem, 16px);
  text-overflow: ellipsis;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .form__control {
    padding-inline: 8rem 2rem;
  }
}
.form__control:focus-visible {
  outline: 0.2rem solid var(--accent-deep);
  outline-offset: 0.2rem;
}
.form__control--area {
  height: min(18rem, 180px);
  padding-block: min(1.6rem, 16px);
  padding-inline: min(2rem, 20px);
  resize: vertical;
}
.form__select .form__control {
  border: 0;
  cursor: pointer;
  flex: 1;
  height: 100%;
  min-width: 0;
  padding-left: calc(1.6rem + min(2rem, 20px) + min(0.8rem, 8px));
  padding-right: min(1.6rem, 16px);
}
@media screen and (min-width: 769px) {
  .form__select .form__control {
    padding-left: calc(4.9rem + min(2rem, 20px) + min(0.8rem, 8px));
  }
}
.form__select .form__control:focus-visible {
  outline: none;
}
.form__row .form__control {
  padding-inline: min(2rem, 20px);
}
.form__action {
  margin-top: 14.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .form__action {
    margin-left: 18.9rem;
    max-width: 47.5rem;
  }
}
.form__submit {
  background-color: var(--black);
  border: 0.1rem solid var(--black);
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(12px, 2rem, 24px);
  letter-spacing: 0.02em;
  min-height: min(5.8rem, 58px);
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .form__submit {
    font-size: max(3.4rem, 12px);
    letter-spacing: 0.02em;
  }
}
@media (any-hover: hover) {
  .form__submit:hover {
    background-color: transparent;
    color: var(--black);
  }
}

#event-type.form__control {
  font-size: clamp(15px, 1.875rem, 21.25px);
}

.contact {
  display: grid;
  gap: 1.8rem;
  grid-template-columns: 1fr;
  margin-top: 2.4rem;
}
@media screen and (min-width: 769px) {
  .contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact__card {
  background-color: var(--surface);
  border: 0.1rem solid var(--line);
  padding: 2.4rem;
}
.contact__title {
  font-size: max(2.4rem, 12px);
  margin-bottom: 1.4rem;
}

@media (max-height: 720px) {
  .story .story__col--right {
    padding-top: 0;
  }
  .story .story__title {
    font-size: clamp(12px, 4.6vh, 34px);
  }
  .story .story__text {
    font-size: clamp(12px, 2.4vh, 17px);
    margin-top: 1.6rem;
  }
  .story .story__title--second {
    margin-top: 2.4rem;
  }
  .story .story__text--second {
    margin-top: 1.6rem;
  }
  .story .story__action {
    margin-top: 2.4rem;
  }
  .page-fv__title,
  .fv__title {
    font-size: clamp(12px, 7vh, 48px);
  }
  .page-fv__lead,
  .fv__lead {
    font-size: clamp(12px, 2.4vh, 18px);
  }
}
@media screen and (max-width: 768px), screen and (max-height: 560px) {
  .story--dining,
  .story--significance,
  .story--voices,
  .story--faq {
    height: auto;
  }
  .story--dining .story__sticky,
  .story--significance .story__sticky,
  .story--voices .story__sticky,
  .story--faq .story__sticky {
    height: auto;
    min-height: 100svh;
    position: relative;
  }
  .story--rooms .story__inner,
  .story--dining .story__inner,
  .story--significance .story__inner,
  .story--voices .story__inner,
  .story--faq .story__inner {
    height: auto;
    justify-content: flex-start;
    padding-block: 12rem 8rem;
  }
  .story--dining .story__sticky::after,
  .story--significance .story__sticky::after,
  .story--voices .story__sticky::after,
  .story--faq .story__sticky::after {
    opacity: 1;
  }
  .story--rooms {
    height: 412svh;
  }
  .story--rooms .story__sticky {
    height: 100svh;
    position: sticky;
    top: 0;
  }
  .story--rooms .story__inner {
    transform: translateY(var(--rooms-shift, 0px));
  }
  .story--rooms .story__sticky::after {
    opacity: var(--rooms-veil, 0);
  }
}
@media screen and (max-width: 768px) and (prefers-reduced-motion: reduce), screen and (max-height: 560px) and (prefers-reduced-motion: reduce) {
  .story--rooms {
    height: auto;
  }
  .story--rooms .story__sticky {
    height: auto;
    min-height: 100svh;
    position: relative;
  }
  .story--rooms .story__inner {
    transform: none;
  }
  .story--rooms .story__sticky::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px), screen and (max-height: 560px) {
  .story--rooms .story__media,
  .story--dining .story__media,
  .story--significance .story__media,
  .story--voices .story__media,
  .story--faq .story__media {
    height: 100%;
    position: absolute;
  }
}
.story.is-static .story__title,
.story.is-static .story__text,
.story.is-static .story__action,
.story.is-static .story__more,
.story.is-static .strengths,
.story.is-static .voices,
.story.is-static .faq {
  transition: opacity 0.9s ease, transform 0.9s ease;
}

@media (prefers-reduced-motion: reduce) {
  .story.is-static {
    --story-title: 1;
    --story-text: 1;
  }
}