/* Fanklubb: the same quiet palette, typography and form treatment as booking. */
html.site-calm body.site-refresh.page-newsletter .newsletter-landing {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(2rem, 7vw, 6rem);
  background: none;
  overflow: visible;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy {
  display: block;
  padding: .65rem 0 0;
  min-height: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-landing h1 {
  max-width: 11ch;
  margin: .7rem 0 1.25rem;
  font-family: var(--sans);
  font-size: clamp(2.9rem, 4.6vw, 4.15rem);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.045em;
  overflow-wrap: normal;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy .lede {
  max-width: 36ch;
  margin: 0;
  color: #b9bec2;
  font-size: 1.1rem;
  line-height: 1.6;
  font-weight: 400;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form {
  align-self: start;
  display: grid;
  gap: 1.1rem;
  margin: 0;
  padding: 2rem;
  color: #182127;
  background: #f5f6f7;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form::before,
html.site-calm body.site-refresh.page-newsletter .newsletter-form::after,
html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy::before,
html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy::after,
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card::before,
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card::after,
html.site-calm body.site-refresh.page-newsletter .qa-card::before,
html.site-calm body.site-refresh.page-newsletter .qa-card::after { display: none; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-field {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-field > span {
  color: #182127;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.4;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: .7rem .8rem;
  color: #182127;
  background: #fff;
  border: 1px solid #8c969e;
  border-radius: 5px;
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form input::placeholder { color: #68737c; opacity: 1; }
html.site-calm body.site-refresh.page-newsletter .newsletter-optional-fields {
  display: block;
  padding: 0;
  background: none;
  border: 0;
  border-top: 1px solid #cbd1d5;
  border-radius: 0;
  color: #344955;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-optional-fields summary {
  display: list-item;
  min-height: 0;
  padding: .8rem 0 .2rem;
  color: #344955;
  font-family: var(--sans);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-optional-fields summary span {
  display: inline;
  margin: 0 0 0 .3rem;
  color: #525d65;
  font-size: .75rem;
  font-weight: 400;
  padding: 0;
  background: none;
  border-radius: 0;
  letter-spacing: 0;
  text-transform: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-optional-fields[open] { padding-bottom: 0; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form .field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
  margin-top: 1rem;
  padding: 0;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-consent {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: .7rem;
  color: #344955;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-consent input {
  width: 20px;
  height: 20px;
  min-height: 0;
  margin: .15rem 0 0;
  padding: 0;
  accent-color: #182127;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-privacy-note {
  margin: -.35rem 0 0;
  color: #525d65;
  font-size: .75rem;
  line-height: 1.5;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-privacy-note a {
  color: #344955;
  text-decoration: underline;
  text-underline-offset: 2px;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .button {
  width: 100%;
  min-height: 48px;
  margin: 0;
  background: #182127;
  border: 1px solid #182127;
  border-radius: 6px;
  color: #fff;
  box-shadow: none;
  font-size: 1rem;
  font-weight: 650;
  transform: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .button:hover {
  background: #30414b;
  border-color: #30414b;
  box-shadow: none;
  transform: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .button:disabled { opacity: .65; cursor: wait; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form :is(a, button, input, summary):focus-visible {
  outline: 3px solid #176b9e;
  outline-offset: 3px;
  box-shadow: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-feedback {
  min-height: 0;
  margin: 0;
  color: #182127;
  font-size: .9rem;
  font-weight: 400;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-feedback:empty { margin: 0; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-feedback[data-state="success"] { color: #176240; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form .form-feedback[data-state="error"] { color: #a12020; }
html.site-calm body.site-refresh.page-newsletter .newsletter-next-link {
  min-height: 48px;
  padding: .7rem 1rem;
  background: none;
  border: 1px solid #8c969e;
  border-radius: 6px;
  color: #344955;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-next-link:hover { background: #e9edf0; }
html.site-calm body.site-refresh.page-newsletter .newsletter-form .newsletter-fineprint {
  margin: .7rem 0 0;
  color: #525d65;
  font-size: .75rem;
  line-height: 1.6;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-grid,
html.site-calm body.site-refresh.page-newsletter .newsletter-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card,
html.site-calm body.site-refresh.page-newsletter .qa-card {
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  filter: none;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card > div { display: block; padding: 1.25rem 0 0; }
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card h2 {
  margin: .4rem 0 .65rem;
  font-size: clamp(1.3rem, 2.1vw, 1.65rem);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -.025em;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card p,
html.site-calm body.site-refresh.page-newsletter .qa-card p {
  margin: 0;
  color: #b9bec2;
  font-size: .95rem;
  line-height: 1.65;
  font-weight: 400;
}
html.site-calm body.site-refresh.page-newsletter .newsletter-faq-section { border-bottom: 0; }
html.site-calm body.site-refresh.page-newsletter .newsletter-faq-section .section-heading { margin: 0 0 2rem; }
html.site-calm body.site-refresh.page-newsletter .qa-card h3 {
  margin: 0 0 .65rem;
  color: #f5f5f2;
  font-size: 1.1rem;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.02em;
}
html.site-calm body.site-refresh.page-newsletter #meld-deg-pa { scroll-margin-top: 1.5rem; }
@media (max-width: 850px) {
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy { padding: 0; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing h1 { max-width: 18ch; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy .lede { max-width: 50ch; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-grid { gap: 1.25rem; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
@media (max-width: 760px) {
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing h1 { font-size: clamp(2.35rem, 8.8vw, 3.6rem); }
  html.site-calm body.site-refresh.page-newsletter .newsletter-landing-copy .lede { font-size: 1rem; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-form { padding: 1.3rem; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card > div { padding: 0; }
}
@media (max-width: 520px) {
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card { display: block; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card > div { padding: 1rem 0 0; }
  html.site-calm body.site-refresh.page-newsletter .newsletter-reason-card h2 { max-width: 24ch; font-size: 1.5rem; }
}
@media (max-width: 440px) {
  html.site-calm body.site-refresh.page-newsletter .newsletter-form .field-grid { grid-template-columns: minmax(0, 1fr); }
  html.site-calm body.site-refresh.page-newsletter .newsletter-optional-fields summary span { display: block; margin: .2rem 0 0; }
}