/* Shared refinements. The original artifact choreography remains in its source. */
.object .note {
  padding: 18px 20px;
  background: #0b0a09d9;
  backdrop-filter: blur(8px);
}
.object .note span {
  color: #e0d5c4;
}
.kick,
.nav-l a,
.nav-r a,
.nav .r a,
.snd,
.prog .n,
.prog .d,
.ctl button,
.lp,
.cue,
.cred {
  font-size: 12px !important;
  letter-spacing: 0.18em;
}
:focus-visible {
  outline: 2px solid #deac86;
  outline-offset: 5px;
}
section[id],
main[id] {
  scroll-margin-top: 96px;
}
.md-skip {
  position: fixed;
  z-index: 11000;
  top: 12px;
  left: 20px;
  transform: translateY(-180%);
  padding: 14px 22px;
  background: #efe7d7;
  color: #141210;
  font:
    500 14px Manrope,
    sans-serif;
  text-decoration: none;
}
.md-skip:focus {
  transform: none;
}
.md-menu-trigger {
  border: 0;
  background: transparent;
  color: #f3ede2;
  font:
    500 12px Manrope,
    sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  min-height: 44px;
  padding: 12px 0;
  cursor: pointer;
  pointer-events: auto;
}
.nav-l {
  gap: 20px;
}
.nav-r,
.nav .r {
  gap: 22px;
}
.md-menu {
  position: fixed;
  inset: 0;
  margin: 0 0 0 auto;
  width: min(620px, 100%);
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  overflow-y: auto;
  padding: clamp(24px, 5vw, 56px);
  border: 0;
  border-left: 1px solid #d3a68a44;
  background: #141210;
  color: #f3ede2;
  font:
    400 16px Manrope,
    sans-serif;
  overscroll-behavior: contain;
}
.md-menu::backdrop {
  background: #0009;
  backdrop-filter: blur(6px);
}
.md-menu-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid #d3a68a44;
  padding-bottom: 24px;
}
.md-menu-head p {
  margin: 0;
  color: #d3a68a;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.md-menu button {
  font:
    500 12px Manrope,
    sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  min-height: 44px;
  border: 0;
  background: none;
  color: #f3ede2;
  cursor: pointer;
}
.md-menu nav {
  display: grid;
  padding: 28px 0;
}
.md-menu nav a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 22px;
  min-height: 58px;
  padding: 10px 0;
  text-decoration: none;
  font:
    300 clamp(30px, 5vw, 46px)/1.1 "Cormorant Garamond",
    serif;
  border-bottom: 1px solid #d3a68a22;
}
.md-menu nav a span {
  font:
    500 12px Manrope,
    sans-serif;
  letter-spacing: 0.16em;
  color: #d3a68a;
}
.md-menu nav a:hover {
  color: #d3a68a;
}
.md-menu-note {
  color: #bfb3a1;
  font:
    italic 24px/1.4 "Cormorant Garamond",
    serif;
  margin: 18px 0;
}
.md-menu-small {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: 24px;
}
.md-menu-small a {
  font-size: 12px;
  text-underline-offset: 5px;
  color: #c6b8a4;
  padding: 8px 0;
}
.md-aside {
  font:
    italic clamp(20px, 2vw, 26px)/1.4 "Cormorant Garamond",
    serif;
  color: inherit;
  opacity: 0.85;
}
.md-price-note {
  max-width: 28em;
  margin: 14px 0 0;
  font:
    400 12px/1.6 Manrope,
    sans-serif;
  letter-spacing: 0;
  color: #cfc2b0;
}
.md-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  border-top: 1px solid #d3a68a44;
  margin-top: 42px;
  padding: 24px 0;
}
.md-footer-links a {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-underline-offset: 5px;
  padding: 6px 0;
}
html[data-md-atmosphere="warm-gold"] {
  --rose: #dfbd7d;
  --gold: #e1c58d;
  --md-review-glow: #cb9f4b;
}
html[data-md-atmosphere="champagne"] {
  --rose: #dfcdb0;
  --gold: #eadbc2;
  --md-review-glow: #dbc29b;
}
html[data-md-atmosphere="theatre"] {
  --rose: #e0a6b1;
  --gold: #dfb7a5;
  --md-review-glow: #a44c68;
}
html[data-md-atmosphere="rose-gold"] {
  --rose: #d3a68a;
  --gold: #deac86;
  --md-review-glow: #c59171;
}
html[data-md-atmosphere] .md-page-intro::before {
  background: radial-gradient(
    ellipse at 85% 10%,
    var(--md-review-glow),
    transparent 65%
  );
  opacity: 0.15;
}
@media (max-width: 1180px) {
  #siteNav .nav-l {
    display: none;
  }
  #siteNav .row {
    grid-template-columns: auto 1fr;
    gap: 12px;
  }
  .nav-r,
  .nav .r {
    gap: 18px;
  }
}
@media (max-width: 700px) {
  #siteNav .row {
    height: 72px;
  }
  .nav .wm {
    font-size: 16px !important;
    letter-spacing: 0.22em !important;
    margin-right: 0 !important;
  }
  .nav-r,
  .nav .r {
    gap: 14px;
  }
  #sndL {
    display: none;
  }
  .nav .r {
    display: flex !important;
  }
  .nav > .back {
    display: none;
  }
  .nav.gut {
    grid-template-columns: auto 1fr;
  }
  .nav .r > a {
    display: none !important;
  }
  .md-menu-trigger,
  #md-design-trigger {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
  }
  .md-price-note {
    margin-inline: auto;
  }
}
@media (max-width: 370px) {
  .nav .wm {
    font-size: 14px !important;
    letter-spacing: 0.14em !important;
  }
  .nav-r {
    gap: 10px;
  }
  #siteNav .row {
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .md-skip {
    transition: none;
  }
}

