:root {
  color-scheme: light;
  --color-primary: #254c78;
  --color-primary-dark: #17334f;
  --color-primary-light: #e6edf4;
  --color-text: #193047;
  --color-muted: #586b7b;
  --color-white: #faf8f3;
  --color-line: #cbd0d3;
  --color-field-border: #7a8894;
}
body.mordome { background: #faf8f3; color: #193047; }
.mordome [hidden] { display: none !important; }
.mordome a, .mordome button, .mordome select { -webkit-tap-highlight-color: transparent; }
.mordome :focus-visible { outline: 3px solid #ad7438; outline-offset: 4px; }
.mordome-header, .mordome-hero, .mordome-inner, .mordome-footer { width: min(1120px, calc(100% - 80px)); margin-inline: auto; }
.mordome-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 108px; border-bottom: 1px solid #cbd0d3; }
.mordome-wordmark { font-family: var(--font-heading); font-size: 38px; font-weight: 600; letter-spacing: -2px; text-decoration: none; color: #193047; }
.mordome-wordmark span { color: #ad7438; }
.mordome-nav { display: flex; align-items: center; gap: 30px; font-size: 14px; font-weight: 500; }
.mordome-nav a { color: #193047; }
.mordome-nav .mordome-login { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 16px; border: 1px solid var(--color-primary); border-radius: var(--radius); background: var(--color-primary); color: var(--color-white); text-decoration: none; white-space: nowrap; }
.mordome-nav .mordome-login:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); }
.mordome-nav select { background: transparent; color: #193047; border: 1px solid #7a8894; border-radius: 4px; padding: 9px 28px 9px 10px; font: inherit; max-width: 145px; }
.mordome-hero, .mordome-inner { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(35px, 6vw, 88px); align-items: center; padding-block: 92px 112px; }
.mordome-eyebrow { display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: .17em; font-size: 11px; font-weight: 700; color: #254c78; margin: 0 0 26px; }
.mordome-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #ad7438; box-shadow: 0 0 0 5px #ad743814; }
.mordome h1 { font-family: var(--font-heading); font-weight: 400; font-size: clamp(42px, 5.9vw, 76px); line-height: 1.08; letter-spacing: -.045em; margin: 0 0 28px; color: #193047; }
.mordome h1 em { font-weight: 400; color: #6a7e92; }
.mordome-intro { font-size: 17px; line-height: 1.85; color: #586b7b; max-width: 440px; margin: 0; }
.mordome-ornament { display: flex; gap: 13px; color: #ad7438; font-size: 37px; margin-top: 44px; }
.mordome-card { padding: 34px; border: 1px solid #cbd0d3; border-top: 3px solid #254c78; border-radius: 3px; background: #fffdfa; box-shadow: 0 12px 48px #19304707; }
.mordome-card-kicker { font-size: 10px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; color: #6a7e92; margin: 0 0 24px; }
.mordome h2 { font-family: var(--font-heading); font-weight: 400; font-size: 29px; letter-spacing: -.025em; line-height: 1.25; margin: 0 0 12px; color: #193047; }
.mordome-card > p:not(.mordome-card-kicker) { color: #586b7b; font-size: 14px; }
.mordome-form { display: grid; gap: 18px; margin-top: 25px; }
.mordome-form [data-faster-form-honeypot] { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.mordome-field { display: grid; gap: 7px; min-width: 0; }
.mordome-field label { font-size: 12px; font-weight: 600; color: #193047; }
.mordome-optional { font-weight: 400; color: #586b7b; }
.mordome-field input:not([type="checkbox"]), .mordome-field textarea, .mordome-field select { width: 100%; background: #fffdfa; border: 1px solid #7a8894; border-radius: 3px; color: #193047; padding: 12px; min-height: 46px; font: inherit; font-size: 16px; }
.mordome-field textarea { resize: vertical; }
.mordome-field--check { grid-template-columns: 17px 1fr; gap: 9px; align-items: start; }
.mordome-field--check input { width: 16px; height: 16px; margin: 3px 0 0; accent-color: #254c78; }
.mordome-field--check label { font-size: 11px; font-weight: 400; line-height: 1.6; color: #586b7b; }
.mordome-field--check .mordome-field-error { grid-column: 2; }
.mordome-submit { display: flex; justify-content: space-between; align-items: center; gap: 18px; width: 100%; border: 1px solid #254c78; border-radius: 3px; background: #254c78; color: #fffdfa; font-size: 13px; min-height: 48px; padding: 13px 17px; cursor: pointer; white-space: normal; text-align: left; }
.mordome-submit:hover { background: #17334f; color: #fffdfa; }
.mordome-submit:disabled { cursor: wait; opacity: .65; }
.mordome-submit span { font-size: 20px; }
.mordome-field-error, .mordome-error { color: #98332b; font-size: 12px; margin: 0; }
.mordome-success { color: #225b42; font-size: 13px; margin: 0; padding: 12px; background: #edf6ef; border-radius: 3px; }
.mordome-form-note { font-size: 12px !important; margin: 20px 0 0; }
.mordome-back { display: inline-block; margin-top: 30px; font-size: 13px; color: #254c78; }
.mordome-footer { border-top: 1px solid #cbd0d3; padding-top: 52px; }
.mordome-footer-top { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(35px, 6vw, 88px); }
.mordome-footer-top > div > p:not(.mordome-eyebrow) { font-size: 14px; color: #586b7b; max-width: 350px; }
.mordome-footer-top .mordome-eyebrow { margin-bottom: 20px; }
.mordome-footer-top .mordome-form { margin-top: 0; }
.mordome-privacy-note { font-size: 11px; color: #586b7b; max-width: 600px; line-height: 1.7; margin: 40px 0 28px; }
.mordome-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid #cbd0d3; padding-block: 22px 30px; color: #586b7b; font-size: 11px; }
.mordome-footer-bottom p { margin: 0; }
.mordome-footer-bottom nav { display: flex; gap: 24px; }
.mordome-footer-bottom a { color: #586b7b; }
.mordome-newsletter-page { width: min(760px, calc(100% - 80px)); margin: auto; padding-block: 75px 50px; }
.skip-link { position: fixed; top: -100px; left: 15px; z-index: 50; padding: 12px 20px; background: #fffdfa; color: #193047; }
.skip-link:focus { top: 15px; }
@media (max-width: 760px) {
  .mordome-header, .mordome-hero, .mordome-inner, .mordome-footer { width: calc(100% - 40px); }
  .mordome-header { min-height: 84px; gap: 15px; flex-wrap: wrap; padding-block: 15px; }
  .mordome-wordmark { font-size: 31px; }
  .mordome-nav { gap: 16px; font-size: 12px; }
  .mordome-nav select { max-width: 112px; padding: 8px 4px; }
  .mordome-hero, .mordome-inner { grid-template-columns: 1fr; padding-block: 56px 62px; gap: 35px; }
  .mordome h1 { font-size: clamp(44px, 10vw, 66px); }
  .mordome-ornament { margin-top: 22px; }
  .mordome-card { padding: 25px; }
  .mordome-footer { padding-top: 36px; }
  .mordome-footer-top { grid-template-columns: 1fr; gap: 24px; }
  .mordome-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .mordome-newsletter-page { width: calc(100% - 40px); padding-block: 48px 35px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mordome *, .mordome *::before, .mordome *::after { animation: none !important; transition: none !important; }
}

/* Mordome navigation: custom language disclosure and return-on-scroll header. */
.mordome-header { position: sticky; top: 0; z-index: 60; background: #faf8f3f5; backdrop-filter: blur(14px); transition: transform .22s ease, box-shadow .22s ease; }
.mordome-header--scrolled { box-shadow: 0 8px 24px #1930470a; border-bottom: 1px solid #d7d9d4 !important; }
.mordome-header--hidden { transform: translateY(calc(-100% - 2px)); }
.mordome-header:focus-within { transform: none; }
.mordome-nav { gap: 22px; }
.mordome-nav .mordome-waitlist-link { color: #805523; text-decoration: none; white-space: nowrap; padding: 11px 15px; border: 1px solid #b9966c; border-radius: 5px; }
.mordome-nav .mordome-waitlist-link:hover { background: #efe4d260; }
.mordome-language-menu { position: relative; font-weight: 500; }
.mordome-language-current-code { display: none; }
.mordome-language-menu summary { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 10px; border: 1px solid #d3d6d3; border-radius: 5px; cursor: pointer; list-style: none; white-space: nowrap; }
.mordome-language-menu summary::-webkit-details-marker { display: none; }
.mordome-language-menu summary:hover, .mordome-language-menu[open] summary { background: #eeede6; border-color: #a5b0b3; }
.mordome-language-globe { width: 17px; height: 17px; }
.mordome-language-chevron { width: 13px; height: 13px; transition: transform .18s; }
.mordome-language-menu[open] .mordome-language-chevron { transform: rotate(180deg); }
.mordome-language-options { position: absolute; z-index: 65; top: calc(100% + 9px); right: 0; min-width: 200px; margin: 0; padding: 6px; list-style: none; border: 1px solid #dedfd6; border-radius: 9px; background: #fffdfa; box-shadow: 0 14px 35px #19304720; }
.mordome-language-options li { margin: 0; padding: 0; }
.mordome-nav .mordome-language-options a { display: flex; align-items: center; gap: 12px; min-height: 43px; padding: 10px 11px; border-radius: 5px; text-decoration: none; font-size: 13px; }
.mordome-language-options a:hover, .mordome-language-options a:focus-visible { background: #f0eee5; }
.mordome-language-options a[aria-current="page"] { background: #e9ede7; color: #193047; }
.mordome-language-code { min-width: 24px; color: #8c693f; font-size: 10px; letter-spacing: .06em; }
.mordome-language-options svg { width: 16px; height: 16px; margin-left: auto; color: #506c55; }
@media(max-width: 980px) {
 .mordome-header { flex-wrap: wrap; gap: 12px; padding-block: 15px; }
 .mordome-nav { flex-wrap: wrap; gap: 10px 14px; font-size: 12px; }
 .mordome-nav .mordome-waitlist-link { padding: 9px 11px; }
 .mordome-language-menu summary { min-height: 40px; padding: 8px; gap: 7px; }
 .mordome-language-globe { display: none; }
}
@media(max-width:760px) {
 .mordome-nav { width:100%; gap:10px; }
 .mordome-language-menu { position:absolute; top:16px; right:0; margin:0; }
 .mordome-language-name { display:none; }
 .mordome-language-current-code { display:inline; }
}

html { scroll-padding-top: calc(var(--mordome-header-height, 108px) + 16px); }
html.lenis, html.mordome-motion-paused { scroll-behavior: auto !important; }
html.lenis.lenis-smooth iframe { pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Full-width merchant header and footer requested by Sunny. */
.mordome-header, .mordome-footer { width:100%; max-width:none; margin-inline:0; padding-inline:clamp(20px,4vw,64px); box-sizing:border-box; }
@media(max-width:760px) { .mordome-language-menu { right:20px; } }

/* Compact mobile navigation with a shared, accessible link list. */
.mordome-header { flex-wrap: nowrap; }
.mordome-header-actions { display: flex; align-items: center; gap: 10px; order: 3; flex-shrink: 0; }
.mordome-header > .mordome-nav { order: 2; margin-left: auto; flex-wrap: nowrap; }
.mordome-header .mordome-language-menu { position: relative; top: auto; right: auto; margin: 0; font-size: 14px; }
.mordome-header .mordome-language-options a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 11px; border-radius: 5px; text-decoration: none; font-size: 13px; }
.mordome-menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; padding: 10px; color: #193047; background: transparent; border: 1px solid #d3d6d3; border-radius: 5px; }
.mordome-menu-toggle svg { width: 22px; height: 22px; }
.mordome-menu-close { display: none; }
.mordome-mobile-nav-open .mordome-menu-lines { display: none; }
.mordome-mobile-nav-open .mordome-menu-close { display: block; }
.mordome-mobile-nav-open { transform: none; }
.mordome-island-symbol { display: inline-block; width: 24px; height: 24px; vertical-align: middle; flex-shrink: 0; }
.experience-island-mark { display: inline-flex; }
.experience-hero__seal .mordome-island-symbol { width: 27px; height: 27px; }
@media(max-width: 1100px) {
 .mordome-header { min-height: 76px; padding: 14px 20px; gap: 14px; }
 .mordome-header .brand-site-logo { width: 168px; max-width: 100%; }
 .mordome-wordmark { min-width: 0; margin-right: auto; }
 .mordome-header-actions { order: 2; gap: 8px; }
 .mordome-header .mordome-language-name, .mordome-header .mordome-language-globe { display: none; }
 .mordome-header .mordome-language-current-code { display: inline; }
 .mordome-header .mordome-language-menu summary { min-height: 44px; padding: 10px; gap: 7px; font-size: 12px; }
 .mordome-navigation-ready .mordome-menu-toggle { display: flex; }
 .mordome-header > .mordome-nav { order: 3; width: 100%; margin: 0; font-size: 16px; }
 .mordome-header:not(.mordome-navigation-ready) { flex-wrap: wrap; }
 .mordome-header:not(.mordome-navigation-ready) > .mordome-nav { display: flex; flex-wrap: wrap; }
 .mordome-navigation-ready > .mordome-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100%; max-height: calc(100dvh - 92px); overflow-y: auto; overscroll-behavior: contain; padding: 8px 20px 24px; background: #faf8f3; border-bottom: 1px solid #d7d9d4; box-shadow: 0 16px 24px #19304710; }
 .mordome-mobile-nav-open > .mordome-nav { display: grid; grid-template-columns: 1fr; gap: 10px; }
 .mordome-header > .mordome-nav > a { display: flex; align-items: center; min-height: 48px; padding: 12px 0; font-size: 17px; }
 .mordome-header > .mordome-nav > a:not(.mordome-waitlist-link):not(.mordome-login) { border-bottom: 1px solid #e0e0d9; }
 .mordome-header > .mordome-nav > .mordome-waitlist-link, .mordome-header > .mordome-nav > .mordome-login { justify-content: center; padding: 12px 18px; font-size: 15px; }
 .mordome-header > .mordome-nav > .mordome-waitlist-link { margin-top: 8px; }
}
@media(max-width: 360px) {
 .mordome-header { padding-inline: 16px; gap: 8px; }
 .mordome-header .brand-site-logo { width: 144px; }
 .mordome-header-actions { gap: 6px; }
}

/* Slimmer desktop header controls; phone navigation retains its touch-sized row. */
@media(min-width:1101px) {
 .mordome-header { min-height:92px; }
 .mordome-nav .mordome-waitlist-link, .mordome-nav .mordome-login, .mordome-header .mordome-language-menu summary { min-height:38px; line-height:20px; padding:8px 14px; }
}