.md-newsletter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  background: #181410;
  padding-block: 85px;
  border-top: 1px solid #d3a68a44;
}
.md-newsletter h2 {
  font-size: clamp(50px, 5vw, 80px);
  margin-top: 28px;
}
.md-newsletter > div > p:not(.kick) {
  font: 300 24px/1.45 var(--display);
  max-width: 390px;
  margin-top: 25px;
  color: #cbbda8;
}
.md-newsletter-form > label:first-child {
  display: block;
  font-size: 12px;
  color: #d3c1aa;
  margin-bottom: 12px;
}
.md-email-row {
  display: flex;
  border-bottom: 1px solid #d3a68a88;
}
.md-email-row input {
  min-width: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 16px 0;
  color: #f3ede2;
  font-size: 15px;
}
.md-email-row input::placeholder {
  color: #998c7c;
}
.md-email-row button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  border: 0;
  background: none;
  color: #deac86;
  font: 500 12px/1.5 var(--sans);
  padding: 10px 0 10px 20px;
  cursor: pointer;
  min-height: 50px;
}
.md-email-row button:disabled {
  opacity: 0.5;
}
.md-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 12px;
  color: #c6b8a4;
  line-height: 1.8;
  margin-top: 24px;
}
.md-consent input {
  flex-shrink: 0;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  accent-color: #deac86;
}
.md-consent a {
  text-underline-offset: 4px;
}
.md-form-status {
  font-size: 12px;
  line-height: 1.8;
  margin-top: 24px;
  color: #baa98f;
  min-height: 44px;
}
.md-form-status[data-state="error"] {
  color: #f3b9ac;
}
.md-form-status[data-state="success"] {
  color: #e3d5b7;
}
.md-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.md-newsletter h2 {
  font-family: var(--display);
  font-weight: 300;
  line-height: 0.96;
}
.grand .md-newsletter {
  margin-top: 64px;
  padding-inline: clamp(20px, 4vw, 60px);
}
@media (max-width: 700px) {
  .md-newsletter {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-block: 60px;
  }
  .md-email-row {
    display: block;
  }
  .md-email-row button {
    padding-left: 0;
  }
}