:root {
  --emerald: #023d3a;
  --emerald-deep: #012f2c;
  --gold: #c5a13b;
  --cream: #e6dfcb;
  --ivory: #f8f5ec;
  --ivory-deep: #efe8d8;
  --paper: rgba(255, 253, 248, 0.86);
  --paper-strong: rgba(255, 252, 245, 0.96);
  --paper-soft: rgba(230, 223, 203, 0.22);
  --ink: #162f2d;
  --muted: #5d6964;
  --line: rgba(2, 61, 58, 0.12);
  --line-strong: rgba(2, 61, 58, 0.2);
    --shadow-xs:   0 2px 10px rgba(18, 31, 29, 0.04);
  --shadow-sm:   0 8px 24px rgba(18, 31, 29, 0.055);
  --shadow-soft: 0 16px 40px rgba(18, 31, 29, 0.065);
  --shadow-lift: 0 24px 58px rgba(18, 31, 29, 0.1);
  --shadow-deep: 0 40px 100px rgba(18, 31, 29, 0.14);
    --radius-2xl:  2rem;
  --radius-xl:   1.75rem;
  --radius-lg:   1.6rem;
  --radius-md:   1.25rem;
  --radius-sm:   1rem;
  --radius-xs:   0.85rem;
  --radius-pill: 999px;
  --container: 1160px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-snap: cubic-bezier(0.16, 1, 0.3, 1);            --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);        --t-fast: 160ms cubic-bezier(0.23, 1, 0.32, 1);        --t-base: 220ms cubic-bezier(0.23, 1, 0.32, 1);        --t-slow: 380ms cubic-bezier(0.16, 1, 0.3, 1);         --t-micro:     100ms cubic-bezier(0.23, 1, 0.32, 1);   --t-cinematic: 580ms cubic-bezier(0.16, 1, 0.3, 1);    --t-dramatic:  820ms cubic-bezier(0.16, 1, 0.3, 1);    --bg: linear-gradient(180deg, #f8f5ec 0%, #f5efdf 50%, #f8f5ec 100%);
  --text-main: var(--ink);
  --text-soft: var(--muted);
  --surface: rgba(248, 245, 236, 0.92);
  --surface-strong: rgba(252, 249, 242, 0.98);
  --surface-soft: rgba(230, 223, 203, 0.18);
  --card-bg: rgba(255, 252, 246, 0.78);
  --card-border: rgba(2, 61, 58, 0.1);
  --chip-bg: rgba(255, 252, 246, 0.74);
  --overlay: rgba(12, 23, 22, 0.38);
  --text-dim: #7a8d89;
  --z-content: 1;
  --z-support: 30;
  --z-nav: 50;
  --z-header: 60;
  --z-drawer: 80;
  --z-modal: 90;
  --z-toast: 110;
    --type-display:    clamp(1.875rem, 5.5vw, 4.5rem);    --type-heading-xl: clamp(1.375rem, 3.5vw, 2.5rem);    --type-heading-lg: clamp(1.25rem, 2.5vw, 1.875rem);   --type-heading-md: 1.125rem;                           --type-heading-sm: 1.0625rem;                          --type-body-lg:    1.0625rem;                          --type-body:       0.9375rem;                          --type-body-sm:    0.875rem;                           --type-label:      0.8125rem;                          --type-micro:      0.6875rem;                            --leading-tight:   1.1;      --leading-snug:    1.35;     --leading-normal:  1.7;      --leading-relaxed: 1.75;     --leading-loose:   1.95;       --skel-base: rgba(197, 161, 59, 0.07);     --skel-sheen: rgba(255, 253, 248, 0.52);     --font-calligraphy: "Abdan Calligraph", "Cormorant Garamond", Georgia, serif;
  --font-display:     "Libre Baskerville", "Baskerville", Georgia, serif;
  --font-editorial:   "Libre Baskerville", "Baskerville", Georgia, serif;
  --font-body:        "Open Sans", system-ui, sans-serif;
  --font-ui:          "Open Sans", system-ui, sans-serif;
}
@font-face {
  font-family: "Abdan Calligraph";
  src:
    url("../assets/fonts/AbdanCalligraph.woff2") format("woff2"),
    url("../assets/fonts/AbdanCalligraph.woff")  format("woff");
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}
.abdan-calligraph {
  font-family: "Abdan Calligraph", "Cormorant Garamond", Georgia, serif;
  font-weight: normal;
  font-style:  normal;
  letter-spacing: 0.5px;       text-transform: uppercase;
  color: #0C3B2E;             }
html[data-theme="dark"] .abdan-calligraph {
  color: var(--cream);        }
html[data-theme="dark"] {
  --skel-base: rgba(230, 223, 203, 0.07);
  --skel-sheen: rgba(255, 252, 246, 0.06);
  --bg: linear-gradient(180deg, #071d1c 0%, #082625 50%, #041716 100%);
  --text-main: #f7f1e4;
  --text-soft: #d6cfbf;
  --text-dim: #9aaba7;
  --surface: rgba(8, 27, 26, 0.9);
  --surface-strong: rgba(6, 23, 22, 0.96);
  --surface-soft: rgba(230, 223, 203, 0.06);
  --paper: rgba(10, 31, 30, 0.84);
  --paper-strong: rgba(8, 27, 26, 0.96);
  --paper-soft: rgba(230, 223, 203, 0.08);
  --card-bg: rgba(10, 33, 31, 0.84);    --card-border: rgba(230, 223, 203, 0.13);
  --chip-bg: rgba(230, 223, 203, 0.05);
  --line: rgba(230, 223, 203, 0.12);
  --line-strong: rgba(230, 223, 203, 0.22);
  --overlay: rgba(0, 0, 0, 0.58);
  --shadow-xs:   0 2px 10px rgba(0, 0, 0, 0.18);
  --shadow-sm:   0 8px 24px rgba(0, 0, 0, 0.22);
  --shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.28);
  --shadow-lift: 0 28px 72px rgba(0, 0, 0, 0.38);
  --shadow-deep: 0 48px 120px rgba(0, 0, 0, 0.52);
}
* {
  box-sizing: border-box;
}
[data-lucide] {
  width:  1.1rem;
  height: 1.1rem;
  stroke-width: 1.5;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0;
  display: block;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  overscroll-behavior-y: auto;   background: var(--bg);
  color: var(--text-main);
  font-family: var(--font-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.is-locked {
  overflow: hidden;
}
body.has-overlay .support-pill {
  opacity: 0;
  pointer-events: none;
}
a,
button,
input,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation; }
:focus-visible {
  outline: 2px solid rgba(197, 161, 59, 0.7);
  outline-offset: 3px;
}
input:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(197, 161, 59, 0.22), 0 0 0 1px rgba(197, 161, 59, 0.5);
}
button,
input,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
.container {
  width: min(calc(100% - 2.5rem), var(--container));
  margin: 0 auto;
}
.page-noise,
.page-vignette {
  display: none;
}
.site-header,
.luxury-shell,
.site-footer {
  position: relative;
}
.luxury-shell,
.site-footer {
  z-index: var(--z-content);
}
.cart-drawer {
  position: fixed;
  z-index: var(--z-drawer);
}
.product-sheet,
.teaser-modal {
  position: fixed;
  z-index: var(--z-modal);
}
.site-header {
  position: fixed;
  top: 0.95rem;
  left: 0;
  right: 0;
  width: min(calc(100% - 2.5rem), var(--container));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  z-index: var(--z-header);
  transition: top 220ms var(--ease-out), opacity 220ms var(--ease-out);
}
.site-header.is-scrolled {
  top: 0.65rem;
}
.brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
  padding: 0.88rem 1.1rem;
  border-radius: var(--radius-pill);
  text-decoration: none;
  color: var(--text-main);
  background: var(--paper-strong);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
  backdrop-filter: saturate(128%) blur(14px);
  -webkit-backdrop-filter: saturate(128%) blur(14px);
}
html[data-theme="dark"] .brand-pill {
  background: rgba(7, 25, 24, 0.9);
}
.brand-mark,
.footer-mark {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.brand-mark {
  overflow: hidden;
  background: var(--emerald); }
.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.07);   border-radius: 0;
}
.footer-mark {
  overflow: hidden;
  background: var(--emerald); }
.footer-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.04);   border-radius: 0;
}
html[data-theme="dark"] .footer-mark {
  box-shadow: 0 0 0 2px var(--gold);
}
.brand-pill strong,
.brand-pill small {
  display: block;
}
.brand-pill__name {
  display: flex;
  align-items: center;
  line-height: 1;
}
.brand-pill__wordmark {
  display: block;
  height: 22px;            width: auto;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.brand-pill__wordmark-text {
  display: none;         }
html[data-theme="dark"] .brand-pill__wordmark {
  display: none;         }
html[data-theme="dark"] .brand-pill__wordmark-text {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.2em;
  color: var(--cream);
  line-height: 1;
}
.brand-pill small {
  margin-top: 0.2rem;
  font-size: 0.82rem;
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
  color: var(--text-soft);
  letter-spacing: 0.01em;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.admin-entry {
  display: none;
}
html[data-route="admin"] .admin-entry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.95rem;
  padding: 0.78rem 1.08rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--paper-strong);
  color: var(--text-main);
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: border-color 180ms var(--ease-out), color 180ms var(--ease-out);
}
.orb-button {
  position: relative;
  width: 2.95rem;
  height: 2.95rem;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper-strong);
  color: var(--text-main);
  box-shadow: var(--shadow-sm);
  backdrop-filter: saturate(128%) blur(14px);
  -webkit-backdrop-filter: saturate(128%) blur(14px);
  transition: transform 280ms var(--ease-spring), border-color 180ms var(--ease-out), background 180ms var(--ease-out), color 180ms var(--ease-out);
}
html[data-theme="dark"] .orb-button {
  background: rgba(7, 25, 24, 0.9);
}
.site-header.is-scrolled .brand-pill,
.site-header.is-scrolled .orb-button,
.bottom-dock.is-scrolled {
  background: var(--paper-strong);
}
html[data-theme="dark"] .bottom-dock.is-scrolled {
  background: rgba(7, 25, 24, 0.96);
}
html[data-route="admin"] .luxury-shell,
html[data-route="admin"] .site-footer,
html[data-route="admin"] .support-pill,
html[data-route="admin"] .bottom-dock {
  display: none;
}
html[data-route="admin"] .cart-button {
  display: none;
}
html[data-route="admin"] .admin-shell {
  display: block;
}
.orb-button:active {
  transform: scale(0.91);
  transition: transform 55ms linear;   }
.primary-button:active,
.secondary-button:active {
  transform: scale(0.96);
  transition: transform 60ms linear;   }
.text-link:active,
.inline-copy:active {
  transform: scale(0.97);
  transition: transform 60ms linear;   }
.filter-chip:active {
  transform: scale(0.95);
  transition: transform 55ms linear;   }
.product-card:active {
  transform: scale(0.98);
  transition: transform 65ms linear;   }
.ghost-button:active,
.qty-button:active,
.remove-button:active {
  transform: scale(0.95);
  transition: transform 55ms linear;
}
.option-chip:active {
  transform: scale(0.94);
  transition: transform 50ms linear;   }
.dock-link:active:not(.is-active) {
  transform: scale(0.93);
  transition: transform 55ms linear;   }
.dock-link.is-active:active {
  transform: scale(0.97);
  transition: transform 60ms linear;   }
.orb-button:hover,
.filter-chip:hover,
.ghost-button:hover,
.text-link:hover,
.inline-copy:hover,
.option-chip:hover,
.qty-button:hover,
.remove-button:hover {
  border-color: var(--line-strong);
}
.cart-count {
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  min-width: 1.3rem;
  height: 1.3rem;
  padding: 0 0.32rem;
  border-radius: 999px;
  background: var(--gold);
  color: var(--emerald);
  font-size: 0.72rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--ivory);
}
html[data-theme="dark"] .cart-count {
  border-color: #09201f;
}
.support-pill {
  position: fixed;
  right: 1.2rem;
  bottom: max(1rem, env(safe-area-inset-bottom));
  z-index: var(--z-support);
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.48rem 0.56rem 0.48rem 0.95rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--paper-strong);
  box-shadow: var(--shadow-soft);
  text-decoration: none;
  color: var(--text-main);
  backdrop-filter: saturate(128%) blur(14px);
  -webkit-backdrop-filter: saturate(128%) blur(14px);
  transition: transform 240ms var(--ease-spring), border-color 180ms var(--ease-out), background 180ms var(--ease-out), box-shadow 240ms var(--ease-out), opacity 280ms var(--ease-out);
}
.support-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(18, 31, 29, 0.14);
}
.support-pill:active {
  transform: scale(0.96);
}
html[data-theme="dark"] .support-pill {
  background: rgba(7, 25, 24, 0.92);
}
.support-pill span:first-child {
  font-size: 0.82rem;
}
.support-pill__icon {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
  background: var(--emerald);
  color: var(--ivory);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html[data-theme="dark"] .support-pill__icon {
  background: var(--gold);
  color: var(--emerald);
}
.bottom-dock {
  position: fixed;
  top: 5.35rem;
  left: 50%;
  transform: translateX(-50%);
    width: min(calc(100% - 2.5rem), var(--container));
  z-index: var(--z-nav);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.38rem;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: var(--radius-pill);
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  backdrop-filter: saturate(128%) blur(14px);
  -webkit-backdrop-filter: saturate(128%) blur(14px);
}
.bottom-dock::-webkit-scrollbar {
  display: none;
}
html[data-theme="dark"] .bottom-dock {
  background: rgba(7, 25, 24, 0.92);
}
.dock-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  padding: 0.66rem 0.96rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-soft);
    transition:
    background 300ms var(--ease-snap),
    color 240ms var(--ease-out),
    box-shadow 300ms var(--ease-out),
    transform 240ms var(--ease-spring);     white-space: nowrap;
  cursor: pointer;
}
.dock-link svg {
  display: none;
}
.dock-link span {
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.dock-link:hover {
  background: var(--surface-soft);
  color: var(--text-main);
  transform: translateY(-1px);
}
.dock-link.is-active {
  background: var(--emerald);
  color: var(--ivory);
  box-shadow: 0 3px 14px rgba(2, 61, 58, 0.18);
}
.dock-link.is-active:hover {
  background: var(--emerald);   transform: none;            }
html[data-theme="dark"] .dock-link.is-active {
  background: var(--gold);
  color: var(--emerald);
  box-shadow: 0 3px 14px rgba(197, 161, 59, 0.2);
}
html[data-theme="dark"] .dock-link.is-active:hover {
  background: var(--gold);
  transform: none;
}
.luxury-shell {
  padding: 10.6rem 0 8rem;
}
.section-frame {
    padding: clamp(3.5rem, 6vh, 5.5rem) 0 0;
  scroll-margin-top: 10rem;
}
.hero-section {
  min-height: 100vh;
  display: grid;
  align-items: center;
}
.hero-grid,
.account-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(1.4rem, 4vw, 4rem);
  align-items: center;
}
.editorial-panel,
.visual-card,
.disclaimer-card,
.story-card,
.testimonial-card,
.teaser-card,
.feature-card,
.footer-disclosure,
.checkout-panel,
.product-sheet__panel,
.teaser-modal__panel,
.cart-drawer__panel,
.product-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--shadow-soft);
}
.editorial-panel,
.visual-card,
.product-card,
.story-card,
.testimonial-card,
.teaser-card,
.feature-card,
.footer-column,
.checkout-panel,
.teaser-modal__panel,
.cart-drawer__panel {
  backdrop-filter: saturate(120%) blur(10px);
  -webkit-backdrop-filter: saturate(120%) blur(10px);
}
.editorial-panel {
  border-radius: var(--radius-2xl);
  padding: clamp(1.8rem, 5vw, 4rem);
}
.eyebrow-row,
.tagline-label,
.section-kicker,
.micro-label,
.option-head small {
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--gold);
}
.eyebrow-row {
  flex-wrap: wrap;
  margin-bottom: 1.4rem;
}
.tagline-label {
  margin: 0 0 1rem;
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.06em;   text-transform: none;   }
.hero-copy h1,
.section-heading h2,
.story-card h3,
.testimonial-card strong,
.teaser-card h3,
.feature-card h3,
.drawer-header h2,
.checkout-panel h3,
.product-sheet__content h2,
.teaser-modal__panel h2,
.account-copy h2,
.promise-band__inner blockquote,
.footer-disclosure summary {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.hero-copy h1 {
  margin: 0;
  max-width: 10ch;
  font-size: var(--type-display);
  line-height: var(--leading-tight);
}
.hero-copy h1 span {
  display: block;
  color: var(--gold);
}
.hero-body,
.section-heading p,
.visual-card p,
.disclaimer-card p,
.story-card p,
.testimonial-card p,
.teaser-card p,
.feature-card p,
.checkout-panel p,
.payment-text,
.footer-column p,
.footer-stack p,
.footer-stack span,
.product-description,
.cart-meta,
.checkout-form span,
.checkout-form input,
.checkout-form textarea,
.cart-empty,
.testimonial-card footer small,
.trust-mini p,
.payment-note p,
.payment-block__copy p {
  color: var(--text-soft);
}
.hero-body {
  max-width: 37rem;
  margin: 1.9rem 0 0;
  font-size: var(--type-body-lg);
  line-height: var(--leading-relaxed);
}
.hero-actions,
.payment-actions,
.sheet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.8rem;
}
.primary-button,
.secondary-button,
.text-link,
.inline-copy,
.ghost-button,
.qty-button,
.remove-button {
  appearance: none;
  border: 1px solid transparent;
  text-decoration: none;
  transition:
    transform 280ms var(--ease-spring),          background 200ms var(--ease-out),
    color 200ms var(--ease-out),
    border-color 200ms var(--ease-out),
    box-shadow 240ms var(--ease-out),
    opacity 180ms var(--ease-out);
}
.primary-button,
.secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.2rem;
  padding: 0.82rem 1.3rem;
  border-radius: var(--radius-pill);
  font-weight: 600;          letter-spacing: 0.02em;  }
.primary-button {
  background: var(--emerald);
  color: var(--ivory);
  box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16);
}
.primary-button:hover,
.secondary-button:hover,
.text-link:hover,
.inline-copy:hover,
.footer-socials a:hover {
  transform: translateY(-2px);
}
.secondary-button {
  background: transparent;
  border-color: var(--line-strong);
  color: var(--text-main);
}
html[data-theme="dark"] .primary-button {
  background: var(--gold);
  color: var(--emerald);
}
html[data-theme="dark"] .secondary-button {
  color: var(--text-main);
  border-color: var(--line-strong); }
.trust-mini {
  margin-top: 1.8rem;
  max-width: 32rem;
  padding-top: 1.3rem;
  border-top: 1px solid var(--line);
}
.trust-mini p {
  margin: 0;
  font-size: var(--type-body);
  line-height: var(--leading-normal);
}
.hero-visual {
  display: grid;
  gap: 1rem;
}
.visual-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
}
.visual-card--image img {
  width: 100%;
  aspect-ratio: 0.84;
  object-fit: cover;
  transition: transform 420ms var(--ease-out), filter 420ms var(--ease-out);
}
.visual-card--image:hover img {
  transform: scale(1.02);
}
.visual-card__meta,
.visual-card--note {
  padding: 1.35rem 1.45rem 1.5rem;
}
.visual-card__meta p,
.visual-card--note p {
  margin: 0.45rem 0 0;
  font-size: var(--type-body);
  line-height: var(--leading-normal);
}
.trust-rail {
  padding-top: 0.75rem;
}
.trust-rail__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(2, 61, 58, 0.08);
}
.trust-rail__inner span {
  padding: 1rem 1.15rem;
  background: rgba(248, 245, 236, 0.82);
  color: var(--text-main);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
}
html[data-theme="dark"] .trust-rail__inner span {
  background: rgba(8, 27, 26, 0.92);
  color: var(--text-main);
}
.promise-band {
  padding-top: 1.2rem;
}
.promise-band__inner {
  border-radius: var(--radius-2xl);
  padding: clamp(2rem, 5vw, 3.6rem);
  background: var(--emerald);    color: var(--ivory);
  text-align: center;
  box-shadow: var(--shadow-lift);
}
.promise-band__inner blockquote {
  margin: 0;
  font-size: clamp(1.9rem, 5.5vw, 3.2rem);
  line-height: 1.28;
}
.promise-band__inner p {
  margin: 1.1rem 0 0;
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  color: rgba(248, 245, 236, 0.72);
}
.section-heading {
  max-width: 39rem;
  margin: 0 0 clamp(1.8rem, 3.5vh, 2.8rem); }
.section-heading h2 {
  margin: 0.5rem 0 1rem;
  font-size: var(--type-heading-xl);
}
.section-heading p {
  margin: 0;
  font-size: var(--type-body-lg);
  line-height: var(--leading-relaxed);
}
.admin-shell {
  display: none;
  min-height: 100vh;
  padding: 8.9rem 0 3rem;
}
.admin-shell[hidden],
.admin-login[hidden],
.admin-panel[hidden],
.admin-form__error[hidden],
#adminSignout[hidden] {
  display: none !important;
}
.admin-shell__layout {
  display: grid;
  gap: 1.35rem;
}
.admin-hero,
.admin-login,
.admin-overview,
.admin-card,
.admin-kpi {
  box-shadow: var(--shadow-soft);
}
.admin-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: 1.5rem;
  align-items: end;
}
.admin-hero h1,
.admin-login h2,
.admin-overview h2,
.admin-card h3,
.admin-kpi strong,
.admin-route-label {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-main);
}
.admin-hero h1 {
  font-size: var(--type-heading-xl);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3em;
}
.admin-hero p,
.admin-login p,
.admin-overview p,
.admin-card p,
.admin-kpi p {
  margin: 0.55rem 0 0;
  line-height: var(--leading-relaxed);
}
.admin-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}
.admin-login {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 24rem);
  gap: 1.4rem;
  align-items: start;
}
.admin-login__form {
  display: grid;
  gap: 0.95rem;
}
.admin-field {
  display: grid;
  gap: 0.45rem;
}
.admin-field span {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.admin-field input {
  width: 100%;
  min-height: 3.35rem;
  padding: 0.9rem 1rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.74);
  color: var(--text-main);
  font: inherit;
}
html[data-theme="dark"] .admin-field input {
  background: rgba(9, 30, 29, 0.92);
}
.admin-field input:focus-visible {
  outline: 2px solid rgba(198, 169, 104, 0.35);
  outline-offset: 2px;
  border-color: var(--line-strong);
}
.admin-form__hint,
.admin-form__error {
  font-size: var(--type-body-sm);
}
.admin-form__hint {
  color: var(--text-soft);
}
.admin-form__error {
  color: #c05a4a;
}
html[data-theme="dark"] .admin-form__error {
  color: #e07a6a;
}
.admin-panel {
  display: grid;
  gap: 1.35rem;
}
.admin-kpi-grid,
.admin-grid {
  display: grid;
  gap: 1.1rem;
}
.admin-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.admin-kpi strong {
  display: block;
  margin-top: 0.5rem;
  font-size: clamp(2rem, 4vw, 3rem);
}
.admin-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.9fr);
  align-items: start;
}
.admin-sidebar {
  display: grid;
  gap: 1rem;
}
.admin-link-stack,
.admin-piece-list {
  display: grid;
  gap: 0.75rem;
}
.admin-link-stack .ghost-button {
  justify-content: flex-start;
}
.admin-piece-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem 1rem;
  padding: 0.95rem 1rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.58);
}
html[data-theme="dark"] .admin-piece-row {
  background: rgba(9, 30, 29, 0.78);
}
.admin-piece-row small,
.admin-piece-row span {
  color: var(--text-soft);
}
.admin-piece-row strong {
  margin: 0.18rem 0 0;
  font-size: 1.08rem;
}
.admin-piece-row .admin-piece-price {
  align-self: center;
  color: var(--gold);
  font-weight: 700;
  letter-spacing: 0.06em;
}
.disclaimer-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.2rem 1.25rem;
  border-radius: var(--radius-md);
  margin-bottom: 1.8rem;
}
.disclaimer-card strong,
.product-fact strong,
.option-head span,
.drawer-total,
.cart-item h3,
.footer-stack strong,
.footer-disclosure summary,
.product-card__title,
.product-price,
.cart-price {
  color: var(--text-main);
}
.disclaimer-card i,
.feature-card i,
.teaser-card .text-link,
.story-card .micro-label,
.product-sheet__content .micro-label,
.product-card__price,
.product-price,
.cart-price {
  color: var(--gold);
}
.collection-curation {
  display: grid;
  gap: 0.45rem;
  margin: 1.65rem 0 1.8rem;
  padding: 1.15rem 0 0;
  border-top: 1px solid var(--line);
}
.collection-curation__lead,
.collection-curation__list {
  margin: 0;
}
.collection-curation__lead {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.28rem;
  letter-spacing: -0.02em;
  color: var(--text-main);
}
.collection-curation__list {
  color: var(--text-soft);
  line-height: 1.85;
  max-width: 48rem;
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 2.55rem;
  padding: 0.35rem 0 0.15rem;
}
.filter-chip {
  min-height: 2.55rem;
  padding: 0.72rem 0.96rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--card-bg) 90%, transparent);
  color: var(--text-main);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: border-color 200ms var(--ease-snap), background-color 200ms var(--ease-snap), color 180ms var(--ease-out), transform 220ms var(--ease-snap), box-shadow 220ms var(--ease-out);
}
.filter-chip:hover {
  border-color: var(--line-strong);
  transform: translateY(-1px);
}
.filter-chip.is-active {
  background: var(--emerald);
  border-color: var(--emerald);
  color: var(--ivory);
  transform: scale(1.03);
  box-shadow: 0 3px 12px rgba(2, 61, 58, 0.16);
}
html[data-theme="dark"] .filter-chip.is-active {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--emerald-deep);
  box-shadow: 0 3px 14px rgba(197, 161, 59, 0.28);
}
.products-grid,
.story-grid,
.testimonial-grid,
.teaser-grid,
.account-features {
  display: grid;
  gap: 1.2rem;
}
.products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.45rem;
}
.story-grid,
.testimonial-grid,
.account-features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.teaser-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.product-card,
.story-card,
.testimonial-card,
.teaser-card,
.feature-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
}
.product-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 96%, #ffffff 4%) 0%, var(--card-bg) 100%);
  transition: transform 340ms var(--ease-spring), border-color 280ms var(--ease-out), box-shadow 300ms var(--ease-out);
  backface-visibility: hidden; }
.product-card:hover {
  transform: translateY(-5px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow-lift);
}
.product-card.is-pressing {
  transform: scale(0.978) translateY(1px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow-lift);
  transition: transform 65ms linear, border-color 65ms linear, box-shadow 65ms linear;
}
@media (hover: none) {
  .product-card:active {
    transform: scale(0.978) translateY(1px);
    border-color: var(--line-strong);
    box-shadow: var(--shadow-lift);
    transition: transform 65ms linear, border-color 65ms linear, box-shadow 65ms linear;
  }
}
.product-card__media {
  position: relative;
  aspect-ratio: 0.82;
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cream) 60%, var(--gold) 40%) 0%, var(--cream) 100%);   animation: skel-breathe 2.6s ease-in-out infinite; }
.product-card__media.img-loaded {
  animation: none; }
.product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;   transition: transform 420ms var(--ease-out), opacity 420ms var(--ease-out);
}
.product-card__media img.img-loaded {
  opacity: 1;
}
html[data-theme="dark"] .product-card__media {
  background: linear-gradient(135deg, #0d2a28 0%, #09201f 100%);
}
.product-card:hover .product-card__media img {
  transform: scale(1.03);
}
.product-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.14) 100%);
}
.product-card__content {
  padding: 1.3rem 1.3rem 1.4rem;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.product-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.product-card__index {
  font-family: var(--font-display);
  font-size: var(--type-heading-sm);
  font-weight: 400;
  line-height: 1;
  color: var(--gold);
  opacity: 0.7; }
.product-card__title {
  margin: 0.42rem 0 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--type-heading-md);   line-height: var(--leading-snug);
  letter-spacing: -0.02em;
}
.product-card__description {
  margin: 0.78rem 0 0;
  min-height: 4.9rem;
  font-size: var(--type-body);
  line-height: var(--leading-normal);
  color: var(--text-soft);
}
.product-card__meta {
  margin: 0.95rem 0 0;
  font-size: var(--type-label);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.product-card__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: auto;
  padding-top: 1.2rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
}
.product-card__price {
  font-family: var(--font-display);
  font-size: var(--type-heading-md);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.product-card .text-link {
  font-size: var(--type-label);     letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
}
.text-link {
  background: transparent;
  padding: 0;
  color: var(--text-main);
  font-size: 0.9rem;
  font-weight: 700;
}
.story-card,
.testimonial-card,
.teaser-card,
.feature-card {
  padding: 1.5rem; }
.story-emoji,
.teaser-emoji {
  display: block;
  margin-bottom: 0.85rem;
  font-size: 1.75rem;
}
.story-card h3,
.teaser-card h3,
.feature-card h3 {
  margin: 0;
  font-size: var(--type-heading-md);
}
.story-card p,
.teaser-card p,
.feature-card p,
.testimonial-card p {
  margin: 0.72rem 0 0;
  line-height: 1.85;
}
.testimonial-card footer {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-top: 1.2rem;
}
.testimonial-card footer span {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(197, 161, 59, 0.18);
  color: var(--gold);
  font-weight: 800;
}
.testimonial-card--featured {
  background: rgba(2, 61, 58, 0.94);
  border-color: rgba(2, 61, 58, 0.94);
}
.testimonial-card--featured p,
.testimonial-card--featured strong,
.testimonial-card--featured small {
  color: var(--ivory);
}
.testimonial-card--featured footer span {
  background: var(--gold);
  color: var(--emerald);
}
.account-section .container {
  padding: 0;
}
.account-copy {
  padding: 0.4rem 0;
}
.account-copy h2 {
  margin: 0.45rem 0 0.9rem;
  font-size: var(--type-heading-xl);
}
.account-copy p {
  margin: 0;
  max-width: 33rem;
  line-height: 1.95;
  color: var(--text-soft);
}
.account-features {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cart-drawer,
.product-sheet,
.teaser-modal {
  position: fixed;
  inset: 0;
  display: none;
}
.cart-drawer.is-open,
.product-sheet.is-open,
.teaser-modal.is-open {
  display: block;
}
.cart-drawer {
  background: transparent; }
.cart-drawer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 8, 0.38);
  backdrop-filter: saturate(60%) blur(8px);
  -webkit-backdrop-filter: saturate(60%) blur(8px);
  opacity: 0;
    transition: opacity 300ms var(--ease-out) 60ms;
}
.cart-drawer.is-open::before {
  opacity: 1;
    transition: opacity 380ms var(--ease-out) 0ms;
}
html[data-theme="dark"] .cart-drawer::before {
  background: rgba(0, 0, 0, 0.58);
}
.cart-drawer__panel {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(100%, 29rem);
  display: flex;
  flex-direction: column;
  background: var(--surface-strong);
  border-left: 1px solid var(--line);
  border-radius: var(--radius-2xl) 0 0 var(--radius-2xl);   box-shadow: -28px 0 90px rgba(2, 8, 8, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.04);
  transform: translateX(100%);
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;   z-index: 1; }
.cart-drawer.is-open .cart-drawer__panel {
  transform: translateX(0);
}
.drawer-header,
.drawer-footer {
  padding: 1.25rem 1.35rem 1.1rem;
  border-bottom: 1px solid var(--line);
}
.drawer-footer {
  border-bottom: 0;
  border-top: 1px solid var(--line);
}
.drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.1rem 1.35rem 1.5rem;
  -webkit-overflow-scrolling: touch;   overscroll-behavior: contain; }
.drawer-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.cart-items {
  display: grid;
  gap: 0.9rem;
}
.cart-empty {
  padding: 2.5rem 1.45rem 2rem;
  border-radius: var(--radius-md);
  border: 1px dashed var(--line);
  background: var(--surface-soft);
  text-align: center;
}
.cart-empty__icon {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.85rem;
}
.cart-empty__heading {
  font-family: var(--font-display);
  font-size: var(--type-heading-md);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 0.55rem;
  color: var(--text-main);
}
.cart-empty p {
  font-size: 0.9rem;
  line-height: 1.75;
  color: var(--text-soft);
  margin: 0;
}
.cart-item {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  gap: 0.95rem;
  align-items: start;
  padding: 0.9rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--surface-soft);
}
.cart-item__thumb {
  width: 5.5rem;
  height: 6.5rem;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--skel-base);
  animation: skel-breathe 2.6s ease-in-out infinite;
}
.cart-item__thumb.img-loaded {
  animation: none;
}
.cart-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 500ms var(--ease-out);
}
.cart-item__thumb img.img-loaded {
  opacity: 1;
}
.cart-item__info {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
.cart-item__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.cart-item h3 {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.35;
  flex: 1;
  min-width: 0;
}
.cart-meta,
.cart-price {
  font-size: 0.85rem;
  line-height: 1.65;
}
.cart-price {
  font-weight: 600; }
.cart-item__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.cart-qty {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.cart-qty span {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 1.2rem;
  text-align: center;
}
.cart-trust-rail {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
  padding: 1rem 0.5rem 0.5rem;
  margin-top: 0.65rem;
}
.cart-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  font-size: 0.72rem;
  color: var(--text-soft);
  text-align: center;
  line-height: 1.3;
}
.cart-trust-item [data-lucide] {
  width: 1.25rem;
  height: 1.25rem;
  stroke: var(--gold);
}
.drawer-trust-note {
  font-size: var(--type-micro);   color: var(--text-soft);
  text-align: center;
  margin: 0 0 0.65rem;
  letter-spacing: 0.03em;
  opacity: 0.75;
}
.cart-success {
  padding: 2.5rem 1.45rem 2rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  border: 1px solid var(--line);
  text-align: center;
}
.cart-success__mark {
  font-size: 1.65rem;
  color: var(--gold);
  margin-bottom: 1rem;
  animation: successPulse 1.2s ease both;
}
@keyframes successPulse {
  0% { opacity: 0; transform: scale(0.7); }
  60% { opacity: 1; transform: scale(1.15); }
  100% { transform: scale(1); }
}
.cart-success__title {
  font-family: var(--font-display);
  font-size: var(--type-heading-md);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 0.65rem;
  color: var(--text-main);
}
.cart-success__body {
  font-size: 0.9rem;
  line-height: 1.78;
  color: var(--text-soft);
  margin: 0 0 1rem;
}
.cart-success__note {
  font-size: 0.82rem;
  color: var(--text-soft);
  opacity: 0.8;
  margin: 0;
  font-style: italic;
}
.qty-button,
.remove-button,
.inline-copy,
.ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0.62rem 0.95rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text-main);
  font-weight: 600; }
.qty-button {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 50%;
}
.remove-button {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border-radius: 50%;
  border-color: transparent;
  color: var(--text-soft);
  flex-shrink: 0;
}
.remove-button:hover {
  border-color: var(--line);
  color: #b05a55;
}
.remove-button svg {
  width: 0.9rem;
  height: 0.9rem;
}
.checkout-panel {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--radius-md);
  background: rgba(255, 252, 246, 0.6);
}
html[data-theme="dark"] .checkout-panel {
  background: rgba(230, 223, 203, 0.04);
}
.checkout-panel[hidden] {
  display: none !important;
}
.checkout-panel__intro p {
  margin: 0.42rem 0 0;
}
.checkout-panel h3 {
  margin: 0.42rem 0 0;
  font-size: var(--type-heading-md);
}
.checkout-form {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.1rem;
}
.checkout-form label {
  display: grid;
  gap: 0.42rem;
}
.checkout-form input,
.checkout-form textarea {
  width: 100%;
  padding: 0.92rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.7);
  color: var(--text-main);
  outline: none;
  transition: border-color 160ms var(--ease-out), box-shadow 240ms var(--ease-out), background 180ms var(--ease-out);
}
html[data-theme="dark"] .checkout-form input,
html[data-theme="dark"] .checkout-form textarea,
html[data-theme="dark"] .upi-box {
  background: rgba(230, 223, 203, 0.04);
}
.checkout-form input:focus,
.checkout-form textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(197, 161, 59, 0.12);
}
.payment-note,
.payment-block {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.payment-note p,
.payment-block__copy p {
  margin: 0;
  line-height: 1.75;
}
.upi-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.85rem;
  padding: 0.82rem 1rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.68);
  color: var(--text-main);
}
.product-sheet__backdrop,
.teaser-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 8, 0.46);
  backdrop-filter: saturate(50%) blur(20px);
  -webkit-backdrop-filter: saturate(50%) blur(20px);
  opacity: 0;
    transition: opacity 280ms var(--ease-out) 120ms;
}
html[data-theme="dark"] .product-sheet__backdrop,
html[data-theme="dark"] .teaser-modal__backdrop {
  background: rgba(0, 0, 0, 0.68);
}
.product-sheet.is-open .product-sheet__backdrop,
.teaser-modal.is-open .teaser-modal__backdrop {
  opacity: 1;
    transition: opacity 420ms var(--ease-out) 0ms;
}
.product-sheet__panel,
.teaser-modal__panel {
  position: relative;
}
.product-sheet__panel {
  width: min(calc(100% - 1.5rem), 70rem);
  max-height: calc(100vh - 1.5rem);
  margin: 0.75rem auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--surface-strong);
  transform: translateY(36px) scale(0.972);
  opacity: 0;
  transition: transform 460ms cubic-bezier(0.16, 1, 0.3, 1) 45ms,
              opacity   330ms cubic-bezier(0.23, 1, 0.32, 1) 45ms;
  will-change: transform, opacity;   box-shadow: var(--shadow-deep), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.product-sheet.is-open .product-sheet__panel,
.teaser-modal.is-open .teaser-modal__panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.product-sheet__media {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--cream) 62%, var(--gold) 38%) 0%,
    var(--cream) 100%);
  animation: skel-breathe 2.6s ease-in-out infinite;
}
.product-sheet__media.img-loaded {
  animation: none;
}
.product-sheet__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 620ms var(--ease-out);
}
.product-sheet__media img.img-loaded {
  opacity: 1;
}
.product-sheet__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;   min-height: 0;   }
.product-sheet__content {
  position: relative;
  flex: 1;
  min-height: 0;             overflow-y: auto;
  padding: 1.45rem 1.45rem 1rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.product-sheet__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 0.75rem;
  padding: 1rem 1.45rem 1.2rem;
  border-top: 1px solid var(--line);
  background: var(--surface-strong);
  backdrop-filter: saturate(120%) blur(8px);
  -webkit-backdrop-filter: saturate(120%) blur(8px);
}
.product-sheet__actions .primary-button {
  flex: 1; }
.product-sheet__actions .secondary-button {
  white-space: nowrap; }
.product-intro {
  margin: 0.28rem 0 1.15rem;
  font-family: var(--font-editorial);
  font-size: 0.95rem;
  line-height: 1.82;
  color: var(--text-soft);
  font-style: italic;
  font-weight: 400;
}
.sheet-divider {
  height: 1px;
  background: var(--line);
  margin: 1.4rem 0 1.35rem;
}
.product-sheet__close,
.teaser-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
}
.product-price {
  margin: 0.45rem 0 0;
  font-size: clamp(1.75rem, 3.5vw, 2.1rem);   font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.product-description {
  margin: 0.9rem 0 0;
  font-size: var(--type-body);
  line-height: var(--leading-relaxed);
}
.product-facts {
  display: grid;
  gap: 0.55rem;
  margin-top: 1rem;
}
.product-fact {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.74rem 0;
  border-bottom: 1px solid var(--line);
}
.option-group {
  margin-top: 1.25rem;
}
.option-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.55rem;
}
.option-head span {
  font-weight: 700;
}
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.option-chip {
  min-height: 2.55rem;
  padding: 0.62rem 0.95rem;
  border-radius: var(--radius-xs);
  border: 1px solid var(--line);
  background: var(--chip-bg);
  color: var(--text-main);
  font-weight: 700;
  transition: transform 260ms var(--ease-spring), border-color 180ms var(--ease-out), background 180ms var(--ease-out), color 180ms var(--ease-out);
}
.option-chip.is-selected {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--emerald);
}
.editorial-story {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}
.editorial-story__label {
  margin: 0 0 0.6rem;
  font-size: var(--type-micro);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
}
.editorial-story__text {
  margin: 0;
  font-size: var(--type-body);
  line-height: var(--leading-relaxed);
  color: var(--text-soft);
}
.editorial-moments {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.45rem;
}
.editorial-moments li {
  position: relative;
  padding: 0.7rem 1rem 0.7rem 2rem;
  border-radius: var(--radius-xs);
  background: var(--surface-soft);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-soft);
}
.editorial-moments li::before {
  content: '✦';
  position: absolute;
  left: 0.75rem;
  top: 0.78rem;
  font-size: 0.5rem;
  color: var(--gold);
  line-height: 1;
}
.product-soul-block {
  margin-top: 1.75rem;
  padding: 1.25rem 1.35rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  border-left: 2px solid var(--gold);
}
.product-soul-block p {
  margin: 0;
  font-family: var(--font-editorial);
  font-size: 0.95rem;
  line-height: 1.88;
  font-style: italic;
  font-weight: 400;
  color: var(--text-soft);
}
.social-icon {
  width:  1.1rem;
  height: 1.1rem;
  display: block;
  flex-shrink: 0;
  }
.share-row {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
}
.share-row__label {
  font-size: var(--type-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-soft);
  margin: 0 0 0.85rem;
}
.share-row__hint {
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--text-dim);
}
.share-buttons {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 0.5rem;
  padding-bottom: 0.35rem;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.share-buttons::-webkit-scrollbar { display: none; }
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.48rem 0.88rem;
  border-radius: var(--radius-pill);
  border: 1.5px solid var(--line);
  background: var(--paper);
  color: var(--text-main);
  font-family: var(--font-body);
  font-size: var(--type-body-sm);
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  scroll-snap-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    border-color 200ms var(--ease-out),
    color        200ms var(--ease-out),
    background   200ms var(--ease-out),
    transform    220ms var(--ease-spring),
    box-shadow   220ms var(--ease-out);
}
.share-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-xs);
}
.share-btn[data-platform="whatsapp"]:hover  { border-color: #25D366; color: #25D366; }
.share-btn[data-platform="telegram"]:hover  { border-color: #2AABEE; color: #2AABEE; }
.share-btn[data-platform="instagram"]:hover { border-color: #E1306C; color: #E1306C; }
.share-btn[data-platform="facebook"]:hover  { border-color: #1877F2; color: #1877F2; }
.share-btn[data-platform="pinterest"]:hover { border-color: #E60023; color: #E60023; }
.share-btn[data-platform="x"]:hover        { border-color: var(--text-main); background: var(--text-main); color: var(--paper); }
.share-btn[data-platform="copy"]:hover     { border-color: var(--gold); color: var(--gold); }
.share-btn[data-platform="native"]:hover   { border-color: var(--gold); color: var(--gold); }
html[data-theme="dark"] .share-btn[data-platform="x"]:hover {
  border-color: var(--paper);
  background: var(--paper);
  color: var(--text-main);
}
.footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.footer-socials a {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-soft);
  color: var(--text-main);
  text-decoration: none;
  transition:
    transform    240ms var(--ease-spring),
    border-color var(--t-fast),
    color        var(--t-fast),
    background   var(--t-fast);
}
.footer-socials a[aria-label="WhatsApp"]:hover  { border-color: #25D366; color: #25D366; }
.footer-socials a[aria-label="Telegram"]:hover  { border-color: #2AABEE; color: #2AABEE; }
.footer-socials a[aria-label="Instagram"]:hover { border-color: #E1306C; color: #E1306C; }
.footer-socials a[aria-label="Facebook"]:hover  { border-color: #1877F2; color: #1877F2; }
.teaser-modal__panel {
  width: min(calc(100% - 1rem), 30rem);
  margin: 10vh auto 0;
  padding: 1.6rem;
  border-radius: var(--radius-xl);
  background: var(--surface-strong);
  text-align: center;
  transform: translateY(18px) scale(0.985);
  opacity: 0;
  transition: transform 220ms var(--ease-out), opacity 220ms var(--ease-out);
}
.teaser-modal__icon {
  font-size: 2.8rem;
}
.teaser-modal__panel p:last-of-type {
  margin: 0.85rem 0 1.25rem;
  line-height: 1.8;
  color: var(--text-soft);
}
.site-footer {
  padding: 3rem 0 7rem;
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) repeat(2, minmax(0, 0.96fr));
  gap: 1rem;
}
.footer-column {
  border-radius: var(--radius-xl);
  padding: 1.35rem 1.25rem;
}
.footer-brand {
  background: rgba(2, 61, 58, 0.94);
  color: var(--ivory);
  box-shadow: var(--shadow-lift);
}
.footer-tagline {
  margin: 1rem 0 0.45rem;
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
  font-size: 1.5rem;
  color: var(--cream);
}
.footer-brand p {
  margin: 0;
  line-height: 1.85;
  color: var(--cream);
}
.footer-disclosure {
  overflow: hidden;
}
.footer-disclosure summary {
  list-style: none;
  padding: 0;
  font-size: var(--type-heading-md);
  cursor: pointer;
}
.footer-disclosure summary::-webkit-details-marker {
  display: none;
}
.footer-stack {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}
.footer-stack article {
  padding-top: 0.82rem;
  border-top: 1px solid var(--line);
}
.footer-stack strong {
  display: block;
  margin-bottom: 0.28rem;
}
.footer-bottom {
  margin-top: 1rem;
  padding: 1rem 1.2rem 1.2rem;
  border-radius: var(--radius-lg);
  background: rgba(2, 61, 58, 0.92);
  color: var(--cream);
}
.footer-bottom p {
  margin: 0.25rem 0 0;
  line-height: 1.8;
}
.toast {
  position: fixed;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%) translateY(14px) scale(0.94);
  z-index: var(--z-toast);
  padding: 0.78rem 1.4rem;
  border-radius: var(--radius-pill);
  background: var(--emerald);
  color: var(--ivory);
  font-size: 0.87rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  opacity: 0;
  transition: opacity 260ms var(--ease-out), transform 340ms var(--ease-spring);   pointer-events: none;
  max-width: calc(100% - 2.5rem);
  text-align: center;
  box-shadow: 0 14px 36px rgba(2, 61, 58, 0.22);
  white-space: nowrap;
}
html[data-theme="dark"] .toast {
  background: var(--gold);
  color: var(--emerald);
}
html[data-theme="dark"] .promise-band__inner {
  background: color-mix(in srgb, var(--emerald) 88%, var(--gold) 12%);
  box-shadow: var(--shadow-lift), inset 0 1px 0 rgba(197, 161, 59, 0.18);
}
html[data-theme="dark"] .footer-brand {
  background: color-mix(in srgb, var(--emerald) 92%, #000 8%);
  box-shadow: var(--shadow-lift), inset 0 1px 0 rgba(197, 161, 59, 0.1);
}
html[data-theme="dark"] .footer-bottom {
  background: rgba(2, 61, 58, 0.7);
  border: 1px solid rgba(197, 161, 59, 0.12);
}
html[data-theme="dark"] .testimonial-card--featured {
  background: color-mix(in srgb, var(--emerald) 82%, #000 18%);
  border-color: rgba(197, 161, 59, 0.15);
}
.toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}
.reveal {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity  720ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 720ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.section-heading.reveal {
  transform: translateY(16px);
  transition-duration: 860ms, 860ms;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}
@media (max-width: 1040px) {
  .hero-grid,
  .account-grid,
  .product-sheet__panel,
  .story-grid,
  .testimonial-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .teaser-grid,
  .account-features {
    grid-template-columns: 1fr 1fr;
  }
  .site-header,
  .bottom-dock {
    width: calc(100% - 1.8rem);
  }
  .bottom-dock {
    top: 5.1rem;
    justify-content: flex-start;
  }
  .hero-section {
    min-height: auto;
  }
  .hero-copy h1 {
    max-width: 11ch;
  }
  .product-sheet__media {
    min-height: 22rem;
  }
}
@media (max-width: 720px) {
  .container {
    width: min(calc(100% - 1.4rem), var(--container));
  }
  .site-header {
    top: 0.68rem;
    width: calc(100% - 1.4rem);
  }
  .site-header.is-scrolled {
    top: 0.45rem;
  }
  .brand-pill {
    padding: 0.74rem 0.84rem;
    gap: 0.72rem;
  }
  .brand-mark {
    width: 2.45rem;
    height: 2.45rem;
    font-size: 1.05rem;
  }
  .brand-pill__wordmark {
    height: 18px;   }
  .brand-pill small {
    font-size: 0.78rem;
  }
  .header-actions {
    gap: 0.45rem;
  }
  .admin-entry {
    min-height: 2.8rem;
    padding: 0.72rem 0.86rem;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
  }
  .orb-button {
    width: 2.8rem;
    height: 2.8rem;
  }
    .bottom-dock {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    border-radius: 0;
    border: none;
    border-top: 1px solid var(--line);
    padding: 0.35rem 0.65rem max(0.65rem, env(safe-area-inset-bottom));
    gap: 0.15rem;
    justify-content: flex-start;   }
  html[data-theme="dark"] .bottom-dock {
    background: rgba(5, 18, 17, 0.97);
  }
    .dock-link {
    flex: 0 0 auto;
    flex-direction: row;               align-items: center;
    gap: 0.32rem;
    padding: 0.54rem 0.72rem;
    border-radius: var(--radius-pill);
    min-width: 0;
    max-width: none;
    white-space: nowrap;
    transition:
      background 300ms var(--ease-snap),
      color 240ms var(--ease-out),
      padding 300ms var(--ease-snap),
      box-shadow 280ms var(--ease-out),
      transform 240ms var(--ease-spring);    }
  .dock-link [data-lucide] {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
  }
    .dock-link span {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: none;               max-width: 0;                       opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition:
      max-width 320ms var(--ease-snap),
      opacity 220ms var(--ease-out);
  }
    .dock-link.is-active {
    background: var(--emerald);
    color: var(--ivory);
    padding: 0.54rem 0.9rem;            box-shadow: 0 4px 16px rgba(2, 61, 58, 0.22);
  }
  .dock-link.is-active span {
    max-width: 8rem;                    opacity: 1;
  }
  .dock-link.is-active:hover {
    background: var(--emerald);
    transform: none;
  }
  html[data-theme="dark"] .dock-link.is-active {
    background: var(--gold);
    color: var(--emerald-deep);
    box-shadow: 0 4px 16px rgba(197, 161, 59, 0.24);
  }
  html[data-theme="dark"] .dock-link.is-active:hover {
    background: var(--gold);
    transform: none;
  }
    .support-pill {
    right: 0.9rem;
    bottom: calc(5rem + max(0.65rem, env(safe-area-inset-bottom)));
    max-width: calc(100% - 1.8rem);
    padding-left: 0.82rem;
  }
  .support-pill span:first-child {
    font-size: 0.74rem;
  }
    .toast {
    bottom: calc(5.5rem + max(0.65rem, env(safe-area-inset-bottom)));
  }
        .luxury-shell {
    padding-top: 5.5rem;
    padding-bottom: 7.5rem;
  }
  .section-frame {
    padding-top: 2.8rem;     scroll-margin-top: 5.5rem;
  }
  .hero-copy h1 {
    font-size: clamp(2.75rem, 11vw, 3.75rem);
    line-height: 1.08;   }
    .visual-card--image img {
    aspect-ratio: 1.2;
  }
    .admin-shell {
    padding-top: 5.5rem;
  }
  .admin-hero,
  .admin-login,
  .admin-grid,
  .admin-kpi-grid {
    grid-template-columns: 1fr;
  }
  .admin-hero__actions {
    justify-content: flex-start;
  }
    .hero-actions,
  .payment-actions {
    flex-direction: column;
    align-items: stretch;
  }
    .product-sheet__actions {
    flex-direction: row;
  }
  .trust-mini {
    margin-top: 1.5rem;
  }
    .trust-rail__inner {
    grid-template-columns: repeat(4, auto);
    overflow-x: auto;
    scrollbar-width: none;
    border-radius: var(--radius-md);
  }
  .trust-rail__inner::-webkit-scrollbar {
    display: none;
  }
  .trust-rail__inner span {
    white-space: nowrap;
    padding: 0.85rem 1.1rem;
  }
    .teaser-grid,
  .account-features {
    grid-template-columns: 1fr;
  }
    .story-grid,
  .testimonial-grid {
    grid-template-columns: 1fr;
  }
    .products-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;          overscroll-behavior-x: contain;             touch-action: pan-x;                        will-change: scroll-position;               scrollbar-width: none;
    gap: 0.95rem;
    padding: 0.5rem 1.2rem 1.4rem 0.7rem;      margin-inline: -0.7rem;                     scroll-padding-inline-start: 0.7rem;        align-items: stretch;                     }
  .products-grid::-webkit-scrollbar {
    display: none;
  }
  .product-card {
    flex: 0 0 76vw;           max-width: 22rem;         scroll-snap-align: start;
    min-height: unset;
  }
  .collection-curation {
    margin-bottom: 1.45rem;
  }
    .filter-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-padding-inline-start: 0.15rem;
    margin-bottom: 1.8rem;
    padding-bottom: 0.55rem;
    padding-top: 0.15rem;
        -webkit-mask-image: linear-gradient(to right, black 0%, black 80%, transparent 100%);
    mask-image: linear-gradient(to right, black 0%, black 80%, transparent 100%);
  }
  .filter-row::-webkit-scrollbar {
    display: none;
  }
  .filter-chip {
    flex-shrink: 0;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    scroll-snap-align: start;
  }
    .product-card__description {
    min-height: 0;
  }
  .product-card__content {
    padding: 1.1rem 1.2rem 1.3rem;
  }
    .cart-drawer__panel {
    width: 100%;
    border-radius: 0;   }
  .cart-item {
    gap: 0.75rem;
  }
  .cart-item__thumb {
    width: 4.8rem;
    height: 5.6rem;
  }
    .product-sheet.is-open {
    display: flex;
    align-items: flex-end;
  }
    .product-sheet__panel {
    width: 100%;
    height: 94svh;
    max-height: 94svh;
    margin: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    grid-template-columns: 1fr;
    grid-template-rows: 42svh 1fr;     transform: translateY(100%);
    opacity: 1;
    box-shadow: 0 -24px 80px rgba(2, 8, 8, 0.24), 0 -1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 460ms var(--ease-snap);
    will-change: transform;
  }
    .product-sheet__panel::before {
    content: '';
    position: absolute;
    top: 0.55rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.4rem;
    height: 0.22rem;
    border-radius: 999px;
    background: rgba(2, 61, 58, 0.2);
    z-index: 3;
  }
  html[data-theme="dark"] .product-sheet__panel::before {
    background: rgba(230, 223, 203, 0.25);
  }
  .product-sheet.is-open .product-sheet__panel {
    transform: translateY(0);
    opacity: 1;
  }
    .product-sheet__media {
    height: 42svh;
    min-height: unset;   }
    .product-sheet__close {
    background: rgba(248, 245, 236, 0.88);
    border-color: rgba(2, 61, 58, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  html[data-theme="dark"] .product-sheet__close {
    background: rgba(8, 27, 26, 0.9);
    border-color: rgba(230, 223, 203, 0.15);
  }
    .product-sheet__content {
    padding: 1.1rem 1.15rem 0.65rem;
  }
    .product-sheet__actions {
    padding: 0.8rem 1.15rem;
    padding-bottom: max(0.8rem, env(safe-area-inset-bottom));
    gap: 0.6rem;
  }
    .product-intro {
    margin-bottom: 0.85rem;
    font-size: 0.9rem;
  }
    .sheet-divider {
    margin: 1rem 0 1rem;
  }
    .editorial-story {
    margin-top: 1.35rem;
    padding-top: 1.2rem;
  }
  .editorial-moments li {
    font-size: 0.88rem;
    padding: 0.65rem 0.9rem 0.65rem 1.85rem;
  }
  .product-soul-block {
    margin-top: 1.35rem;
    padding: 1rem 1.1rem;
  }
    .site-footer {
    padding-bottom: 7.5rem;
  }
}
.editorial-campaign__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.75rem;
  align-items: center;
}
.editorial-campaign__kicker {
  margin-bottom: 0.9rem;
}
.editorial-campaign__headline {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 5.5vw, 3.8rem);
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.1;
  letter-spacing: -0.015em;
  margin: 0 0 1.3rem;
}
html[data-theme="dark"] .editorial-campaign__headline {
  color: var(--cream);
}
.editorial-campaign__body {
  font-family: var(--font-editorial);
  font-size: clamp(0.92rem, 2vw, 1.04rem);
  font-style: italic;
  color: var(--text-soft);
  line-height: var(--leading-relaxed);
  max-width: 44ch;
  margin: 0 0 2rem;
}
.editorial-campaign__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.campaign-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.48rem 0.88rem;
  border-radius: var(--radius-pill);
  background: var(--chip-bg);
  border: 1px solid var(--line);
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--text-soft);
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base),
              border-color var(--t-base), box-shadow var(--t-base);
  backdrop-filter: blur(8px);
}
.campaign-chip::before {
  content: '↗';
  font-size: 0.65rem;
  margin-right: 0.3rem;
  opacity: 0.4;
  transition: opacity var(--t-fast);
}
.campaign-chip:hover {
  background: var(--paper-strong);
  color: var(--emerald);
  border-color: var(--line-strong);
  box-shadow: var(--shadow-xs);
}
.campaign-chip:hover::before {
  opacity: 0.9;
}
html[data-theme="dark"] .campaign-chip:hover {
  color: var(--cream);
}
.editorial-campaign__frame {
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: color-mix(in srgb, var(--cream) 82%, var(--gold) 18%);
  box-shadow: var(--shadow-lift);
  position: relative;
}
html[data-theme="dark"] .editorial-campaign__frame {
  background: color-mix(in srgb, var(--emerald-deep) 86%, var(--gold) 14%);
  box-shadow: var(--shadow-deep);
}
.editorial-campaign__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 640ms var(--ease-out);
}
.editorial-campaign__frame img.img-loaded {
  opacity: 1;
}
.mood-editorial {
  position: relative;
  padding: 1.6rem 1.85rem 1.5rem;
  margin-bottom: 2rem;
  border-radius: var(--radius-lg);
  background: var(--paper-soft);
  border: 1px solid var(--line);
  overflow: hidden;
  transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out);
}
.mood-editorial::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1.85rem;
  right: 1.85rem;
  height: 1.5px;
  background: linear-gradient(
    90deg,
    var(--gold) 0%,
    rgba(197, 161, 59, 0.18) 55%,
    transparent 100%
  );
  border-radius: 999px;
}
html[data-theme="dark"] .mood-editorial {
  background: rgba(230, 223, 203, 0.04);
  border-color: rgba(230, 223, 203, 0.1);
}
.mood-editorial.is-updating {
  opacity: 0;
  transform: translateY(4px);
}
.mood-editorial__season {
  display: block;
  font-family: var(--font-body);
  font-size: var(--type-label);
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.42rem;
  min-height: 1em;
}
.mood-editorial__headline {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 3vw, 1.95rem);
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 0.55rem;
}
html[data-theme="dark"] .mood-editorial__headline {
  color: var(--cream);
}
.mood-editorial__body {
  font-family: var(--font-editorial);
  font-size: clamp(0.84rem, 1.8vw, 0.94rem);
  font-style: italic;
  color: var(--text-soft);
  line-height: var(--leading-relaxed);
  max-width: 58ch;
  margin: 0;
}
[data-season="spring"] .mood-editorial {
  background: color-mix(in srgb, var(--paper-soft) 94%, rgba(2, 61, 58, 0.06) 6%);
}
[data-season="summer"] .editorial-campaign__frame {
  background: color-mix(in srgb, var(--cream) 76%, var(--gold) 24%);
}
[data-season="autumn"] .mood-editorial::before {
  background: linear-gradient(
    90deg,
    #c5812a 0%,
    rgba(197, 129, 42, 0.16) 55%,
    transparent 100%
  );
}
[data-season="winter"] .mood-editorial::before {
  background: linear-gradient(
    90deg,
    rgba(197, 161, 59, 0.55) 0%,
    rgba(197, 161, 59, 0.07) 55%,
    transparent 100%
  );
}
@media (min-width: 900px) {
  .editorial-campaign__inner {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
  }
  .editorial-campaign__copy  { order: 0; }
  .editorial-campaign__visual { order: 1; }
  .editorial-campaign__frame {
    aspect-ratio: unset;
    height: 500px;
    max-height: 500px;
  }
  .mood-editorial {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.75rem;
    align-items: baseline;
    row-gap: 0.42rem;
  }
  .mood-editorial__season {
    grid-column: 1 / -1;
    margin-bottom: 0.28rem;
  }
  .mood-editorial__headline {
    grid-column: 1;
    white-space: nowrap;
    margin-bottom: 0;
  }
  .mood-editorial__body {
    grid-column: 2;
    max-width: none;
    padding-top: 0.18rem;
  }
}
@media (max-width: 899px) {
  .editorial-campaign__frame {
    aspect-ratio: 4 / 3;
  }
  .mood-editorial {
    padding: 1.35rem 1.45rem 1.25rem;
  }
  .mood-editorial::before {
    left: 1.45rem;
    right: 1.45rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mood-editorial,
  .editorial-campaign__frame img {
    transition: none !important;
  }
  .mood-editorial.is-updating {
    opacity: 1 !important;
    transform: none !important;
  }
}
.softly-returning__header {
  margin-bottom: 2rem;
}
.softly-returning__header .section-kicker {
  color: var(--gold);
  letter-spacing: 0.18em;
}
.softly-returning__headline {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3.5vw, 2.4rem);
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 0.4rem 0 0;
}
html[data-theme="dark"] .softly-returning__headline {
  color: var(--cream);
}
.softly-returning__grid {
  display: flex;
  gap: 1.1rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding-bottom: 0.5rem;
  -webkit-mask-image: linear-gradient(to right, black 0%, black 82%, transparent 100%);
  mask-image: linear-gradient(to right, black 0%, black 82%, transparent 100%);
}
.softly-returning__grid::-webkit-scrollbar { display: none; }
.sr-card {
  flex: 0 0 clamp(9rem, 36vw, 13rem);
  scroll-snap-align: start;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--paper-soft);
  border: 1px solid var(--line);
  cursor: pointer;
  transition: transform var(--t-base) var(--ease-snap),
              box-shadow var(--t-base) var(--ease-snap);
  outline: none;
}
.sr-card:hover,
.sr-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lift);
}
.sr-card:focus-visible {
  outline: 2px solid var(--emerald);
  outline-offset: 2px;
}
.sr-card__media {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: color-mix(in srgb, var(--cream) 85%, var(--gold) 15%);
}
html[data-theme="dark"] .sr-card__media {
  background: color-mix(in srgb, var(--emerald-deep) 88%, var(--gold) 12%);
}
.sr-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 520ms var(--ease-out);
}
.sr-card__media img.img-loaded { opacity: 1; }
.sr-card__info {
  padding: 0.75rem 0.85rem 0.9rem;
}
.sr-card__tag {
  font-family: var(--font-body);
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 0.28rem;
}
.sr-card__name {
  font-family: var(--font-display);
  font-size: clamp(0.82rem, 2vw, 0.95rem);
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.25;
  margin: 0;
}
html[data-theme="dark"] .sr-card__name { color: var(--cream); }
.emotional-recs {
  margin: 1.5rem 0 0;
  padding: 1.25rem 1.35rem;
  border-radius: var(--radius-lg);
  background: var(--paper-soft);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.emotional-recs::before {
  content: '';
  position: absolute;
  top: 0; left: 1.35rem; right: 1.35rem;
  height: 1px;
  background: linear-gradient(90deg, var(--gold) 0%, rgba(197,161,59,0.15) 60%, transparent 100%);
}
html[data-theme="dark"] .emotional-recs {
  background: rgba(230, 223, 203, 0.04);
  border-color: rgba(230, 223, 203, 0.09);
}
.emotional-recs__label {
  font-family: var(--font-body);
  font-size: var(--type-label);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 0.85rem;
}
.emotional-recs__list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.er-chip {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  padding: 0.65rem 0.85rem;
  border-radius: var(--radius-md);
  background: transparent;
  border: 1px solid var(--line);
  text-align: left;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base),
              transform 160ms var(--ease-snap);
}
.er-chip:hover {
  background: var(--paper-strong);
  border-color: var(--line-strong);
  transform: translateX(3px);
}
html[data-theme="dark"] .er-chip:hover {
  background: rgba(230, 223, 203, 0.07);
}
.er-chip__name {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.2;
}
html[data-theme="dark"] .er-chip__name { color: var(--cream); }
.er-chip__sub {
  font-family: var(--font-editorial);
  font-size: 0.78rem;
  font-style: italic;
  color: var(--text-soft);
  line-height: 1.35;
}
.space-mood-profile {
  margin: 1.5rem 0;
  padding: 1.2rem 1.5rem;
  border-radius: var(--radius-lg);
  background: var(--paper-soft);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.space-mood-profile::before {
  content: '';
  position: absolute;
  top: 0; left: 1.5rem; right: 1.5rem;
  height: 1.5px;
  background: linear-gradient(90deg, var(--gold) 0%, rgba(197,161,59,0.12) 55%, transparent 100%);
  border-radius: 999px;
}
html[data-theme="dark"] .space-mood-profile {
  background: rgba(230, 223, 203, 0.04);
  border-color: rgba(230, 223, 203, 0.09);
}
.space-mood-profile__inner {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.4rem 1.2rem;
}
.space-mood-profile__kicker {
  font-family: var(--font-body);
  font-size: var(--type-label);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  width: 100%;
  margin-bottom: 0.25rem;
}
.space-mood-profile__value {
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 3vw, 1.65rem);
  font-weight: 600;
  color: var(--emerald);
  line-height: 1.2;
  margin: 0;
}
html[data-theme="dark"] .space-mood-profile__value { color: var(--cream); }
.space-mood-profile__cta {
  font-size: 0.82rem;
  opacity: 0.75;
  transition: opacity var(--t-fast);
}
.space-mood-profile__cta:hover { opacity: 1; }
@media (min-width: 900px) {
  .softly-returning__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    overflow-x: unset;
    scroll-snap-type: unset;
    -webkit-mask-image: none;
    mask-image: none;
    padding-bottom: 0;
  }
  .sr-card {
    flex: unset;
  }
  .emotional-recs__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .er-chip {
    flex: 1 1 calc(50% - 0.28rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sr-card,
  .er-chip,
  .sr-card__media img {
    transition: none !important;
    transform: none !important;
  }
}
@keyframes cartPop {
  0%   { transform: scale(1); }
  38%  { transform: scale(1.22); }
  68%  { transform: scale(0.94); }
  100% { transform: scale(1); }
}
.cart-button.is-popping {
  animation: cartPop 400ms var(--ease-spring) forwards;
}
@keyframes skel-breathe {
  0%, 100% { opacity: 0.52; }
  50%       { opacity: 1; }
}
@keyframes btn-sweep {
  0%   { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
body:not(.page-ready) {
  opacity: 0;
  }
body.page-ready {
  opacity: 1;
  transition: opacity 540ms var(--ease-out);
}
.primary-button.is-loading,
.secondary-button.is-loading {
  pointer-events: none;
  opacity: 0.68;
  position: relative;
  overflow: hidden;
  }
.primary-button.is-loading::after,
.secondary-button.is-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent     0%,
    var(--skel-sheen) 50%,
    transparent     100%
  );
  animation: btn-sweep 1.7s var(--ease-in-out) infinite;
}
.primary-button:disabled,
.secondary-button:disabled {
  cursor: default;
}
.product-card:hover .product-card__media {
  animation: none;
}
@keyframes spaceViewEnter {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.space-view {
  animation: none;
}
.space-view.is-entering {
  animation: spaceViewEnter 420ms var(--ease-snap) forwards;
}
.space-entry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}
.space-heading {
  font-family: var(--font-display);
  font-size: var(--type-heading-xl);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: var(--leading-tight);
  margin: 0.4rem 0 0.9rem;
  color: var(--text-main);
}
.space-heading-tagline {
  font-family: var(--font-editorial);
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 400;
  line-height: var(--leading-relaxed);
  color: var(--text-soft);
  margin: 0 0 1.8rem;
  max-width: 36rem;
}
.space-why {
  margin-bottom: 2rem;
  padding: 1.35rem 1.5rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  border-left: 2px solid var(--gold);
}
.space-why__text {
  margin: 0;
  font-size: var(--type-body);
  line-height: var(--leading-relaxed);
  color: var(--text-soft);
}
.space-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}
.space-auth-wrap {
  max-width: 38rem;
  margin: 0 auto;
  display: grid;
  gap: 2rem;
}
.space-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  background: transparent;
  border: none;
  color: var(--text-soft);
  font-size: var(--type-body-sm);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
  transition: color var(--t-fast), transform var(--t-fast);
}
.space-back-btn:hover {
  color: var(--text-main);
  transform: translateX(-3px);
}
.space-auth-intro {
  font-family: var(--font-editorial);
  font-size: var(--type-body);
  font-style: italic;
  font-weight: 400;
  line-height: var(--leading-relaxed);
  color: var(--text-soft);
  margin: 0.35rem 0 1.75rem;
}
.space-form {
  display: grid;
  gap: 1.25rem;
}
.space-field {
  display: grid;
  gap: 0.28rem;
}
.space-field__label {
  font-size: var(--type-body-sm);
  font-weight: 600;
  color: var(--text-main);
  letter-spacing: 0.01em;
}
.space-field__hint {
  font-size: var(--type-micro);
  color: var(--text-dim);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.space-field input {
  width: 100%;
  min-height: 3.2rem;
  padding: 0.88rem 1.15rem;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  color: var(--text-main);
  font-size: var(--type-body);
  font-family: var(--font-body);
  outline: none;
  transition: border-color var(--t-fast), box-shadow var(--t-base), background var(--t-fast);
}
.space-field input::placeholder {
  color: var(--text-dim);
  opacity: 0.8;
}
.space-field input:focus {
  border-color: var(--gold);
  background: var(--paper-strong);
  box-shadow: 0 0 0 4px rgba(197, 161, 59, 0.12);
}
html[data-theme="dark"] .space-field input {
  background: rgba(230, 223, 203, 0.04);
}
html[data-theme="dark"] .space-field input:focus {
  background: rgba(230, 223, 203, 0.07);
}
.space-form__error {
  font-size: var(--type-body-sm);
  color: #b85a55;
  margin: 0;
  padding: 0.85rem 1rem;
  border-radius: var(--radius-xs);
  background: rgba(184, 90, 85, 0.08);
  border: 1px solid rgba(184, 90, 85, 0.2);
}
html[data-theme="dark"] .space-form__error {
  color: #e08880;
  background: rgba(224, 136, 128, 0.1);
}
.space-form__submit {
  width: 100%;
  min-height: 3.4rem;
  margin-top: 0.35rem;
  font-size: var(--type-body);
}
.space-auth-switch {
  margin: 1.5rem 0 0;
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  text-align: center;
}
.space-auth-switch button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-weight: 700;
  color: var(--gold);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity var(--t-fast);
}
.space-auth-switch button:hover {
  opacity: 0.75;
}
.space-trust-block {
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--surface-soft);
  text-align: center;
}
.space-trust-block__lead {
  font-family: var(--font-display);
  font-size: var(--type-heading-md);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--text-main);
  margin: 0 0 0.65rem;
}
.space-trust-block__body {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  line-height: var(--leading-normal);
  margin: 0 0 1.25rem;
  max-width: 28rem;
  margin-inline: auto;
  margin-bottom: 1.25rem;
}
.space-trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem 1.5rem;
}
.space-trust-list li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: var(--type-label);
  font-weight: 600;
  color: var(--text-main);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.space-trust-list [data-lucide] {
  color: var(--gold);
  width: 0.95rem;
  height: 0.95rem;
}
.space-dashboard {
  display: grid;
  gap: 1.5rem;
}
.space-dashboard__header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem 2rem;
  align-items: center;
}
.space-dashboard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}
.space-dashboard__tagline {
  font-family: var(--font-editorial);
  font-size: var(--type-body);
  font-style: italic;
  color: var(--text-soft);
  margin: 0.35rem 0 0;
  line-height: var(--leading-relaxed);
}
@media (max-width: 720px) {
  .space-entry-grid {
    grid-template-columns: 1fr;
  }
  .space-dashboard__header {
    grid-template-columns: 1fr;
  }
  .space-dashboard__actions {
    justify-content: flex-start;
  }
  .space-auth-wrap {
    max-width: 100%;
  }
}
.studio-notice-bar {
  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--gold);
  color: #fff;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.45rem 1rem;
  line-height: 1.4;
}
.studio-notice-bar[hidden] { display: none; }
.product-card,
.option-chip,
#addToCartButton,
.cart-button,
.dock-link,
.filter-chip {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lx-cart-orb {
  position: fixed;
  border-radius: 50%;
  object-fit: cover;
  pointer-events: none;
  z-index: 9998;
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.22),
    0 0 0 2px rgba(255, 255, 255, 0.35);
  will-change: transform, opacity;
}
@keyframes lx-cart-pulse {
  0%   { transform: scale(1); }
  22%  { transform: scale(1.16); }
  50%  { transform: scale(0.95); }
  76%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}
.cart-button.is-pulsing {
  animation: lx-cart-pulse 460ms cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@keyframes lx-count-pop {
  0%   { transform: scale(1); }
  38%  { transform: scale(1.52); }
  68%  { transform: scale(0.91); }
  100% { transform: scale(1); }
}
#cartCount {
  display: inline-block;         will-change: transform;
}
#cartCount.is-counting {
  animation: lx-count-pop 340ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes lx-btn-success-glow {
  0%   { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16); }
  40%  { box-shadow: 0 0 0 8px rgba(2, 61, 58, 0.12), 0 12px 32px rgba(2, 61, 58, 0.28); }
  100% { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16); }
}
#addToCartButton.lx-success {
  animation: lx-btn-success-glow 580ms var(--ease-out) forwards;
}
.product-card {
  will-change: transform, box-shadow;
  transition:
    transform   340ms var(--ease-snap),
    box-shadow  340ms var(--ease-snap);
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 28px 56px rgba(18, 31, 29, 0.09),
    0 8px  20px rgba(18, 31, 29, 0.055);
}
.product-card:active {
  transform: translateY(0) scale(0.98);
  transition: transform 65ms linear;
  box-shadow: var(--shadow-sm);
}
html[data-theme="dark"] .product-card:hover {
  box-shadow:
    0 28px 56px rgba(0, 0, 0, 0.36),
    0 8px  20px rgba(0, 0, 0, 0.22);
}
.product-card__media img {
  transition:
    transform 520ms cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity   420ms var(--ease-out);
  will-change: transform;
}
.product-card:hover .product-card__media img {
  transform: scale(1.06);
}
.option-chip {
  transition:
    transform      280ms var(--ease-spring),
    background     180ms var(--ease-out),
    border-color   180ms var(--ease-out),
    color          180ms var(--ease-out),
    box-shadow     240ms var(--ease-out);
}
.option-chip.is-selected {
  box-shadow:
    0 0 0 2.5px rgba(197, 161, 59, 0.9),
    0 0 0 5.5px rgba(197, 161, 59, 0.16);
}
@keyframes lx-chip-select {
  0%   { transform: scale(1); }
  32%  { transform: scale(0.88); }
  66%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}
.option-chip.lx-selecting {
  animation: lx-chip-select 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
textarea:focus {
  outline: none;
  border-color: var(--gold) !important;
  box-shadow:
    0 0 0 3px  rgba(197, 161, 59, 0.14),
    0 0 22px   rgba(197, 161, 59, 0.06);
  transition:
    border-color 200ms var(--ease-out),
    box-shadow   220ms var(--ease-out);
}
.s-field__input:focus,
.s-field__textarea:focus,
.s-field__select:focus {
  outline: none;
  border-color: var(--s-gold) !important;
  box-shadow:
    0 0 0 3px rgba(197, 161, 59, 0.13),
    0 0 16px rgba(197, 161, 59, 0.06);
  transition:
    border-color 200ms ease,
    box-shadow   220ms ease;
}
.primary-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(2, 61, 58, 0.28);
}
html[data-theme="dark"] .primary-button:hover {
  box-shadow: 0 18px 40px rgba(2, 61, 58, 0.52);
}
.orb-button:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-sm), 0 0 0 1.5px rgba(197, 161, 59, 0.3);
}
.ghost-button:hover {
  box-shadow: 0 0 0 1.5px var(--line-strong), inset 0 0 0 1px transparent;
  transform: translateY(-1px);
}
.product-card.reveal {
  transform: translateY(14px) scale(0.992);
  will-change: opacity, transform;
}
.product-card.reveal.is-visible {
  transform: translateY(0) scale(1);
  transition:
    opacity   760ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 760ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.section-heading.reveal {
  transform: translateY(20px) scale(0.996);
}
.section-heading.reveal.is-visible {
  transform: translateY(0) scale(1);
  transition-duration: 900ms, 900ms;
}
.dock-link {
  transition:
    background    240ms var(--ease-out),
    color         200ms var(--ease-out),
    border-color  220ms var(--ease-out),
    box-shadow    220ms var(--ease-out),
    transform     200ms var(--ease-out),
    padding       240ms cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes lx-dock-active {
  0%   { box-shadow: 0 3px 14px rgba(2, 61, 58, 0.0); }
  100% { box-shadow: 0 3px 14px rgba(2, 61, 58, 0.18); }
}
html[data-theme="light"] .dock-link.is-active {
  animation: lx-dock-active 300ms var(--ease-out) both;
}
@keyframes lx-dock-active-dark {
  0%   { box-shadow: 0 3px 14px rgba(197, 161, 59, 0.0); }
  100% { box-shadow: 0 3px 14px rgba(197, 161, 59, 0.2); }
}
html[data-theme="dark"] .dock-link.is-active {
  animation: lx-dock-active-dark 300ms var(--ease-out) both;
}
@keyframes lx-save-glow {
  0%   { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16); }
  42%  { box-shadow: 0 0 0 8px rgba(197, 161, 59, 0.18), 0 10px 28px rgba(2, 61, 58, 0.24); }
  100% { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16); }
}
@keyframes lx-save-glow-soft {
  0%   { box-shadow: none; }
  42%  { box-shadow: 0 0 0 7px rgba(197, 161, 59, 0.2); }
  100% { box-shadow: none; }
}
.lx-saved      { animation: lx-save-glow      660ms var(--ease-out) forwards; }
.lx-saved-soft { animation: lx-save-glow-soft 620ms var(--ease-out) forwards; }
.filter-chip {
  transition:
    transform      260ms var(--ease-spring),
    background     200ms var(--ease-out),
    border-color   200ms var(--ease-out),
    color          200ms var(--ease-out),
    box-shadow     220ms var(--ease-out);
}
.filter-chip.is-active {
  box-shadow: 0 4px 14px rgba(197, 161, 59, 0.22);
}
@keyframes lx-filter-active {
  0%   { transform: scale(1); }
  40%  { transform: scale(0.93); }
  100% { transform: scale(1); }
}
.filter-chip.lx-selecting {
  animation: lx-filter-active 240ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.product-sheet__media img {
  transition:
    opacity   640ms var(--ease-out),
    transform 640ms var(--ease-snap);
}
.product-sheet__media img:not(.img-loaded) {
  transform: scale(1.025);
}
.product-sheet__media img.img-loaded {
  opacity: 1;
  transform: scale(1);
}
html[data-theme="dark"] .option-chip.is-selected {
  box-shadow:
    0 0 0 2px rgba(197, 161, 59, 0.85),
    0 0 0 5px rgba(197, 161, 59, 0.18);
}
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-theme="dark"] textarea:focus {
  box-shadow:
    0 0 0 3px  rgba(197, 161, 59, 0.18),
    0 0 28px   rgba(197, 161, 59, 0.08);
}
html[data-theme="dark"] .lx-saved-soft {
  animation: lx-save-glow-soft 620ms var(--ease-out) forwards;
}
.order-check {
  display: block;
  margin: 0 auto 1.1rem;
  width: 72px;
  height: 72px;
  overflow: visible;
}
@keyframes lx-circle-draw {
  from { stroke-dashoffset: 226; }
  to   { stroke-dashoffset: 0; }
}
@keyframes lx-mark-draw {
  from { stroke-dashoffset: 60; }
  to   { stroke-dashoffset: 0; }
}
.order-check__circle {
  stroke-dasharray: 226;
  stroke-dashoffset: 226;
  animation: lx-circle-draw 640ms cubic-bezier(0.4, 0, 0.2, 1) 120ms forwards;
}
.order-check__mark {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: lx-mark-draw 420ms cubic-bezier(0.4, 0, 0.2, 1) 680ms forwards;
}
@keyframes lx-success-enter {
  from { opacity: 0; transform: translateY(9px); }
  to   { opacity: 1; transform: translateY(0); }
}
.cart-success {
  padding: 2rem 1.5rem 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.cart-success__ref {
  font-size: 0.68rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 1.25rem;
  opacity: 0;
  animation: lx-success-enter 440ms var(--ease-out) 1180ms forwards;
}
.cart-success__title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 0.6rem;
  opacity: 0;
  animation: lx-success-enter 500ms var(--ease-out) 820ms forwards;
}
.cart-success__body {
  font-size: 0.875rem;
  color: var(--muted);
  line-height: 1.65;
  max-width: 30ch;
  margin: 0 0 0.6rem;
  opacity: 0;
  animation: lx-success-enter 500ms var(--ease-out) 980ms forwards;
}
.cart-success__note {
  font-size: 0.78rem;
  color: var(--muted);
  opacity: 0;
  animation: lx-success-enter 400ms var(--ease-out) 1120ms forwards;
}
.order-timeline {
  width: 100%;
  max-width: 300px;
  margin: 1.25rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  opacity: 0;
  animation: lx-success-enter 560ms var(--ease-out) 1320ms forwards;
}
.order-state {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.order-state__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18px;
  flex-shrink: 0;
}
.order-state__dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--line-strong);
  border: 2px solid transparent;
  flex-shrink: 0;
  position: relative;
  transition: background 300ms ease, border-color 300ms ease;
}
.order-state--done .order-state__dot {
  background: var(--emerald);
  border-color: var(--emerald);
}
.order-state--active .order-state__dot {
  background: var(--gold);
  border-color: var(--gold);
}
@keyframes lx-state-pulse {
  0%   { box-shadow: 0 0 0 0   rgba(197, 161, 59, 0.45); }
  70%  { box-shadow: 0 0 0 7px rgba(197, 161, 59, 0); }
  100% { box-shadow: 0 0 0 0   rgba(197, 161, 59, 0); }
}
.order-state--active .order-state__dot {
  animation: lx-state-pulse 1.8s ease-in-out infinite;
}
.order-state__line {
  width: 2px;
  flex: 1;
  min-height: 22px;
  background: var(--line);
  position: relative;
  overflow: hidden;
}
.order-state__line--filled {
  background: var(--emerald);
}
.order-state__line--filling::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--emerald), var(--gold));
  animation: lx-line-fill 800ms var(--ease-out) forwards;
}
@keyframes lx-line-fill {
  from { transform: scaleY(0); transform-origin: top; }
  to   { transform: scaleY(1); transform-origin: top; }
}
.order-state__content {
  padding-bottom: 1rem;
  flex: 1;
}
.order-state__label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.3;
  padding-top: 0;
}
.order-state--done .order-state__label,
.order-state--active .order-state__label {
  color: var(--ink);
}
.order-state__note {
  font-size: 0.71rem;
  color: var(--muted);
  margin-top: 0.15rem;
  line-height: 1.4;
}
@keyframes lx-panel-reveal {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes lx-panel-hide {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(8px); }
}
.checkout-panel.is-revealing {
  display: block !important;
  animation: lx-panel-reveal 340ms var(--ease-snap) forwards;
}
.checkout-panel.is-hiding {
  display: block !important;
  animation: lx-panel-hide 200ms var(--ease-out) forwards;
}
@keyframes lx-btn-breathe {
  0%, 100% { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.16); }
  50%       { box-shadow: 0 10px 28px rgba(2, 61, 58, 0.32), 0 0 0 4px rgba(2, 61, 58, 0.09); }
}
.is-loading {
  animation: lx-btn-breathe 1.4s ease-in-out infinite !important;
  cursor: not-allowed !important;
}
.toast[data-type="error"] {
  background: #3b0f0a;
  color: #ffd5cf;
}
.toast[data-type="info"] {
  background: var(--emerald-deep);
  color: var(--cream);
  opacity: 0.94;
}
.space-orders {
  width: 100%;
  margin-top: 1.75rem;
}
.space-orders__heading {
  font-size: 0.72rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 0.9rem;
  padding: 0 0.1rem;
}
.space-order-card {
  background: var(--paper-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 1rem 1.2rem;
  margin-bottom: 0.7rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: box-shadow 240ms var(--ease-out);
}
.space-order-card:hover {
  box-shadow: var(--shadow-sm);
}
.space-order-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.space-order-card__ref {
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink);
}
.space-order-card__status {
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-pill);
  line-height: 1;
  white-space: nowrap;
}
.space-order-card__status[data-status="confirmed"]       { background: rgba(197,161,59,0.12);   color: #8c6b10; }
.space-order-card__status[data-status="preparing"]       { background: rgba(2,61,58,0.1);        color: var(--emerald); }
.space-order-card__status[data-status="shipped"]         { background: rgba(59,130,246,0.1);     color: #2563eb; }
.space-order-card__status[data-status="out_for_delivery"]{ background: rgba(234,88,12,0.1);      color: #c2410c; }
.space-order-card__status[data-status="delivered"]       { background: rgba(22,163,74,0.12);     color: #15803d; }
.space-order-card__items {
  font-size: 0.8rem;
  color: var(--muted);
  line-height: 1.55;
}
.space-order-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.space-order-card__total {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--ink);
}
.space-order-card__date {
  font-size: 0.7rem;
  color: var(--muted);
}
.space-orders__empty {
  text-align: center;
  padding: 1.75rem 1rem;
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.5;
}
html[data-theme="dark"] .space-order-card {
  background: rgba(255, 252, 245, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .order-check__circle {
  stroke: rgba(197, 161, 59, 0.9);
}
html[data-theme="dark"] .order-check__mark {
  stroke: rgba(197, 161, 59, 1);
}
html[data-theme="dark"] .order-state--done .order-state__dot {
  background: rgba(197, 161, 59, 0.7);
  border-color: rgba(197, 161, 59, 0.7);
}
.products-grid {
  transition: opacity 140ms var(--ease-out);
}
.products-grid.is-filtering {
  opacity: 0;
  pointer-events: none;
}
@keyframes lx-space-enter {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.space-view.is-entering {
  animation: lx-space-enter 360ms var(--ease-snap) forwards;
}
.product-card {
  position: relative; }
.product-card__save {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255, 252, 246, 0.84);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(2, 61, 58, 0.07);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(2, 8, 8, 0.09);
  z-index: 2;
  transition:
    transform    220ms var(--ease-spring),
    background   180ms var(--ease-out),
    box-shadow   200ms var(--ease-out);
}
.product-card__save:hover {
  transform: scale(1.13);
  background: rgba(255, 253, 250, 0.97);
  box-shadow: 0 4px 14px rgba(2, 8, 8, 0.14);
}
.product-card__save:active {
  transform: scale(0.91);
  transition-duration: 75ms, 75ms, 75ms;
}
.product-card__save svg {
  width: 0.95rem;
  height: 0.95rem;
  stroke: var(--emerald);
  fill: none;
  stroke-width: 2;
  display: block;
  transition: fill 220ms var(--ease-out), stroke 220ms var(--ease-out);
  pointer-events: none;
}
.product-card__save.is-saved svg {
  fill: var(--gold);
  stroke: var(--gold);
}
html[data-theme="dark"] .product-card__save {
  background: rgba(8, 27, 26, 0.84);
  border-color: rgba(230, 223, 203, 0.1);
}
html[data-theme="dark"] .product-card__save:hover {
  background: rgba(10, 33, 31, 0.97);
}
.hero-visual .visual-card--image {
  overflow: hidden;
}
.hero-visual .visual-card--image img {
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: center top;
}
@keyframes lx-drawer-in {
  from { opacity: 0; transform: translateX(10px); }
  to   { opacity: 1; transform: translateX(0); }
}
.cart-drawer.is-open .drawer-header {
  animation: lx-drawer-in 260ms var(--ease-snap) 90ms  both;
}
.cart-drawer.is-open .drawer-body {
  animation: lx-drawer-in 300ms var(--ease-snap) 130ms both;
}
.cart-drawer.is-open .drawer-footer {
  animation: lx-drawer-in 260ms var(--ease-snap) 170ms both;
}
.product-sheet::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 8, 0.28);
  backdrop-filter: saturate(60%) blur(5px);
  -webkit-backdrop-filter: saturate(60%) blur(5px);
  opacity: 0;
  transition: opacity 300ms var(--ease-out) 40ms;
  pointer-events: none;
  z-index: 0;
}
.product-sheet.is-open::before {
  opacity: 1;
  transition: opacity 360ms var(--ease-out) 0ms;
}
html[data-theme="dark"] .product-sheet::before {
  background: rgba(0, 0, 0, 0.48);
}
.teaser-modal::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 8, 0.26);
  backdrop-filter: saturate(60%) blur(4px);
  -webkit-backdrop-filter: saturate(60%) blur(4px);
  opacity: 0;
  transition: opacity 280ms var(--ease-out) 30ms;
  pointer-events: none;
  z-index: 0;
}
.teaser-modal.is-open::before {
  opacity: 1;
  transition: opacity 340ms var(--ease-out) 0ms;
}
html[data-theme="dark"] .teaser-modal::before {
  background: rgba(0, 0, 0, 0.52);
}
html {
  overscroll-behavior-y: auto;
}
.drawer-body,
.product-sheet__panel {
  overscroll-behavior: contain;
}
.product-card__content {
  transition: transform 300ms var(--ease-out);
}
.product-card:hover .product-card__content {
  transform: translateY(-2px);
}
.ghost-button {
  transition:
    background    200ms var(--ease-out),
    border-color  200ms var(--ease-out),
    color         180ms var(--ease-out),
    box-shadow    220ms var(--ease-out),
    transform     200ms var(--ease-spring);
}
.ghost-button:hover  { transform: translateY(-1px); }
.ghost-button:active { transform: translateY(0) scale(0.97); transition-duration: 70ms; }
.secondary-button {
  transition:
    background    200ms var(--ease-out),
    border-color  200ms var(--ease-out),
    color         180ms var(--ease-out),
    box-shadow    240ms var(--ease-out),
    transform     200ms var(--ease-spring);
}
.secondary-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(2, 61, 58, 0.15);
}
.secondary-button:active { transform: translateY(0) scale(0.97); transition-duration: 70ms; }
.text-link {
  position: relative;
}
.text-link::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: width 260ms var(--ease-snap);
  pointer-events: none;
}
.text-link:hover::after { width: 100%; }
.product-card__media:not(.img-loaded) {
  animation-duration: 2.8s;
  animation-timing-function: ease-in-out;
}
.reveal .section-kicker,
.reveal .micro-label,
.reveal .tagline-label {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity   480ms var(--ease-out)  calc(var(--reveal-delay, 0ms) + 60ms),
    transform 500ms var(--ease-snap) calc(var(--reveal-delay, 0ms) + 60ms);
}
.reveal.is-visible .section-kicker,
.reveal.is-visible .micro-label,
.reveal.is-visible .tagline-label {
  opacity: 1;
  transform: translateY(0);
}
@keyframes lx-item-settle {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.cart-item {
  animation: lx-item-settle 280ms var(--ease-snap) both;
}
.cart-item:nth-child(1) { animation-delay: 160ms; }
.cart-item:nth-child(2) { animation-delay: 200ms; }
.cart-item:nth-child(3) { animation-delay: 240ms; }
.cart-item:nth-child(4) { animation-delay: 280ms; }
.cart-item:nth-child(n+5) { animation-delay: 320ms; }
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration:        0.01ms !important;
    animation-iteration-count: 1      !important;
    transition-duration:       0.01ms !important;
    scroll-behavior:           auto   !important;
  }
}
.space-field__input-wrap,
.admin-field__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.space-field__input-wrap input,
.admin-field__input-wrap input {
  width: 100%;
  padding-right: 2.75rem; }
.space-field__eye,
.admin-field__eye {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--muted);
  border-radius: 50%;
  transition: color 180ms var(--ease-out), background 180ms var(--ease-out);
}
.space-field__eye:hover,
.admin-field__eye:hover {
  color: var(--text-main);
  background: var(--surface-soft);
}
.space-field__eye svg,
.admin-field__eye svg {
  width: 1rem;
  height: 1rem;
  stroke-width: 1.75;
  pointer-events: none;
}
.space-forgot-link {
  display: block;
  margin: 0.25rem 0 0;
  padding: 0.25rem 0;
  border: none;
  background: transparent;
  font-size: 0.8125rem;
  color: var(--muted);
  cursor: pointer;
  text-align: left;
  letter-spacing: 0.01em;
  transition: color 200ms var(--ease-out);
}
.space-forgot-link:hover {
  color: var(--gold);
}
.space-recovery {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 360ms var(--ease-snap),
    opacity    280ms var(--ease-out),
    margin     280ms var(--ease-out);
  margin-top: 0;
}
.space-recovery.is-open {
  max-height: 8rem;
  opacity: 1;
  margin-top: 0.875rem;
}
.space-recovery__message {
  font-size: 0.8125rem;
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 0.625rem;
}
.space-recovery__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--emerald);
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: opacity 180ms var(--ease-out), gap 180ms var(--ease-out);
}
.space-recovery__link:hover {
  opacity: 0.75;
  gap: 0.625rem;
}
.space-recovery__link svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  stroke-width: 1.75;
}
@media (min-width: 1280px) {
    .section-block {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
    .products-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.75rem;
  }
    .cart-drawer .drawer-panel {
    width: 32rem;
    max-width: 32rem;
  }
    .account-features {
    grid-template-columns: repeat(4, 1fr);
  }
    .editorial-panel {
    padding: 3.5rem;
  }
    .space-auth-wrap {
    max-width: 42rem;
  }
    .checkout-panel,
  .bag-checkout-panel {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
    .hero-grid {
    gap: 5rem;
  }
    .notice-bar {
    max-width: 900px;
    margin-inline: auto;
  }
}
@keyframes skel-sweep {
  0%   { transform: translateX(-120%) skewX(-8deg); }
  100% { transform: translateX(220%) skewX(-8deg); }
}
.product-card__media:not(.img-loaded)::before,
.product-sheet__media:not(.img-loaded)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 25%,
    rgba(255, 253, 244, 0.38) 50%,
    transparent 75%
  );
  animation: skel-sweep 2.4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}
html[data-theme="dark"] .product-card__media:not(.img-loaded)::before,
html[data-theme="dark"] .product-sheet__media:not(.img-loaded)::before {
  background: linear-gradient(
    105deg,
    transparent 25%,
    rgba(197, 161, 59, 0.08) 50%,
    transparent 75%
  );
}
html[data-theme="dark"] .editorial-panel {
  background: color-mix(in srgb, var(--card-bg) 90%, rgba(197, 161, 59, 0.04) 10%);
}
html[data-theme="dark"] .product-card {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--card-bg) 94%, rgba(197, 161, 59, 0.06) 6%) 0%,
    var(--card-bg) 100%
  );
}
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .teaser-card,
html[data-theme="dark"] .feature-card {
  background: color-mix(in srgb, var(--card-bg) 88%, rgba(197, 161, 59, 0.04) 12%);
  border-color: rgba(197, 161, 59, 0.1);
}
html[data-theme="dark"] .trust-rail {
  background: rgba(2, 61, 58, 0.35);
  border-color: rgba(197, 161, 59, 0.12);
}
html[data-theme="dark"] .trust-rail__inner span {
  color: rgba(230, 223, 203, 0.72);
}
html[data-theme="dark"] .disclaimer-card {
  background: color-mix(in srgb, var(--emerald) 92%, rgba(197, 161, 59, 0.08) 8%);
  border-color: rgba(197, 161, 59, 0.14);
}
html[data-theme="dark"] .space-auth-card {
  background: color-mix(in srgb, var(--card-bg) 92%, rgba(197, 161, 59, 0.03) 8%);
}
.toast {
  padding: 0.68rem 1.55rem;
  font-size: 0.83rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 8px 28px rgba(2, 61, 58, 0.18),
    0 2px 8px rgba(2, 61, 58, 0.12);
}
html[data-theme="dark"] .toast {
  border-color: rgba(197, 161, 59, 0.22);
  box-shadow:
    0 8px 28px rgba(0, 0, 0, 0.3),
    0 2px 8px rgba(0, 0, 0, 0.2);
}
.hero-body {
  line-height: var(--leading-loose);
  letter-spacing: 0.005em;
}
.promise-band__inner blockquote {
  font-size: clamp(1.45rem, 3vw, 2.1rem);
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-style: italic;
}
.promise-band__inner p {
  margin-top: 1.5rem;
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.7;
}
.section-heading p {
  line-height: var(--leading-relaxed);
  max-width: 52ch;
}
.product-card__title {
  line-height: var(--leading-snug);
  letter-spacing: -0.025em;
}
.testimonial-card p {
  font-size: 1.0rem;
  line-height: 1.82;
  letter-spacing: 0.004em;
  font-style: italic;
}
.story-card p,
.feature-card p {
  line-height: 1.75;
}
.product-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 55%,
    rgba(12, 23, 22, 0.22) 100%
  );
  opacity: 0;
  transition: opacity 360ms var(--ease-out);
  z-index: 2;
  pointer-events: none;
}
.product-card:hover .product-card__media::after {
  opacity: 1;
}
.cart-empty {
  border-style: solid;
  border-width: 1px;
  background: linear-gradient(
    160deg,
    rgba(197, 161, 59, 0.04) 0%,
    var(--surface-soft) 100%
  );
}
.cart-empty__icon {
  font-size: 1.75rem;
  opacity: 0.8;
}
.section-kicker {
  font-size: var(--type-label);
  letter-spacing: 0.13em;
  opacity: 0.82;
}
.testimonial-card--featured {
  background: color-mix(
    in srgb,
    var(--card-bg) 88%,
    rgba(2, 61, 58, 0.06) 12%
  );
}
.support-pill {
  transition:
    opacity 280ms var(--ease-out),
    transform 280ms var(--ease-out),
    box-shadow 280ms var(--ease-out);
}
body.is-scrolled .support-pill {
  opacity: 0.78;
}
.collection-curation__lead {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--text-main);
  font-style: italic;
}
.collection-curation__list {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  color: var(--text-soft);
  margin-top: 0.35rem;
}
.visual-card__meta {
  padding: 1.1rem 1.3rem 1.3rem;
}
.visual-card__meta p {
  font-size: 0.875rem;
  line-height: 1.65;
  font-style: italic;
  color: var(--text-soft);
}
.space-why {
  padding: 1.25rem 0;
}
.space-auth-intro {
  line-height: 1.72;
  font-style: italic;
  color: var(--text-soft);
  font-size: 0.96rem;
}
.space-trust-block__lead {
  font-family: var(--font-display);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  font-style: italic;
}
.story-card {
  padding: 2.25rem 2rem;
}
.story-emoji {
  font-size: 1.85rem;
  line-height: 1;
  margin-bottom: 1.1rem;
  display: block;
}
.filter-chip.is-active {
  border-color: var(--gold);
  box-shadow: inset 0 0 0 1px rgba(197, 161, 59, 0.32), var(--shadow-xs);
}
.product-soul p {
  font-size: 1.05rem;
  line-height: 1.82;
  letter-spacing: 0.01em;
}
.section-heading {
  margin-bottom: 2.75rem;
}
@media (min-width: 768px) {
  .section-heading {
    margin-bottom: 3.5rem;
  }
  .promise-band__inner {
    padding: 4rem 3.5rem;
  }
}
.product-card__media img {
  transition:
    opacity  520ms var(--ease-out),
    transform 520ms var(--ease-out);
}
.product-card__media img:not(.img-loaded) {
  transform: scale(1.012);
}
.product-card__media img.img-loaded {
  transform: scale(1);
}
.support-pill.is-form-focused {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.75rem) scale(0.94);
}
.space-form {
  gap: 1rem;
}
.space-field {
  gap: 0.22rem;
}
.space-field input {
  min-height: 2.9rem;
  padding: 0.76rem 1.1rem;
  font-size: 0.94rem;
}
.space-field__input-wrap input {
  padding-right: 2.75rem; }
.space-form__submit {
  min-height: 3.1rem;
  margin-top: 0.25rem;
}
.admin-login__form {
  gap: 0.875rem;
}
.admin-field {
  gap: 0.22rem;
}
.admin-field input {
  min-height: 2.9rem;
  padding: 0.76rem 1.1rem;
  font-size: 0.94rem;
}
.admin-field__input-wrap input {
  padding-right: 2.75rem;
}
#adminLoginPanel,
#adminPanel,
#adminSignout {
  transition: opacity 200ms var(--ease-out);
}
@media (max-width: 480px) {
  .space-auth-card {
    padding: 1.75rem 1.35rem;
  }
  .space-heading {
    margin-bottom: 0.35rem;
  }
  .space-auth-intro {
    margin-top: 0.35rem;
    margin-bottom: 0;
  }
  .space-form {
    gap: 0.875rem;
    margin-top: 1rem;
  }
}
.admin-login {
  gap: 2rem;
}
@media (min-width: 640px) {
  .admin-login {
    gap: 3rem;
  }
}
.lx-cart-orb {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.cart-drawer__panel::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.55rem;
  width: 0.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: rgba(2, 61, 58, 0.15);
  transform: translateY(-50%);
  pointer-events: none;
}
html[data-theme="dark"] .cart-drawer__panel::after {
  background: rgba(197, 161, 59, 0.18);
}
@media (max-width: 1040px) {
  html[data-theme="dark"] .product-sheet__panel::before {
    background: rgba(197, 161, 59, 0.22);
  }
}
.cart-count {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 1041px) {
  .product-sheet__backdrop {
    backdrop-filter: saturate(40%) blur(26px);
    -webkit-backdrop-filter: saturate(40%) blur(26px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lx-cart-orb {
    display: none !important;
  }
  .cart-drawer__panel,
  .product-sheet__panel {
    transition-duration: 1ms !important;
  }
}
[data-entry-skip="1"] .lx-entry {
  display: none !important;
}
.lx-entry {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--ivory);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  will-change: opacity;
  transition: opacity 650ms cubic-bezier(0.23, 1, 0.32, 1);
}
html[data-theme="dark"] .lx-entry {
  background: var(--emerald-deep);
}
.lx-entry.is-done {
  opacity: 0;
  pointer-events: none;
}
.lx-entry__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;                       padding: 2rem;
  text-align: center;
}
.lx-entry__logo {
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity   500ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
  margin-bottom: 1.4rem;
}
.lx-entry__logo img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  box-shadow: 0 6px 24px rgba(2, 61, 58, 0.14);
}
.lx-entry__logo.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.lx-entry__logo {
  display: none; }
html[data-theme="dark"] .lx-entry__logo {
  display: block; }
.lx-entry__wordmark {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity   640ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 640ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
  user-select: none;
  margin-bottom: 1.15rem;
}
.lx-entry__wordmark.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.lx-entry__wordmark-img {
  display: block;
  width: clamp(200px, 55vw, 280px);
  height: auto;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.lx-entry__wordmark-text {
  display: none; }
html[data-theme="dark"] .lx-entry__wordmark-img {
  display: none; }
html[data-theme="dark"] .lx-entry__wordmark-text {
  display: block;
  font-size: clamp(2rem, 6vw, 3.25rem);
  letter-spacing: 0.22em;
  color: var(--cream);
  }
.lx-entry__tagline {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(0.74rem, 2vw, 0.88rem);
  font-weight: 400;
  font-style: italic;
  color: var(--muted);
  line-height: 1.95;
  letter-spacing: 0.01em;
  max-width: 28ch;
  margin: 0 0 1.75rem;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity   560ms cubic-bezier(0.16, 1, 0.3, 1) 80ms,
    transform 560ms cubic-bezier(0.16, 1, 0.3, 1) 80ms;
  will-change: transform, opacity;
}
html[data-theme="dark"] .lx-entry__tagline {
  color: rgba(230, 223, 203, 0.58);
}
.lx-entry__tagline.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.lx-entry__foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  opacity: 0;
  transition: opacity 320ms cubic-bezier(0.23, 1, 0.32, 1);
}
.lx-entry__foot.is-visible {
  opacity: 1;
}
.lx-entry__progress {
  width: 7rem;
  height: 1px;
  background: rgba(2, 61, 58, 0.1);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}
html[data-theme="dark"] .lx-entry__progress {
  background: rgba(197, 161, 59, 0.12);
}
.lx-entry__progress-bar {
  position: absolute;
  inset: 0;
  background: var(--gold);
  border-radius: 999px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.lx-entry__progress-bar.is-running {
  transform: scaleX(1);
}
.lx-entry__progress-pct {
  font-family: "Open Sans", sans-serif;
  font-size: 0.6rem;
  font-weight: 300;
  letter-spacing: 0.12em;
  color: var(--muted);
  opacity: 0.45;
  user-select: none;
  min-width: 2.2ch;             text-align: center;
  font-variant-numeric: tabular-nums;
}
.hero-copy .eyebrow-row.reveal {
  transform: translateY(8px);
}
.hero-copy h1.reveal {
  transform: translateY(14px);
}
.hero-copy .hero-body.reveal,
.hero-copy .tagline-label.reveal {
  transform: translateY(8px);
}
[data-tod="morning"] .hero-visual img {
  filter: sepia(3%) saturate(106%) brightness(101%);
  transition: filter 2400ms ease;
}
[data-tod="golden"] .hero-visual img {
  filter: sepia(5%) saturate(112%) brightness(100%) warm(2%);
  transition: filter 2400ms ease;
}
[data-tod="evening"] .hero-visual img {
  filter: sepia(4%) saturate(108%) brightness(99%);
  transition: filter 2400ms ease;
}
.product-card__media:not(.img-loaded) {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--cream) 82%, var(--gold) 18%) 0%,
    color-mix(in srgb, var(--ivory-deep) 90%, var(--gold) 10%) 100%
  );
}
.product-sheet__media:not(.img-loaded) {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--cream) 80%, var(--gold) 20%) 0%,
    color-mix(in srgb, var(--ivory-deep) 88%, var(--gold) 12%) 100%
  );
}
.site-header .brand-mark {
  transition:
    width  300ms cubic-bezier(0.16, 1, 0.3, 1),
    height 300ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.site-header.is-scrolled .brand-mark {
  width: 2.2rem;
  height: 2.2rem;
}
.brand-pill small {
  transition:
    opacity    260ms cubic-bezier(0.23, 1, 0.32, 1),
    max-height 300ms cubic-bezier(0.16, 1, 0.3, 1),
    margin-top 280ms cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  max-height: 2.4rem;
}
.site-header.is-scrolled .brand-pill small {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .lx-entry {
    transition-duration: 1ms !important;
  }
  .lx-entry__wordmark,
  .lx-entry__tagline {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 1ms !important;
  }
    .lx-entry__progress-bar {
    transform: scaleX(1) !important;
    transition-duration: 1ms !important;
  }
    .product-card__media:not(.img-loaded)::before,
  .product-sheet__media:not(.img-loaded)::before {
    animation: none !important;
  }
}
h1, h2, h3 {
  text-wrap: balance;
}
.hero-body,
.product-soul p,
.editorial-copy p,
.story-card p,
.promise-band__inner p,
.testimonial-card p,
.section-heading p {
  text-wrap: pretty;
}
.hero-copy h1,
.section-heading h2,
.promise-band__inner blockquote,
.lx-entry__wordmark,
.editorial-campaign__title {
  font-feature-settings: "liga" 1, "kern" 1, "dlig" 1;
}
.hero-copy h1 {
  word-spacing: -0.015em;
}
.promise-band__inner blockquote {
  letter-spacing: -0.025em;
  line-height: 1.28;
}
.page-noise {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 320px 320px;
  background-repeat: repeat;
  opacity: 0.022;
  mix-blend-mode: overlay;
  will-change: initial;
}
.page-vignette {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
  background: radial-gradient(
    ellipse 80% 70% at 50% 50%,
    transparent 50%,
    rgba(2, 8, 8, 0.11) 100%
  );
}
html[data-theme="dark"] .page-noise {
  mix-blend-mode: screen;
  opacity: 0.028;
}
html[data-theme="dark"] .page-vignette {
  background: radial-gradient(
    ellipse 80% 70% at 50% 50%,
    transparent 50%,
    rgba(0, 0, 0, 0.22) 100%
  );
}
@keyframes lx-kb-campaign {
  0%   { transform: scale(1)    translate(0%,     0%);    }
  25%  { transform: scale(1.04) translate(-0.6%,  -0.4%); }
  50%  { transform: scale(1.07) translate(-0.3%,  -0.8%); }
  75%  { transform: scale(1.04) translate(0.4%,   -0.5%); }
  100% { transform: scale(1)    translate(0%,      0%);   }
}
.editorial-campaign__frame img.img-loaded {
  animation: lx-kb-campaign 30s ease-in-out infinite;
  transform-origin: center center;
}
.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity   840ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 840ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.section-heading.reveal {
  transform: translateY(22px) scale(0.997);
  will-change: opacity, transform;
}
.section-heading.reveal.is-visible {
  transform: translateY(0) scale(1);
  transition-duration: 980ms, 980ms;
}
.collection-section::before,
.promise-band::before,
.story-section::before,
.circle-section::before,
.teaser-section::before {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(197, 161, 59, 0.38),
    transparent
  );
  margin: 0 auto;
  position: relative;
  top: 0;
}
.promise-band__inner {
  position: relative;
  overflow: hidden;
}
.promise-band__inner::before {
  content: "";
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 180%;
  background: radial-gradient(
    ellipse at center top,
    rgba(197, 161, 59, 0.09) 0%,
    transparent 68%
  );
  pointer-events: none;
  z-index: 0;
}
.promise-band__inner > * {
  position: relative;
  z-index: 1;
}
.trust-rail__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 1.25rem 0;
  position: relative;
}
.trust-rail__inner::before,
.trust-rail__inner::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 72%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(197, 161, 59, 0.28),
    transparent
  );
}
.trust-rail__inner::before { top: 0; }
.trust-rail__inner::after  { bottom: 0; }
.trust-rail__inner span {
  padding: 0 1.5rem;
  background: transparent;
  font-size: 0.7rem;
  letter-spacing: 0.09em;
  text-transform: none;
  font-style: italic;
  font-family: var(--font-display);
  font-weight: 400;
  color: var(--muted);
  text-align: center;
  position: relative;
  line-height: 1;
}
.trust-rail__inner span + span::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(197, 161, 59, 0.4);
  font-style: normal;
  font-size: 0.8rem;
}
html[data-theme="dark"] .trust-rail__inner {
  background: transparent;
  border: none;
}
html[data-theme="dark"] .trust-rail__inner span {
  color: rgba(230, 223, 203, 0.52);
}
html[data-theme="dark"] .trust-rail__inner span + span::before {
  color: rgba(197, 161, 59, 0.32);
}
.checkout-panel {
  padding: 2rem 2rem 2.5rem;
}
.checkout-panel__intro {
  border-bottom: 1px solid rgba(197, 161, 59, 0.18);
  padding-bottom: 1.5rem;
  margin-bottom: 1.75rem;
}
.checkout-panel__intro p {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.72;
  color: var(--text-soft);
  letter-spacing: 0.005em;
}
.checkout-panel h3 {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink);
  margin-bottom: 1.5rem;
}
@media (min-width: 1100px) {
  .editorial-campaign__frame {
    aspect-ratio: 2 / 3;
    max-height: 680px;
  }
  .editorial-campaign__body {
    max-width: 38ch;
  }
  .section-heading p {
    max-width: 48ch;
  }
  .hero-grid {
    align-items: center;
    gap: 4.5rem;
  }
}
@media (min-width: 1400px) {
  .hero-copy h1 {
    font-size: clamp(3.2rem, 6vw, 5.4rem);
  }
  .editorial-campaign__frame {
    max-height: 780px;
  }
  .promise-band__inner blockquote {
    font-size: clamp(2rem, 3.2vw, 2.8rem);
  }
  .products-grid {
    gap: 2rem;
  }
  .section-heading p {
    max-width: 52ch;
    font-size: 1.05rem;
  }
}
.product-card:hover {
  transform: translateY(-7px);
}
.product-card__media img {
  transition:
    opacity   680ms var(--ease-out),
    transform 680ms var(--ease-out);
}
[data-season="spring"] .hero-visual img {
  filter: sepia(1%) saturate(107%) brightness(101%);
  transition: filter 3000ms ease;
}
[data-season="summer"] .hero-visual img {
  filter: sepia(4%) saturate(110%) brightness(101%) contrast(101%);
  transition: filter 3000ms ease;
}
[data-season="autumn"] .hero-visual img {
  filter: sepia(6%) saturate(105%) brightness(99%) contrast(102%);
  transition: filter 3000ms ease;
}
[data-season="winter"] .hero-visual img {
  filter: sepia(2%) saturate(94%) brightness(100%) contrast(100%);
  transition: filter 3000ms ease;
}
[data-season="spring"] .editorial-campaign__frame {
  box-shadow: var(--shadow-lift), 0 0 0 1px rgba(197, 161, 59, 0.06);
}
[data-season="summer"] .editorial-campaign__frame {
  box-shadow: var(--shadow-lift), 0 0 0 1px rgba(197, 161, 59, 0.09);
}
[data-season="autumn"] .editorial-campaign__frame {
  box-shadow: var(--shadow-deep), 0 0 0 1px rgba(197, 161, 59, 0.1);
}
[data-season="winter"] .editorial-campaign__frame {
  box-shadow: var(--shadow-lift), 0 0 0 1px rgba(197, 161, 59, 0.05);
}
@media (prefers-reduced-motion: reduce) {
    .editorial-campaign__frame img.img-loaded {
    animation: none !important;
  }
    .reveal,
  .section-heading.reveal {
    transition-duration: 0.01ms !important;
  }
    [data-season] .hero-visual img,
  [data-season] .editorial-campaign__frame img {
    transition: none !important;
  }
    .page-noise {
    animation: none !important;
  }
}
@media (max-width: 768px) {
  .editorial-campaign__frame img.img-loaded {
    animation: none;
  }
}
@media (max-width: 680px) {
  .trust-rail__inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .trust-rail__inner::-webkit-scrollbar {
    display: none;
  }
  .trust-rail__inner span {
    flex-shrink: 0;
    padding: 0 1.1rem;
  }
    .trust-rail__inner::before,
  .trust-rail__inner::after {
    width: 88%;
  }
}
html[data-theme="dark"] .page-noise {
  opacity: 0.018;
}
.checkout-panel:not(:has(.checkout-panel__intro)) {
  padding-top: 1.5rem;
}
@media (max-width: 480px) {
  .softly-returning__grid {
    gap: 0.7rem;
  }
}
@media (max-width: 768px) {
  .editorial-campaign__frame img {
    transform: none !important;
  }
}
html[data-theme="dark"] .promise-band__inner::before {
  background: radial-gradient(
    ellipse at center top,
    rgba(197, 161, 59, 0.06) 0%,
    transparent 68%
  );
}
.collection-section::before {
  display: none;
}
@media (max-width: 400px) {
  .checkout-panel {
    padding: 1.5rem 1.25rem 2rem;
  }
  .checkout-panel h3 {
    font-size: 1.1rem;
  }
}
.hero-copy h1 {
  letter-spacing: -0.03em;
}
.section-heading h2 {
  line-height: 1.2;
}
.editorial-campaign__headline {
  font-weight: 400;
  line-height: 1.15;
}
.editorial-campaign__body {
  font-size: clamp(1.0625rem, 2.2vw, 1.375rem);
  line-height: var(--leading-relaxed);
}
.product-card__title {
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: -0.005em;
}
.promise-band__inner blockquote {
  line-height: 1.32;
}
.checkout-panel h3 {
  font-weight: 400;
}
.sr-card__name {
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0;
}
.dock-link span {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.primary-button,
.secondary-button {
  font-family: var(--font-ui);
  font-weight: 500;
}
.product-description {
  font-family: var(--font-body);
}
.checkout-form input,
.checkout-form textarea,
.checkout-form label {
  font-family: var(--font-ui);
}
.promise-band__inner .abdan-calligraph {
  color: rgba(248, 245, 236, 0.88);
}
.promise-band,
.story-section,
.circle-section,
.teaser-section {
  position: relative; }
@media (max-width: 720px) {
  .dock-link span {
    font-size: 0.62rem;
  }
}
html[data-theme="dark"] .space-field__eye,
html[data-theme="dark"] .admin-field__eye {
  color: var(--text-dim);
}
html[data-theme="dark"] .space-field__eye:hover,
html[data-theme="dark"] .admin-field__eye:hover {
  color: var(--text-soft);
  background: var(--surface-soft);
}
html[data-theme="dark"] .space-forgot-link {
  color: var(--text-dim);
}
.section-kicker {
  line-height: 1.5;
}
html[data-theme="dark"] .product-card__footer {
  border-top-color: rgba(230, 223, 203, 0.08);
}
html[data-theme="dark"] .trust-rail__inner span + span::before {
  color: rgba(197, 161, 59, 0.38);
}
html[data-theme="dark"] .space-recovery__link {
  color: var(--gold);
}
@media (max-width: 480px) {
  .page-vignette {
    opacity: 0.65;
  }
}
.section-heading.reveal.is-visible {
  will-change: auto;
}
html[data-theme="dark"] .cart-count {
  border-color: var(--card-bg);
}
@media (prefers-reduced-motion: reduce) {
  .dock-link span {
    transition-duration: 0.01ms !important;
  }
  .dock-link {
    transition-duration: 0.01ms !important;
  }
}
.ghost-button {
  font-family: var(--font-ui);
  font-weight: 500;
}
.support-pill span:first-child {
  font-weight: 400;
  letter-spacing: 0.01em;
}
.editorial-campaign__chips .filter-chip {
  font-family: var(--font-ui);
}
.footer-wordmark {
  margin: 0.55rem 0 0.6rem;
}
.footer-wordmark__img {
  display: block;
  height: 32px;
  width: auto;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.footer-wordmark__text {
  display: none; }
html[data-theme="dark"] .footer-wordmark__img {
  display: none; }
html[data-theme="dark"] .footer-wordmark__text {
  display: block;
  font-size: 1.35rem;
  letter-spacing: 0.22em;
  color: var(--cream);
  line-height: 1;
}
.admin-wordmark {
  display: inline-flex;
  align-items: center;
}
.admin-wordmark__img {
  display: block;
  height: 36px;           width: auto;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.admin-wordmark__text {
  display: none;
}
.admin-wordmark__suffix {
  }
html[data-theme="dark"] .admin-wordmark__img {
  display: none;
}
html[data-theme="dark"] .admin-wordmark__text {
  display: block;
  font-family: "Abdan Calligraph", "Cormorant Garamond", Georgia, serif;
  font-weight: normal;
  font-size: var(--type-heading-xl);
  letter-spacing: 0.18em;
  color: var(--cream);
  line-height: 1;
}
.brand-pill__wordmark,
.footer-wordmark__img,
.admin-wordmark__img,
.lx-entry__wordmark-img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.space-dash-head {
  padding: 2rem 0 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0.25rem;
}
.space-dash-head__text {
  flex: 1 1 0;
  min-width: 0;
}
.space-dash-head .space-heading {
  margin: 0.25rem 0 0.4rem;
}
.space-dash-head .space-auth-intro {
  margin: 0;
}
.space-leave-btn {
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0.35rem 0;
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  font-weight: 400;
  color: var(--text-dim);
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: color var(--t-fast);
  white-space: nowrap;
  align-self: center;
}
.space-leave-btn:hover { color: var(--text-soft); }
html[data-theme="dark"] .space-leave-btn       { color: rgba(230, 223, 203, 0.35); }
html[data-theme="dark"] .space-leave-btn:hover { color: var(--cream); }
.space-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid var(--line);
  margin-bottom: 2rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.space-tabs::-webkit-scrollbar { display: none; }
.space-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.85rem 1.1rem;
  background: none;
  border: none;
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  font-weight: 400;
  color: var(--text-soft);
  letter-spacing: 0.02em;
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--t-fast);
  -webkit-tap-highlight-color: transparent;
}
.space-tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0.5rem;
  right: 0.5rem;
  height: 1.5px;
  background: var(--gold);
  transform: scaleX(0);
  transition: transform 220ms var(--ease-out);
  transform-origin: left center;
}
.space-tab:hover              { color: var(--text-main); }
.space-tab.is-active          { color: var(--ink); font-weight: 600; }
.space-tab.is-active::after   { transform: scaleX(1); }
.space-tab__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3rem;
  border-radius: var(--radius-pill);
  background: var(--gold);
  color: white;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
html[data-theme="dark"] .space-tab            { color: rgba(230, 223, 203, 0.45); }
html[data-theme="dark"] .space-tab:hover      { color: var(--cream); }
html[data-theme="dark"] .space-tab.is-active  { color: var(--cream); }
.space-tab-panel {
  animation: none;
}
.space-tab-panel.is-active {
  animation: spaceTabReveal 320ms var(--ease-snap) both;
}
@keyframes spaceTabReveal {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.space-privilege-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
.space-privilege-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.35rem 1.25rem 1.4rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--paper-strong);
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
.space-privilege-card:hover {
  border-color: rgba(197, 161, 59, 0.35);
  box-shadow: var(--shadow-xs);
}
.space-privilege-card [data-lucide] {
  width: 1.1rem;
  height: 1.1rem;
  color: var(--gold);
  margin-bottom: 0.2rem;
  flex-shrink: 0;
}
.space-privilege-card strong {
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  font-weight: 600;
  color: var(--text-main);
  letter-spacing: 0.01em;
}
.space-privilege-card span {
  font-size: var(--type-micro);
  color: var(--text-soft);
  line-height: 1.55;
  letter-spacing: 0.01em;
}
html[data-theme="dark"] .space-privilege-card {
  background: rgba(255, 252, 245, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme="dark"] .space-privilege-card:hover {
  border-color: rgba(197, 161, 59, 0.25);
  background: rgba(255, 252, 245, 0.05);
}
.space-browse-cta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.35rem 1.5rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  border-left: 2px solid var(--gold);
}
.space-browse-cta__text {
  flex: 1;
  margin: 0;
  font-family: var(--font-editorial);
  font-size: var(--type-body);
  font-style: italic;
  color: var(--text-soft);
  line-height: 1.6;
}
html[data-theme="dark"] .space-browse-cta {
  background: rgba(197, 161, 59, 0.06);
}
.space-section-heading {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0 0.1rem;
}
.space-journey-card {
  background: var(--paper-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 1.35rem 1.4rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: box-shadow 240ms var(--ease-out);
}
.space-journey-card:hover { box-shadow: var(--shadow-sm); }
.space-journey-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.space-journey-card__ref {
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink);
}
.space-journey-card__date {
  font-size: 0.7rem;
  color: var(--muted);
  flex-shrink: 0;
}
.space-journey-card__items {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-soft);
  line-height: 1.5;
  font-style: italic;
}
.space-journey-track {
  display: flex;
  align-items: center;
  gap: 0;
  overflow: visible;
}
.space-journey-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}
.space-journey-step__dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 1.5px solid var(--line-strong);
  background: transparent;
  transition: background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
  flex-shrink: 0;
}
.space-journey-step.is-done .space-journey-step__dot {
  background: var(--gold);
  border-color: var(--gold);
}
.space-journey-step.is-current .space-journey-step__dot {
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(197, 161, 59, 0.22);
}
.space-journey-step__label {
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
  text-align: center;
}
.space-journey-step.is-done .space-journey-step__label,
.space-journey-step.is-current .space-journey-step__label {
  color: var(--text-main);
}
.space-journey-line {
  flex: 1;
  height: 1.5px;
  background: var(--line-strong);
  min-width: 0.5rem;
  margin-bottom: 1rem;   transition: background var(--t-fast);
}
.space-journey-line.is-done { background: var(--gold); }
.space-journey-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.space-journey-card__status {
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.22rem 0.65rem;
  border-radius: var(--radius-pill);
  line-height: 1;
  white-space: nowrap;
}
.space-journey-card__status[data-status="confirmed"]       { background: rgba(197,161,59,0.12);  color: #8c6b10; }
.space-journey-card__status[data-status="preparing"]       { background: rgba(2,61,58,0.1);       color: var(--emerald); }
.space-journey-card__status[data-status="shipped"]         { background: rgba(59,130,246,0.1);    color: #2563eb; }
.space-journey-card__status[data-status="out_for_delivery"]{ background: rgba(234,88,12,0.1);     color: #c2410c; }
.space-journey-card__status[data-status="delivered"]       { background: rgba(22,163,74,0.12);    color: #15803d; }
.space-journey-card__total {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ink);
}
.space-journey-empty {
  text-align: center;
  padding: 3rem 1.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.space-journey-empty [data-lucide] {
  width: 2rem;
  height: 2rem;
  color: var(--muted);
  opacity: 0.5;
}
.space-journey-empty p {
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: var(--type-body);
  color: var(--text-soft);
  max-width: 30ch;
  line-height: var(--leading-relaxed);
  margin: 0;
}
html[data-theme="dark"] .space-journey-card {
  background: rgba(255, 252, 245, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .space-journey-card__status[data-status="confirmed"] {
  background: rgba(197,161,59,0.1); color: var(--gold);
}
.space-saved-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: 1rem;
}
.space-saved-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  overflow: hidden;
  background: var(--paper-strong);
  transition: box-shadow 240ms var(--ease-out), border-color 240ms;
}
.space-saved-card:hover {
  box-shadow: var(--shadow-sm);
  border-color: rgba(197, 161, 59, 0.3);
}
.space-saved-card__img {
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--surface-soft);
}
.space-saved-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
  transition: transform 500ms var(--ease-out);
}
.space-saved-card:hover .space-saved-card__img img { transform: scale(1.04); }
.space-saved-card__img-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--surface-soft) 0%, var(--line) 100%);
}
.space-saved-card__body {
  padding: 0.8rem 0.9rem 0.75rem;
  flex: 1;
}
.space-saved-card__name {
  margin: 0 0 0.2rem;
  font-size: var(--type-body-sm);
  font-weight: 600;
  color: var(--text-main);
  line-height: 1.35;
}
.space-saved-card__price {
  margin: 0;
  font-size: var(--type-micro);
  color: var(--text-soft);
  letter-spacing: 0.03em;
}
.space-saved-card__remove {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: rgba(255, 252, 245, 0.88);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--t-fast), background var(--t-fast);
}
.space-saved-card__remove [data-lucide] {
  width: 0.8rem;
  height: 0.8rem;
  color: var(--text-soft);
}
.space-saved-card:hover .space-saved-card__remove,
.space-saved-card__remove:focus-visible { opacity: 1; }
.space-saved-card__remove:hover { background: white; }
.space-saved-empty {
  text-align: center;
  padding: 3rem 1.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.space-saved-empty [data-lucide] {
  width: 2rem;
  height: 2rem;
  color: var(--muted);
  opacity: 0.45;
}
.space-saved-empty p {
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: var(--type-body);
  color: var(--text-soft);
  max-width: 32ch;
  line-height: var(--leading-relaxed);
  margin: 0;
}
html[data-theme="dark"] .space-saved-card {
  background: rgba(255, 252, 245, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme="dark"] .space-saved-card__remove {
  background: rgba(14, 18, 16, 0.85);
}
.space-profile-card {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--paper-strong);
  margin-bottom: 1.5rem;
}
.space-profile-avatar {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--emerald);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.space-profile-initials {
  font-family: var(--font-calligraphy);
  font-size: 1.6rem;
  color: rgba(230, 223, 203, 0.9);
  line-height: 1;
  user-select: none;
}
.space-profile-info {
  flex: 1;
  min-width: 0;
}
.space-profile-display {
  margin: 0 0 0.2rem;
  font-family: var(--font-display);
  font-size: var(--type-heading-md);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--text-main);
  line-height: 1.2;
}
.space-profile-full-name {
  margin: 0 0 0.3rem;
  font-size: var(--type-body-sm);
  color: var(--text-soft);
}
.space-profile-meta {
  margin: 0.1rem 0 0;
  font-size: var(--type-body-sm);
  color: var(--text-soft);
}
.space-profile-joined {
  margin: 0.55rem 0 0;
  font-size: var(--type-micro);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.space-profile-edit-section {
  margin-bottom: 1.75rem;
}
.space-edit-toggle {
  background: none;
  border: none;
  padding: 0;
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  font-weight: 600;
  color: var(--gold);
  cursor: pointer;
  letter-spacing: 0.01em;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity var(--t-fast);
  margin-bottom: 1.25rem;
  display: block;
}
.space-edit-toggle:hover { opacity: 0.75; }
.space-profile-form {
  padding: 1.5rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  border: 1px solid var(--line);
}
.space-profile-form__note {
  font-size: var(--type-body-sm);
  color: var(--text-dim);
  font-style: italic;
  margin: 0 0 0.5rem;
  line-height: 1.5;
}
.space-profile-form__actions {
  display: flex;
  gap: 0.85rem;
  flex-wrap: wrap;
}
.space-profile-privacy {
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  text-align: center;
}
.space-profile-privacy__text {
  margin: 0 0 0.85rem;
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: var(--type-body-sm);
  color: var(--text-soft);
}
html[data-theme="dark"] .space-profile-card {
  background: rgba(255, 252, 245, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .space-profile-form {
  background: rgba(255, 252, 245, 0.04);
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme="dark"] .space-profile-privacy {
  background: rgba(255, 252, 245, 0.04);
}
@media (max-width: 720px) {
  .space-dash-head {
    padding: 1.5rem 0 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
  }
  .space-leave-btn { align-self: flex-start; }
  .space-tab { padding: 0.75rem 0.85rem; font-size: 0.8rem; }
  .space-privilege-row {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .space-privilege-card {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
  }
  .space-privilege-card [data-lucide] { margin-bottom: 0; margin-top: 0.1rem; }
  .space-browse-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
  }
  .space-saved-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
  .space-saved-card__remove { opacity: 1; } 
  .space-profile-card {
    flex-direction: column;
    gap: 1rem;
  }
  .space-journey-track {
        gap: 0;
  }
  .space-journey-step__label { font-size: 0.52rem; }
  .space-profile-form__actions { flex-direction: column; }
  .space-profile-form__actions .primary-button,
  .space-profile-form__actions .ghost-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .space-tab-panel.is-active { animation: none; }
  .space-saved-card__img img { transition: none; }
  .space-journey-step__dot   { transition: none; }
}
@keyframes cartPop {
  0%   { transform: scale(1); }
  38%  { transform: scale(1.10); }
  68%  { transform: scale(0.97); }
  100% { transform: scale(1); }
}
.cart-button.is-popping {
  animation: cartPop 360ms var(--ease-snap) forwards;
}
@keyframes lx-count-pop {
  0%   { transform: scale(1); }
  38%  { transform: scale(1.22); }
  68%  { transform: scale(0.96); }
  100% { transform: scale(1); }
}
#cartCount.is-counting {
  animation: lx-count-pop 300ms var(--ease-snap) forwards;
}
@keyframes lx-chip-select {
  0%   { transform: scale(1); }
  32%  { transform: scale(0.96); }
  66%  { transform: scale(1.03); }
  100% { transform: scale(1); }
}
.option-chip.lx-selecting {
  animation: lx-chip-select 260ms var(--ease-snap) forwards;
}
@keyframes successPulse {
  0%   { opacity: 0; transform: scale(0.88); }
  60%  { opacity: 1; transform: scale(1.04); }
  100% { transform: scale(1); }
}
.toast {
  transition: opacity 240ms var(--ease-out), transform 300ms var(--ease-snap);
}
.space-view.is-entering {
  animation-duration: 300ms;
}
.card {
  transition:
    transform    260ms var(--ease-snap),
    border-color 280ms var(--ease-out),
    box-shadow   280ms var(--ease-out);
}
.orb-button {
  transition:
    transform    240ms var(--ease-snap),
    border-color 180ms var(--ease-out),
    background   180ms var(--ease-out),
    color        180ms var(--ease-out);
}
.support-pill {
  transition:
    transform    220ms var(--ease-snap),
    border-color 180ms var(--ease-out),
    background   180ms var(--ease-out),
    box-shadow   220ms var(--ease-out),
    opacity      260ms var(--ease-out);
}
.filter-chip {
  transition:
    transform      240ms var(--ease-snap),
    background     200ms var(--ease-out),
    border-color   200ms var(--ease-out),
    color          200ms var(--ease-out),
    box-shadow     200ms var(--ease-out);
}
@media (max-width: 767px) {
  .dock-link {
    transition:
      background    240ms var(--ease-out),
      color         240ms var(--ease-out),
      padding       300ms var(--ease-snap),
      box-shadow    280ms var(--ease-out),
      transform     220ms var(--ease-snap);
  }
}
.section-heading.reveal {
  transform: translateY(14px) scale(0.998);
}
@media (prefers-reduced-motion: reduce) {
  .cart-button.is-popping,
  #cartCount.is-counting,
  .option-chip.lx-selecting { animation: none; }
  .space-view.is-entering    { animation: none; }
  .toast                     { transition: opacity 160ms linear; }
  .section-heading.reveal    { transform: none; }
}
.space-why {
  padding: 0.5rem 0 1.75rem;
  background: none;
  border: none;
}
.space-browse-cta {
  background: none;
  border: none;
  padding: 1.5rem 0 0.5rem;
  border-top: 1px solid var(--line);
}
html[data-theme="dark"] .space-browse-cta {
  background: none;
}
html[data-theme="dark"] .space-field input {
  background: rgba(230, 223, 203, 0.07);
}
html[data-theme="dark"] .space-field input:focus {
  background: rgba(230, 223, 203, 0.10);
}
html[data-theme="dark"] .trust-rail__inner span {
  color: rgba(230, 223, 203, 0.62);
}
.trust-mini {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}
.trust-mini p {
  font-size: var(--type-body-sm);
  line-height: 1.75;
  color: var(--text-soft);
}
.editorial-story__label {
  letter-spacing: 0.06em;
  font-size: var(--type-label);
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 500;
}
.cart-trust-item [data-lucide] {
  width:  0.9rem;
  height: 0.9rem;
  opacity: 0.7;
}
.cart-trust-item span {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}
.space-privilege-card [data-lucide] {
  opacity: 0.55;
}
.teaser-modal__panel .secondary-button {
  align-self: center;
}
.space-field {
  gap: 0.35rem;
}
.space-auth-card .section-kicker {
  margin-bottom: 0.35rem;
}
@media (prefers-reduced-motion: reduce) {
  .trust-mini { transition: none; }
}
@media (max-width: 767px) {
  .cart-drawer__panel {
    inset: auto 0 0 0;            width: 100%;
    height: 88svh;
    max-height: 88svh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: translateY(100%);
    transition: transform 420ms var(--ease-snap);
    will-change: transform;
  }
  .cart-drawer.is-open .cart-drawer__panel {
    transform: translateY(0);
  }
    .cart-drawer__panel::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: var(--line);
    margin: 0.55rem auto 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .teaser-modal {
    align-items: flex-end;         }
  .teaser-modal__panel {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 1.5rem 1.35rem max(1.5rem, env(safe-area-inset-bottom));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: translateY(100%);      opacity: 1;                       transition: transform 400ms var(--ease-snap);
  }
  .teaser-modal.is-open .teaser-modal__panel {
    transform: translateY(0);
  }
    .teaser-modal__panel::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: var(--line);
    margin: 0 auto 1.1rem;
  }
}
@media (max-width: 767px) {
  .bottom-dock {
    transition:
      background 240ms var(--ease-out),
      transform 300ms var(--ease-snap);
    will-change: transform;
  }
  .bottom-dock.is-dock-hidden {
    transform: translateY(calc(100% + env(safe-area-inset-bottom)));
    transition: transform 180ms ease-in;
  }
}
@media (max-width: 767px) {
  .product-card__media {
    aspect-ratio: 0.75;    }
}
@media (max-width: 767px) {
    .dock-link {
    min-height: 44px;
  }
    .filter-chip {
    min-height: 40px;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
    .orb-button {
    min-width:  44px;
    min-height: 44px;
  }
    .option-chip {
    min-height: 40px;
    padding: 0.5rem 0.85rem;
  }
}
@media (max-width: 767px) {
  .story-card,
  .testimonial-card {
    border: none;
    box-shadow: none;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
    .story-card:first-child,
  .testimonial-card:first-child {
    border-top: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bottom-dock,
  .bottom-dock.is-dock-hidden {
    transition: none;
    transform: none;
  }
  @media (max-width: 767px) {
    .cart-drawer__panel,
    .teaser-modal__panel {
      transition: none;
    }
  }
}
.section-frame {
  padding-top: clamp(5rem, 9vh, 8rem);
}
.trust-rail  { padding-top: clamp(1rem, 1.8vh, 1.8rem); }
.promise-band { padding-top: clamp(1rem, 1.8vh, 1.8rem); }
.editorial-campaign.section-frame {
  padding-top: clamp(5.5rem, 10vh, 9rem);
}
.hero-copy h1 {
  letter-spacing: -0.03em;
  margin-bottom: 1.75rem;
}
.hero-visual .visual-card--image img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center top;
}
.trust-rail__inner {
  background:    transparent;
  border-radius: 0;
  border:        none;
  border-top:    1px solid var(--line);
  border-bottom: 1px solid var(--line);
  gap:           0;
}
.trust-rail__inner span {
  background:   transparent;
  font-size:    0.67rem;
  letter-spacing: 0.20em;
  color:        var(--text-soft);
  padding:      1.1rem 1rem;
  border-right: 1px solid var(--line);
}
.trust-rail__inner span:last-child { border-right: none; }
html[data-theme="dark"] .trust-rail__inner span { border-right-color: var(--line); }
.promise-band__inner {
  padding:       clamp(3rem, 7vw, 5.5rem);
  border-radius: var(--radius-xl);
  position:      relative;
  overflow:      hidden;
}
.promise-band__inner::before {
  content:         "";
  position:        absolute;
  inset:           0;
  background:      radial-gradient(
    ellipse at 25% 65%,
    rgba(197, 161, 59, 0.09) 0%,
    transparent 60%
  );
  pointer-events:  none;
}
.promise-band__inner blockquote {
    font-weight:    400;
  font-size:      clamp(2rem, 5.5vw, 3.6rem);
  line-height:    1.2;
  letter-spacing: -0.025em;
  position:       relative; }
.promise-band__inner p {
  margin-top:     1.6rem;
  font-size:      0.84rem;
  letter-spacing: 0.06em;
  opacity:        0.60;
}
.story-card {
  background:             transparent !important;
  border:                 none !important;
  box-shadow:             none !important;
  backdrop-filter:        none !important;
  -webkit-backdrop-filter: none !important;
  border-radius:          0 !important;
  padding:                1.6rem 0 !important;
}
.story-grid {
  gap: 2.5rem; }
.story-card h3 {
  font-size:      clamp(1.1rem, 2.5vw, 1.4rem);
  letter-spacing: -0.015em;
  margin:         0 0 0.65rem;
}
.story-card p {
  color:        var(--text-soft);
  line-height:  var(--leading-relaxed);
  max-width:    36ch;
}
.testimonial-card:not(.testimonial-card--featured) {
  background:             transparent !important;
  border:                 none !important;
  box-shadow:             none !important;
  backdrop-filter:        none !important;
  -webkit-backdrop-filter: none !important;
  border-radius:          0 !important;
  padding:                1.6rem 0 !important;
}
.testimonial-grid {
  gap: 2rem;
  align-items: start; }
.testimonial-card--featured {
  border-radius: var(--radius-lg) !important;
  padding:       clamp(1.6rem, 3vh, 2.2rem) clamp(1.4rem, 3vw, 2rem) !important;
}
.testimonial-card:not(.testimonial-card--featured) p {
  font-family:  var(--font-editorial);
  font-style:   italic;
  font-size:    clamp(1.05rem, 2.5vw, 1.3rem) !important;
  line-height:  1.65;
  color:        var(--text-main);
  margin-bottom: 1rem;
}
.testimonial-card--featured p {
  font-size: clamp(1.05rem, 2.8vw, 1.4rem);
}
.feature-card {
  box-shadow:  none !important;
  background:  var(--surface-soft) !important;
  border-color: var(--line) !important;
}
.feature-card h3 {
  font-size:      clamp(1rem, 2vw, 1.12rem);
  letter-spacing: -0.01em;
}
.feature-card p { color: var(--text-soft); }
.disclaimer-card {
  background:  var(--surface-soft) !important;
  border-color: var(--line) !important;
  box-shadow:  none !important;
}
.mood-editorial {
  background:    transparent;
  border-color:  transparent;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding-left:  0;
  padding-right: 0;
  padding-top:   0.5rem;
}
.mood-editorial::before { display: none; }
html[data-theme="dark"] .mood-editorial {
  background:    transparent;
  border-color:  transparent;
  border-bottom-color: var(--line);
}
.product-card:hover {
  transform:  translateY(-3px);
  box-shadow: var(--shadow-soft);
}
.section-heading {
  margin-bottom: clamp(2.8rem, 5vh, 4.2rem);
}
.section-heading h2 {
  margin:         0.9rem 0 1.3rem;
  letter-spacing: -0.025em;
}
.reveal {
  transform: translateY(16px);
  transition:
    opacity   940ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 940ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.section-heading.reveal {
  transform: translateY(24px);
  transition-duration: 1080ms, 1080ms;
}
@media (max-width: 767px) {
    .hero-section {
    min-height: 100svh;
    padding-top: 7rem;
  }
    .section-frame { padding-top: clamp(4rem, 7.5vh, 6.5rem); }
    .trust-rail__inner {
    grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
    overflow-x:                 auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x:      contain;
    scrollbar-width:            none;
  }
  .trust-rail__inner::-webkit-scrollbar { display: none; }
    .promise-band { padding-left: 0; padding-right: 0; }
  .promise-band__inner {
    border-radius: 0;
    padding: clamp(2.8rem, 7vw, 4rem) clamp(1.25rem, 5vw, 2rem);
  }
    .editorial-campaign__visual { order: -1; }
    .story-grid {
    gap:           0;
    border-bottom: 1px solid var(--line);
  }
  .story-card {
    border-top: 1px solid var(--line) !important;
    padding:    clamp(1.6rem, 3vh, 2.4rem) 0 !important;
  }
  .story-card:first-child { border-top: none !important; }
  .story-card p { max-width: none; }
    .testimonial-grid {
    grid-template-columns: 1fr;
    gap:           0;
    border-bottom: 1px solid var(--line);
  }
  .testimonial-card:not(.testimonial-card--featured) {
    border-top: 1px solid var(--line) !important;
    padding:    clamp(1.6rem, 3vh, 2.4rem) 0 !important;
  }
  .testimonial-card:not(.testimonial-card--featured):first-child {
    border-top: none !important;
  }
  .testimonial-card--featured {
    margin: 0.5rem 0;
  }
    .feature-card {
    background:             transparent !important;
    border:                 none !important;
    border-top:             1px solid var(--line) !important;
    border-radius:          0 !important;
    padding:                clamp(1.3rem, 2.5vh, 1.9rem) 0 !important;
  }
  .feature-card:first-child { border-top: none !important; }
  .account-features {
    grid-template-columns: 1fr;
    gap:           0;
    border-bottom: 1px solid var(--line);
  }
}
html[data-theme="dark"] .promise-band__inner {
  background: linear-gradient(135deg,
    #012f2c 0%,
    #01302e 55%,
    #023d3a 100%
  );
}
html[data-theme="dark"] .trust-rail__inner {
  border-top-color:    var(--line);
  border-bottom-color: var(--line);
}
html[data-theme="dark"] .disclaimer-card {
  background:  var(--surface-soft) !important;
  border-color: var(--line) !important;
}
html[data-theme="dark"] .feature-card {
  background:   var(--surface-soft) !important;
  border-color: var(--line) !important;
}
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .section-heading.reveal {
    transition-duration: 1ms, 1ms !important;
    transform:           none !important;
  }
  .promise-band__inner::before { display: none; }
}
html[data-time="morning"] { --ivory: #faf6ef; --cream: #e8e1cd; }   html[data-time="evening"] { --ivory: #f9f2e7; --cream: #e5ddc8; }   html[data-time="night"]   { --ivory: #f6f0e3; --cream: #e2dac4; }   
body[data-session="present"] .reveal                  { transition-duration: 1060ms, 1060ms; }
body[data-session="present"] .section-heading.reveal  { transition-duration: 1180ms, 1180ms; }
body[data-session="settled"] .reveal                  { transition-duration: 1180ms, 1180ms; }
body[data-session="settled"] .section-heading.reveal  { transition-duration: 1320ms, 1320ms; }
.editorial-campaign.section-frame  { background-color: rgba(197, 161,  59, 0.018); }
.story-section.section-frame       { background-color: rgba(197, 161,  59, 0.022); }
.circle-section.section-frame      { background-color: rgba(  2,  61,  58, 0.016); }
.teaser-section.section-frame      { background-color: rgba(197, 161,  59, 0.012); }
html[data-time="evening"] .editorial-campaign.section-frame,
html[data-time="evening"] .story-section.section-frame      { background-color: rgba(197, 161, 59, 0.030); }
html[data-time="night"]   .editorial-campaign.section-frame,
html[data-time="night"]   .story-section.section-frame      { background-color: rgba(197, 161, 59, 0.038); }
html[data-time="evening"] .promise-band__inner,
html[data-time="night"]   .promise-band__inner {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--emerald) 92%, var(--gold) 8%) 0%,
    var(--emerald)                                          55%,
    color-mix(in srgb, var(--emerald) 97%, #000           3%) 100%
  );
}
.product-card                   { box-shadow: var(--shadow-xs); }
.product-card:hover             { box-shadow: var(--shadow-soft); transform: translateY(-3px); }
html[data-theme="dark"][data-time="evening"] { --bg: #021a18; --surface: #032220; }
html[data-theme="dark"][data-time="night"]   { --bg: #01110f; --surface: #011a17; }
html[data-theme="dark"] .product-card        { box-shadow: 0 1px 3px  rgba(0, 0, 0, 0.32); }
html[data-theme="dark"] .product-card:hover  { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); }
html[data-theme="dark"] .promise-band__inner {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, #012f2c 96%, var(--gold)  4%) 0%,
    #01302e                                          55%,
    color-mix(in srgb, #01302e 97%, #000           3%) 100%
  );
}
html[data-theme="dark"][data-time="evening"] .promise-band__inner,
html[data-theme="dark"][data-time="night"]   .promise-band__inner {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, #012f2c 90%, var(--gold)  10%) 0%,
    #01302e                                            55%,
    color-mix(in srgb, #01302e 96%, #000              4%) 100%
  );
}
body[data-returning="true"] .promise-band__inner::before {
  background: radial-gradient(
    ellipse at 20% 70%,
    rgba(197, 161, 59, 0.14) 0%,
    transparent              52%
  );
}
.section-heading > p   { opacity: 0.54; font-size: 0.91rem; max-width: 44ch; line-height: 1.66; }
.section-kicker        { letter-spacing: 0.22em; font-size: 0.635rem; }
.hero-copy             { max-width: 44ch; }
.input-base:focus {
  box-shadow: 0 0 0 2px rgba(197, 161, 59, 0.22);
  outline: none;
}
.collection-section .section-heading { margin-bottom: clamp(3.2rem, 5.5vh, 4.8rem); }
@media (prefers-reduced-motion: reduce) {
  body[data-session] .reveal,
  body[data-session] .section-heading.reveal {
    transition-duration: 1ms, 1ms !important;
  }
}
.lx-entry__wordmark-img {
  width: clamp(240px, 62vw, 360px);    }
.brand-pill__wordmark {
  height: 28px;                         }
.footer-wordmark__img {
  height: 42px;                         }
html[data-theme="dark"] .lx-entry__wordmark-text {
  font-size:      clamp(2.8rem, 8vw, 4.4rem);    font-style:     italic;
  font-weight:    300;
  letter-spacing: 0.10em;                       }
html[data-theme="dark"] .brand-pill__wordmark-text {
  font-size:      1.15rem;      font-style:     italic;
  font-weight:    300;
  letter-spacing: 0.10em;    }
html[data-theme="dark"] .footer-wordmark__text {
  font-size:      1.6rem;       font-style:     italic;
  font-weight:    300;
  letter-spacing: 0.10em;    }
html[data-theme="dark"] .admin-wordmark__text {
  font-style:     italic;
  font-weight:    300;
  letter-spacing: 0.10em;
}
.hero-copy h1.reveal {
  letter-spacing: 0.015em;      transition:
    opacity        1600ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform      1600ms var(--ease-snap) var(--reveal-delay, 0ms),
    letter-spacing 1400ms var(--ease-out)  120ms;   }
.hero-copy h1.reveal.is-visible {
  letter-spacing: -0.03em;    }
.hero-copy .tagline-label.reveal,
.hero-copy .eyebrow-row.reveal {
  transition:
    opacity   1100ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 1100ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.hero-copy p.reveal {
  transition:
    opacity   1240ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 1240ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.hero-copy .hero-actions.reveal {
  transition:
    opacity   900ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 900ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.section-heading h2 {
  letter-spacing: -0.012em;     transition: letter-spacing 1000ms var(--ease-out) 60ms;
}
.section-heading.is-visible h2 {
  letter-spacing: -0.025em;   }
.editorial-campaign .section-heading h2,
.story-section .section-heading h2 {
  letter-spacing: -0.010em;     transition: letter-spacing 1100ms var(--ease-out) 80ms;
}
.editorial-campaign .section-heading.is-visible h2,
.story-section .section-heading.is-visible h2 {
  letter-spacing: -0.025em;
}
html[data-theme="dark"] .hero-copy h1 {
  text-shadow: 0 0 100px rgba(197, 161, 59, 0.07);
}
html[data-theme="dark"] .section-heading h2 {
  text-shadow: 0 0 80px rgba(197, 161, 59, 0.05);
}
html[data-theme="dark"] .promise-band__inner blockquote {
  text-shadow: 0 0 60px rgba(197, 161, 59, 0.10);
}
html[data-theme="dark"] .hero-copy p,
html[data-theme="dark"] .story-card p,
html[data-theme="dark"] .testimonial-card p {
  color: rgba(230, 223, 203, 0.82);    }
.editorial-campaign .reveal,
.story-section      .reveal {
  transform: translateY(20px);     transition:
    opacity   1100ms var(--ease-out)  var(--reveal-delay, 0ms),
    transform 1100ms var(--ease-snap) var(--reveal-delay, 0ms);
}
.lx-entry__wordmark-text,
.brand-pill__wordmark-text,
.footer-wordmark__text,
.admin-wordmark__text {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1, "kern" 1;
}
.lx-entry__wordmark-img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: auto;    }
@media (max-width: 767px) {
  .hero-copy h1.reveal {
    transform:      translateY(10px);       letter-spacing: 0.008em;              }
  .editorial-campaign .reveal,
  .story-section      .reveal {
    transform: translateY(12px);          }
  .lx-entry__wordmark-img {
    width: clamp(220px, 72vw, 300px);     }
}
.hero-copy h1.reveal {
  will-change: opacity, transform;
}
.hero-copy h1.reveal.is-visible {
  will-change: auto;    }
html[data-theme="dark"] .lx-entry {
  background: var(--emerald-deep);  }
@media (prefers-reduced-motion: reduce) {
    .hero-copy h1.reveal,
  .section-heading h2,
  .editorial-campaign .section-heading h2,
  .story-section      .section-heading h2 {
    transition: opacity 1ms linear, transform 1ms linear !important;
    letter-spacing: inherit !important;
  }
  .hero-copy h1.reveal.is-visible,
  .section-heading.is-visible h2 {
    letter-spacing: inherit !important;
  }
    .hero-copy .tagline-label.reveal,
  .hero-copy .eyebrow-row.reveal,
  .hero-copy p.reveal,
  .hero-copy .hero-actions.reveal,
  .editorial-campaign .reveal,
  .story-section      .reveal {
    transition-duration: 1ms !important;
  }
}
.abdan-sig {
  display:  block;
  overflow: visible;            color:    #0C3B2E;          }
html[data-theme="dark"] .abdan-sig {
  color: var(--cream);        }
.lx-entry .abdan-sig {
  width:  clamp(270px, 68vw, 420px);
  height: auto;
}
.brand-pill .abdan-sig {
  width:  clamp(92px, 20vw, 128px);
  height: auto;
}
.footer-wordmark .abdan-sig {
  width:  clamp(160px, 30vw, 240px);
  height: auto;
}
.admin-wordmark .abdan-sig {
  display:        inline-block;
  vertical-align: middle;
  width:          clamp(100px, 20vw, 160px);
  height:         auto;
}
.brand-pill__wordmark,
.brand-pill__wordmark-text,
.lx-entry__wordmark-img,
.lx-entry__wordmark-text,
.footer-wordmark__img,
.footer-wordmark__text,
.admin-wordmark__img,
.admin-wordmark__text {
  display: none !important;
}
.lx-entry__wordmark {
  margin-bottom: 1.75rem;
}
.brand-pill__name {
  display:     flex;
  align-items: center;
}
.footer-wordmark {
  margin: 0.45rem 0 0.55rem;
}
html[data-theme="dark"] .lx-entry__logo {
  display: block;    }
@media (max-width: 767px) {
  .lx-entry .abdan-sig  { width: clamp(230px, 76vw, 310px); }
  .brand-pill .abdan-sig { width: clamp(78px, 23vw, 108px); }
  .footer-wordmark .abdan-sig { width: clamp(140px, 44vw, 200px); }
}
.lx-entry__wordmark {
  transform: translateY(14px);     transition:
    opacity   760ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
}
.abdan-sig text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.theme-drape {
  position: fixed;
  inset:    0;
  z-index:  10000;
  pointer-events: none;
  background: radial-gradient(
    ellipse 80% 60% at 55% 35%,
    rgba(2, 61, 58, 0.14) 0%,
    transparent 68%
  );
  opacity:    0;
  transition: opacity 220ms ease;
  will-change: opacity;
}
.theme-drape--sweep { opacity: 1; }
.orb-button#themeToggle {
  transition:
    background  240ms var(--ease-out),
    box-shadow  240ms var(--ease-out),
    color       180ms var(--ease-out);
}
.orb-button#themeToggle:hover {
  background:  rgba(197, 161, 59, 0.10);
  box-shadow:  0 0 0 1px rgba(197, 161, 59, 0.22);
  color:       var(--gold);
}
html[data-theme="dark"] .orb-button#themeToggle:hover {
  background: rgba(197, 161, 59, 0.14);
  box-shadow: 0 0 0 1px rgba(197, 161, 59, 0.30),
              0 0 20px rgba(197, 161, 59, 0.08);
}
.space-field {
  transition: transform 180ms var(--ease-out);
}
.space-field.is-active { transform: translateY(-1px); }
.space-field.is-active .space-field__label {
  color: var(--gold);
  transition: color 200ms var(--ease-out);
}
.space-field input {
  transition:
    border-color 200ms var(--ease-out),
    box-shadow   240ms var(--ease-out),
    background   200ms var(--ease-out),
    transform    180ms var(--ease-out);
}
.space-field.is-valid input {
  border-color: rgba(2, 100, 60, 0.40);
  box-shadow:   0 0 0 3px rgba(2, 100, 60, 0.06);
}
.space-field.is-invalid input {
  border-color: rgba(180, 60, 50, 0.38);
  box-shadow:   0 0 0 3px rgba(180, 60, 50, 0.05);
}
.space-field.is-invalid::after {
  content:      "This field needs attention";
  display:      block;
  font-size:    0.73rem;
  color:        rgba(160, 50, 40, 0.70);
  margin-top:   0.25rem;
  letter-spacing: 0.01em;
  animation:    abdan-soft-in 260ms var(--ease-out) both;
}
@keyframes abdan-soft-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0);   }
}
.space-consent {
  border:        none;
  padding:       0;
  margin:        0;
  display:       grid;
  gap:           0.85rem;
}
.space-consent__legend {
  font-size:      var(--type-body-sm);
  font-weight:    600;
  letter-spacing: 0.01em;
  color:          var(--text-soft);
  margin-bottom:  0.5rem;
  display:        block;
}
.space-consent__row {
  display:     flex;
  gap:         0.75rem;
  align-items: flex-start;
  cursor:      pointer;
}
.space-consent__row input[type="checkbox"] {
  flex-shrink:    0;
  width:          1.15rem;
  height:         1.15rem;
  margin-top:     0.15rem;
  accent-color:   var(--gold);
  cursor:         pointer;
  border-radius:  2px;
}
.space-consent__text {
  font-size:   var(--type-body-sm);
  color:       var(--text-soft);
  line-height: 1.55;
}
.space-consent__required {
  font-size:     0.67rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color:          var(--text-dim);
  margin-left:    0.35rem;
  font-style:     normal;
}
.space-consent__optional {
  font-size:     0.67rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color:          var(--text-dim);
  margin-left:    0.35rem;
}
.space-consent__row--optional .space-consent__text {
  opacity: 0.80;
}
.nps-panel {
  position:     fixed;
  bottom:       calc(env(safe-area-inset-bottom, 0px) + 1.5rem);
  left:         50%;
  transform:    translateX(-50%) translateY(1.5rem);
  z-index:      8000;
  background:   var(--surface);
  border:       1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow:   var(--shadow-deep);
  padding:      1.4rem 1.6rem 1.2rem;
  width:        min(92vw, 360px);
  opacity:      0;
  transition:
    opacity   360ms var(--ease-out),
    transform 400ms var(--ease-snap);
  will-change: opacity, transform;
}
.nps-panel--visible {
  opacity:   1;
  transform: translateX(-50%) translateY(0);
}
.nps-panel__question {
  font-family:    var(--font-display);
  font-size:      1.05rem;
  font-style:     italic;
  font-weight:    400;
  letter-spacing: -0.01em;
  color:          var(--text-main);
  margin:         0 0 1.1rem;
  line-height:    1.4;
}
.nps-panel__choices {
  display: grid;
  gap:     0.5rem;
}
.nps-panel__choice {
  text-align:     left;
  background:     transparent;
  border:         1px solid var(--line);
  border-radius:  var(--radius-md);
  padding:        0.65rem 1rem;
  font-size:      0.84rem;
  color:          var(--text-soft);
  cursor:         pointer;
  transition:
    border-color 180ms var(--ease-out),
    background   180ms var(--ease-out),
    color        180ms var(--ease-out);
}
.nps-panel__choice:hover {
  border-color: var(--gold);
  background:   rgba(197, 161, 59, 0.06);
  color:        var(--text-main);
}
.nps-panel__choice--warm:hover {
  border-color: rgba(2, 61, 58, 0.45);
  background:   rgba(2, 61, 58, 0.04);
}
.nps-panel__dismiss {
  display:     block;
  margin:      0.9rem auto 0;
  background:  none;
  border:      none;
  font-size:   0.73rem;
  letter-spacing: 0.08em;
  color:       var(--text-dim);
  cursor:      pointer;
  padding:     0.3rem 0.5rem;
  opacity:     0.70;
  transition:  opacity 160ms ease;
}
.nps-panel__dismiss:hover { opacity: 1; }
.admin-intelligence {
  margin-bottom: 2rem;
}
.admin-intel-grid {
  display:               grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap:                   1rem;
  margin-top:            1.25rem;
}
.admin-intel-card {
  background:    var(--surface-soft);
  border:        1px solid var(--line);
  border-radius: var(--radius-lg);
  padding:       1.2rem 1.1rem;
}
.admin-intel-card strong {
  display:     block;
  font-size:   1.8rem;
  font-family: var(--font-display);
  font-weight: 600;
  color:       var(--text-main);
  margin:      0.25rem 0;
  letter-spacing: -0.02em;
}
.admin-intel-card p {
  font-size:  0.78rem;
  color:      var(--text-soft);
  line-height: 1.5;
  margin:     0;
}
.admin-intel-card--response strong {
  font-size: 0.92rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.collection-section .section-frame {
  background-image: radial-gradient(
    ellipse 70% 50% at 50% 80%,
    rgba(197, 161, 59, 0.025) 0%,
    transparent 70%
  );
}
.product-card__save {
  transition:
    color       240ms var(--ease-out),
    background  200ms var(--ease-out),
    box-shadow  240ms var(--ease-out);
}
.product-card__save.is-saved svg path {
  fill:         var(--gold);
  stroke:       var(--gold);
  transition:   fill 320ms var(--ease-snap), stroke 320ms var(--ease-snap);
}
.product-card__save:not(.is-saved) svg path {
  fill:         none;
  stroke:       currentColor;
  transition:   fill 200ms ease, stroke 200ms ease;
}
.space-form__submit:active,
.primary-button:active {
  transform:  translateY(1px) scale(0.99);
  box-shadow: none;
}
html[data-theme="dark"] .nps-panel {
  background: var(--surface);
  border-color: var(--line);
}
html[data-theme="dark"] .nps-panel__choice:hover {
  background: rgba(197, 161, 59, 0.08);
}
@media (max-width: 767px) {
  .nps-panel {
    bottom:  calc(env(safe-area-inset-bottom, 0px) + 5rem);     width:   min(96vw, 340px);
    padding: 1.2rem 1.3rem 1rem;
  }
  .admin-intel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .theme-drape,
  .nps-panel,
  .space-field,
  .space-field input {
    transition: none !important;
    animation:  none !important;
  }
  .theme-drape--sweep { opacity: 0 !important; }
  .space-field.is-active { transform: none; }
  .space-field.is-invalid::after { animation: none; }
}
html[data-theme="dark"] {
    --bg:             linear-gradient(180deg, #12100F 0%, #1A1612 55%, #12100F 100%);
    --surface:        rgba(31,  27,  24,  0.92);
  --surface-strong: rgba(18,  16,  15,  0.97);
  --surface-soft:   rgba(59,  48,  39,  0.20);
  --paper:          rgba(31,  27,  24,  0.88);
  --card-bg:        rgba(33,  29,  25,  0.90);
  --card-border:    rgba(183, 155, 114, 0.13);
    --text-main:      #F4EDE2;
  --text-soft:      #B79B72;
  --text-dim:       #7B6654;
    --line:           rgba(183, 155, 114, 0.11);
    --shadow-xs:      0 2px  10px rgba(12,  6,  2,  0.24);
  --shadow-sm:      0 8px  24px rgba(12,  6,  2,  0.30);
  --shadow-soft:    0 18px 44px rgba(12,  6,  2,  0.36);
  --shadow-lift:    0 28px 72px rgba(12,  6,  2,  0.46);
  --shadow-deep:    0 48px 120px rgba(12,  6,  2,  0.60);
    --glow-warm:      0 0 0 1px rgba(183, 155, 114, 0.08),
                    0 24px 64px rgba(12, 6, 2, 0.52),
                    0 0 80px rgba(138, 107, 79, 0.05);
}
html[data-theme="dark"] body {
  background-color: #12100F; }
html[data-theme="dark"] .theme-drape {
  background: radial-gradient(
    ellipse 80% 60% at 55% 35%,
    rgba(138, 107, 79, 0.10) 0%,
    transparent 68%
  );
}
.product-card.is-pressing,
.orb-button.is-pressing,
.primary-button.is-pressing,
.secondary-button.is-pressing,
.space-form__submit.is-pressing,
.nps-panel__choice.is-pressing,
[data-tactile].is-pressing {
  transform:  scale(0.965);
  transition: transform 90ms cubic-bezier(0.25, 0.0, 0.40, 1.0) !important;
}
.product-card.is-releasing,
.orb-button.is-releasing,
.primary-button.is-releasing,
.secondary-button.is-releasing,
.space-form__submit.is-releasing,
.nps-panel__choice.is-releasing,
[data-tactile].is-releasing {
  transform:  scale(1.0);
  transition: transform 380ms cubic-bezier(0.34, 1.12, 0.64, 1.0) !important;
}
.product-card:hover.is-pressing  { transform: translateY(-2px) scale(0.968); }
.product-card:hover.is-releasing { transform: translateY(-4px) scale(1.0);   }
html[data-theme="dark"] .product-card {
  box-shadow: var(--shadow-sm);
  transition:
    box-shadow  320ms var(--ease-out),
    transform   320ms var(--ease-snap),
    border-color 240ms var(--ease-out);
}
html[data-theme="dark"] .product-card:hover {
  box-shadow:   var(--glow-warm);
  border-color: rgba(183, 155, 114, 0.18);
}
html[data-theme="dark"] .product-card.is-pressing {
  box-shadow: var(--shadow-xs) !important;
}
html[data-theme="dark"] .space-modal,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .filter-drawer {
  box-shadow: var(--shadow-deep);
  border-color: rgba(183, 155, 114, 0.10);
}
.skeleton-shimmer {
  background:      linear-gradient(
    90deg,
    rgba(59, 48, 39, 0.0)   0%,
    rgba(183, 155, 114, 0.11) 40%,
    rgba(183, 155, 114, 0.16) 50%,
    rgba(183, 155, 114, 0.11) 60%,
    rgba(59, 48, 39, 0.0)  100%
  );
  background-size: 300% 100%;
  animation:       abdan-shimmer 1800ms ease infinite;
  border-radius:   inherit;
}
@keyframes abdan-shimmer {
  0%   { background-position:  200% center; }
  100% { background-position: -200% center; }
}
.skeleton-line {
  height:        0.9em;
  border-radius: 4px;
  margin-bottom: 0.6em;
}
.skeleton-line--short { width: 55%; }
.skeleton-line--long  { width: 88%; }
html[data-theme="dark"] .section-frame {
  padding-top:    calc(var(--section-pad, 5rem) * 1.08);
  padding-bottom: calc(var(--section-pad, 5rem) * 1.08);
}
html[data-theme="dark"] .section-heading {
  margin-bottom: 2.8rem;
}
html[data-theme="dark"] .product-grid {
  gap: clamp(1.25rem, 2.8vw, 2rem);
}
html[data-theme="dark"] .collection-section .section-frame {
  background-image: radial-gradient(
    ellipse 65% 48% at 50% 90%,
    rgba(138, 107, 79, 0.055) 0%,
    transparent 68%
  );
}
html[data-theme="dark"] .editorial-campaign.section-frame {
  background-image: radial-gradient(
    ellipse 70% 55% at 48% 85%,
    rgba(183, 155, 114, 0.040) 0%,
    transparent 72%
  );
}
html[data-theme="dark"] .hero-section {
  background-image: radial-gradient(
    ellipse 90% 60% at 50% 100%,
    rgba(59, 48, 39, 0.25) 0%,
    transparent 65%
  );
}
html[data-theme="dark"] hr,
html[data-theme="dark"] .section-divider,
html[data-theme="dark"] .promise-band__divider {
  border-color:    rgba(183, 155, 114, 0.12);
  background-color: rgba(183, 155, 114, 0.10);
}
html[data-theme="dark"] .site-footer {
  background:   #12100F;
  border-color: rgba(183, 155, 114, 0.10);
}
html[data-theme="dark"] .space-field input,
html[data-theme="dark"] .space-field textarea,
html[data-theme="dark"] .space-field select {
  background:   rgba(31, 27, 24, 0.80);
  border-color: rgba(183, 155, 114, 0.18);
  color:        var(--text-main);
}
html[data-theme="dark"] .space-field.is-active input,
html[data-theme="dark"] .space-field.is-active textarea {
  border-color: rgba(183, 155, 114, 0.40);
  box-shadow:   0 0 0 3px rgba(183, 155, 114, 0.07);
  background:   rgba(40, 35, 30, 0.90);
}
html[data-theme="dark"] .space-field.is-valid input {
  border-color: rgba(138, 107, 79, 0.42);
  box-shadow:   0 0 0 3px rgba(138, 107, 79, 0.07);
}
html[data-theme="dark"] .nps-panel {
  background:   rgba(31, 27, 24, 0.96);
  border-color: rgba(183, 155, 114, 0.14);
  box-shadow:   var(--shadow-deep);
}
html[data-theme="dark"] .nps-panel__choice {
  border-color: rgba(183, 155, 114, 0.14);
  color:        #B79B72;
}
html[data-theme="dark"] .nps-panel__choice:hover {
  border-color: rgba(183, 155, 114, 0.40);
  background:   rgba(183, 155, 114, 0.07);
  color:        #F4EDE2;
}
html[data-theme="dark"] .site-header {
  background:   rgba(18, 16, 15, 0.90);
  border-color: rgba(183, 155, 114, 0.10);
}
html[data-theme="dark"] .orb-button {
  background:   rgba(59, 48, 39, 0.60);
  border-color: rgba(183, 155, 114, 0.14);
  color:        #B79B72;
}
html[data-theme="dark"] .orb-button:hover {
  background:   rgba(59, 48, 39, 0.90);
  border-color: rgba(183, 155, 114, 0.28);
  color:        #F4EDE2;
}
html[data-theme="dark"] .orb-button#themeToggle {
  color: #B79B72;
}
html[data-theme="dark"] .orb-button#themeToggle:hover {
  background:  rgba(183, 155, 114, 0.12);
  box-shadow:  0 0 0 1px rgba(183, 155, 114, 0.28),
               0 0 20px rgba(183, 155, 114, 0.07);
  color:       var(--gold);
}
html[data-theme="dark"] {
  overscroll-behavior-y: contain;
  scrollbar-color: rgba(138, 107, 79, 0.28) rgba(18, 16, 15, 1);
  scrollbar-width: thin;
}
html[data-theme="dark"]::-webkit-scrollbar { width: 6px; }
html[data-theme="dark"]::-webkit-scrollbar-track {
  background: rgba(18, 16, 15, 1);
}
html[data-theme="dark"]::-webkit-scrollbar-thumb {
  background:    rgba(138, 107, 79, 0.28);
  border-radius: 3px;
}
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background: rgba(183, 155, 114, 0.42);
}
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .admin-section {
  background:   rgba(25, 21, 18, 0.92);
  border-color: rgba(183, 155, 114, 0.10);
}
html[data-theme="dark"] .admin-intel-card {
  background:   rgba(40, 35, 30, 0.80);
  border-color: rgba(183, 155, 114, 0.10);
}
html[data-theme="dark"] .admin-intel-card strong {
  color: #B79B72;
}
@media (hover: none) and (pointer: coarse) {
  .product-card.is-pressing,
  .orb-button.is-pressing,
  .primary-button.is-pressing,
  [data-tactile].is-pressing {
    transform: scale(0.972) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .is-pressing,
  .is-releasing,
  .skeleton-shimmer {
    transform:  none !important;
    transition: none !important;
    animation:  none !important;
  }
  html[data-theme="dark"] .collection-section .section-frame,
  html[data-theme="dark"] .editorial-campaign.section-frame,
  html[data-theme="dark"] .hero-section {
    background-image: none;
  }
}
.product-card.is-pressing,
.orb-button.is-pressing,
.primary-button.is-pressing,
.secondary-button.is-pressing,
.space-form__submit.is-pressing,
.nps-panel__choice.is-pressing,
[data-tactile].is-pressing {
  transform:  scale(0.992) !important;
  transition: transform 140ms var(--ease-out) !important;
}
.product-card.is-releasing,
.orb-button.is-releasing,
.primary-button.is-releasing,
.secondary-button.is-releasing,
.space-form__submit.is-releasing,
.nps-panel__choice.is-releasing,
[data-tactile].is-releasing {
  transform:  scale(1.0) !important;
  transition: transform 300ms var(--ease-out) !important; }
.product-card:hover.is-pressing  { transform: translateY(-2px) scale(0.993) !important; }
.product-card:hover.is-releasing { transform: translateY(-4px) scale(1.000) !important; }
@media (hover: none) and (pointer: coarse) {
  .product-card.is-pressing,
  .orb-button.is-pressing,
  .primary-button.is-pressing,
  [data-tactile].is-pressing {
    transform: scale(0.995) !important;   }
}
html[data-theme="dark"] .product-card {
  box-shadow:  0 4px 16px rgba(12, 6, 2, 0.18);   transition:
    box-shadow   480ms var(--ease-out),      transform    480ms var(--ease-out),
    border-color 360ms var(--ease-out);
}
html[data-theme="dark"] .product-card:hover {
  box-shadow:   0 14px 40px rgba(12, 6, 2, 0.28);   border-color: rgba(183, 155, 114, 0.12);         }
html[data-theme="dark"] .product-card.is-pressing {
  box-shadow: 0 2px 8px rgba(12, 6, 2, 0.14) !important; }
html[data-theme="dark"] .space-modal,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .filter-drawer {
  box-shadow:   0 32px 80px rgba(12, 6, 2, 0.40);   border-color: rgba(183, 155, 114, 0.08);          }
.skeleton-shimmer {
  background:   rgba(183, 155, 114, 0.05);   animation:    none !important;            }
@keyframes abdan-shimmer { from { background-position: 0% center; } to { background-position: 0% center; } }
html[data-theme="dark"] .orb-button {
  background:   rgba(18, 16, 15, 0.30);   border-color: rgba(183, 155, 114, 0.08);
  color:        #B79B72;
}
html[data-theme="dark"] .orb-button:hover {
  background:   rgba(59, 48, 39, 0.44);   border-color: rgba(183, 155, 114, 0.16);
  color:        #F4EDE2;
}
html[data-theme="dark"] .orb-button#themeToggle {
  color: rgba(183, 155, 114, 0.72); }
html[data-theme="dark"] .orb-button#themeToggle:hover {
  background:  rgba(183, 155, 114, 0.07);
  box-shadow:  0 0 0 1px rgba(183, 155, 114, 0.16);   color:       var(--gold);
}
html[data-theme="dark"] .site-header {
  background:   rgba(18, 16, 15, 0.72);   border-color: rgba(183, 155, 114, 0.07);
}
html[data-theme="dark"] .space-field.is-active input,
html[data-theme="dark"] .space-field.is-active textarea {
  border-color: rgba(183, 155, 114, 0.32);
  box-shadow:   0 0 0 2px rgba(183, 155, 114, 0.05);   background:   rgba(31, 27, 24, 0.94);
}
html[data-theme="dark"] .admin-intel-card {
  background:   rgba(31, 27, 24, 0.60);   border-color: rgba(183, 155, 114, 0.08);
  box-shadow:   none; }
html[data-theme="dark"]::-webkit-scrollbar        { width: 3px; }
html[data-theme="dark"]::-webkit-scrollbar-thumb  {
  background:    rgba(138, 107, 79, 0.18);   border-radius: 2px;
}
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background:    rgba(183, 155, 114, 0.30);
}
html[data-theme="dark"] {
  --shadow-xs:   0 1px  6px  rgba(8, 4, 2, 0.16);
  --shadow-sm:   0 6px  18px rgba(8, 4, 2, 0.20);
  --shadow-soft: 0 14px 36px rgba(8, 4, 2, 0.26);
  --shadow-lift: 0 22px 58px rgba(8, 4, 2, 0.34);
  --shadow-deep: 0 38px 92px rgba(8, 4, 2, 0.46);
    --glow-warm:   0 14px 40px rgba(8, 4, 2, 0.28); }
.section-frame {
  padding-top:    clamp(4rem, 8vw, 6.5rem);
  padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
.section-heading {
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
}
html[data-theme="dark"] .nps-panel {
  background:    rgba(25, 21, 18, 0.92);   border-color:  rgba(183, 155, 114, 0.10);
  box-shadow:    0 20px 52px rgba(8, 4, 2, 0.36);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html[data-theme="dark"] .collection-section .section-frame {
  background-image: radial-gradient(
    ellipse 65% 48% at 50% 90%,
    rgba(138, 107, 79, 0.035) 0%,
    transparent 68%
  );
}
html[data-theme="dark"] .editorial-campaign.section-frame {
  background-image: radial-gradient(
    ellipse 70% 55% at 48% 85%,
    rgba(183, 155, 114, 0.025) 0%,
    transparent 72%
  );
}
html[data-theme="dark"] .hero-section {
  background-image: radial-gradient(
    ellipse 90% 60% at 50% 100%,
    rgba(59, 48, 39, 0.16) 0%,
    transparent 65%
  );
}
@media (prefers-reduced-motion: reduce) {
  .is-pressing,
  .is-releasing {
    transform:  none   !important;
    transition: none   !important;
  }
}
:root {
  --leading-normal:  1.78;    --leading-relaxed: 1.88;    --leading-loose:   2.08;  }
.section-frame {
  padding-top:    clamp(5.5rem, 10vw, 8rem);
  padding-bottom: clamp(5.5rem, 10vw, 8rem);
}
.section-heading {
  max-width:     44rem;                            margin-bottom: clamp(2.6rem, 4.5vh, 4rem);    }
.section-heading h2 {
  margin:        0.8rem 0 1.4rem;                 letter-spacing: -0.023em;                      }
.section-heading p {
  line-height:   var(--leading-relaxed);
  max-width:     38rem;                          }
.eyebrow-row,
.section-kicker,
.micro-label,
.option-head small {
  letter-spacing: 0.16em;    font-size:      0.68rem; }
.eyebrow-row {
  margin-bottom: 2rem;     }
.hero-body {
  margin-top:  2.6rem;                   line-height: var(--leading-relaxed);
  max-width:   34rem;                  }
.hero-actions {
  margin-top: 2.4rem; }
.product-card {
  box-shadow:  var(--shadow-sm);                        transition:
    transform    480ms var(--ease-out),                   border-color 320ms var(--ease-out),
    box-shadow   400ms var(--ease-out);
}
.product-card:hover {
  transform:  translateY(-3px);                         box-shadow: var(--shadow-soft);                     }
.product-card:hover .product-card__media img {
  transform: scale(1.02);                             }
.product-card__content {
  padding: 1.6rem 1.5rem 1.7rem;                      }
.product-card:active {
  transform:  scale(0.988) translateY(1px);             transition: transform 80ms linear;
}
@media (hover: none) {
  .product-card:active {
    transform:  scale(0.988) translateY(1px);
    box-shadow: var(--shadow-sm);
    transition: transform 80ms linear;
  }
}
.products-grid {
  gap: clamp(1.6rem, 2.5vw, 2.2rem);  }
.story-grid,
.testimonial-grid {
  gap: clamp(1.4rem, 2vw, 1.9rem);    }
html[data-theme="dark"] .product-card__media {
  background: linear-gradient(135deg, #2A2319 0%, #1F1B16 100%);
}
.visual-card--image:hover img {
  transform: scale(1.015);
}
.visual-card__meta,
.visual-card--note {
  padding: 1.65rem 1.7rem 1.85rem; }
.editorial-panel {
  padding: clamp(2.4rem, 6.5vw, 5.5rem); }
.promise-band__inner {
  padding: clamp(3rem, 6.5vw, 4.8rem); }
.brand-pill,
.bottom-dock,
.support-pill {
  backdrop-filter:         saturate(108%) blur(14px);
  -webkit-backdrop-filter: saturate(108%) blur(14px);
}
.orb-button {
  box-shadow: var(--shadow-xs); }
.orb-button:active {
  transform:  scale(0.94);        transition: transform 80ms linear;
}
.dock-link span {
  font-weight:    600;             letter-spacing: 0.05em;        }
.dock-link {
  transition:
    background 380ms var(--ease-out),
    color      280ms var(--ease-out),
    box-shadow 380ms var(--ease-out),
    transform  300ms var(--ease-out);  }
.primary-button,
.secondary-button,
.text-link,
.inline-copy,
.ghost-button,
.qty-button,
.remove-button {
  transition:
    transform    340ms var(--ease-out),       background   200ms var(--ease-out),
    color        200ms var(--ease-out),
    border-color 200ms var(--ease-out),
    box-shadow   260ms var(--ease-out),
    opacity      180ms var(--ease-out);
}
.primary-button:active,
.secondary-button:active {
  transform:  scale(0.977);         transition: transform 80ms linear;
}
.support-pill:hover {
  transform:  translateY(-1px);
  box-shadow: 0 10px 28px rgba(18, 31, 29, 0.09);
}
.support-pill {
  transition:
    transform    300ms var(--ease-out),      border-color 180ms var(--ease-out),
    background   180ms var(--ease-out),
    box-shadow   280ms var(--ease-out),
    opacity      280ms var(--ease-out);
}
.trust-rail__inner span {
  letter-spacing: 0.13em;    font-size:      0.69rem;   padding:        1.1rem 1rem; }
@media (max-width: 767px) {
  .section-frame {
    padding-top:    clamp(4rem, 12vw, 6rem);
    padding-bottom: clamp(4rem, 12vw, 6rem);
  }
  .section-heading {
    margin-bottom: clamp(2rem, 5vw, 2.8rem);
  }
  .hero-body {
    margin-top:  2rem;
    font-size:   var(--type-body-lg);
  }
  .hero-actions {
    margin-top: 2rem;
  }
  .product-card__content {
    padding: 1.35rem 1.25rem 1.5rem;
  }
  .products-grid {
    gap: 1.2rem;
  }
  .eyebrow-row {
    margin-bottom: 1.5rem;
  }
  .promise-band__inner {
    padding: clamp(2rem, 8vw, 3rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-card,
  .primary-button,
  .secondary-button,
  .text-link,
  .ghost-button,
  .dock-link,
  .orb-button,
  .support-pill {
    transition-duration: 0.001ms !important;
  }
}
.abdan-sig {
  display: none !important;
}
.brand-pill__wordmark      { display: block !important; }
.brand-pill__wordmark-text { display: none  !important; }
.lx-entry__wordmark-img    { display: block !important; }
.lx-entry__wordmark-text   { display: none  !important; }
.footer-wordmark__img      { display: block !important; }
.footer-wordmark__text     { display: none  !important; }
.admin-wordmark__img       { display: block !important; }
.admin-wordmark__text      { display: none  !important; }
html[data-theme="dark"] .brand-pill__wordmark      { display: none  !important; }
html[data-theme="dark"] .brand-pill__wordmark-text { display: block !important; }
html[data-theme="dark"] .lx-entry__wordmark-img    { display: none  !important; }
html[data-theme="dark"] .lx-entry__wordmark-text   { display: block !important; }
html[data-theme="dark"] .footer-wordmark__img      { display: none  !important; }
html[data-theme="dark"] .footer-wordmark__text     { display: block !important; }
html[data-theme="dark"] .admin-wordmark__img       { display: none  !important; }
html[data-theme="dark"] .admin-wordmark__text      { display: block !important; }
.brand-pill__wordmark,
.lx-entry__wordmark-img,
.footer-wordmark__img,
.admin-wordmark__img {
  mix-blend-mode:  multiply;     pointer-events:  none;
  max-width:       100%;
  display:         block;
  flex-shrink:     0;
}
.brand-pill__wordmark {
  height: 44px;
  width:  auto;
}
@media (max-width: 767px) {
  .brand-pill__wordmark { height: 38px; }
}
.lx-entry__wordmark-img {
  width:  clamp(240px, 58vw, 340px);
  height: auto;
}
.footer-wordmark__img {
  height: 64px;
  width:  auto;
}
.admin-wordmark__img {
  height: 52px;
  width:  auto;
}
.brand-mark img,
.footer-mark img {
  object-fit:      cover;
  object-position: center;
  transform:       scale(1.07);   }
.brand-mark {
  background: var(--emerald);
  overflow:   hidden;
}
.footer-mark {
  background: var(--emerald);
  overflow:   hidden;
}
html[data-theme="dark"] .footer-mark {
  box-shadow: 0 0 0 1.5px rgba(197, 161, 59, 0.40);
}
html[data-theme="dark"] .brand-mark {
  box-shadow: 0 0 0 1px rgba(197, 161, 59, 0.28);
}
.lx-entry__logo {
  display: none !important;    }
.lx-entry__logo img {
  width:      72px;
  height:     72px;
  object-fit: cover;
  transform:  scale(1.07);
  border-radius: 50%;
}
.brand-pill__name {
  display:     inline-flex;
  align-items: center;
  line-height: 1;
}
:root {
  --type-display:  clamp(2.4rem, 7.5vw, 6rem);    --type-body:     1rem;                              --leading-normal:  1.90;
  --leading-relaxed: 2.00;
  --leading-loose:   2.22;
}
body {
  font-size: var(--type-body); }
.hero-section .editorial-panel {
  background:      rgba(255, 252, 246, 0.04) !important;
  border-color:    transparent !important;
  box-shadow:      none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="dark"] .hero-section .editorial-panel {
  background:      rgba(8, 14, 13, 0.04) !important;
  border-color:    transparent !important;
  box-shadow:      none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.14fr);
  gap:                   clamp(2.5rem, 6vw, 6.5rem);
  align-items:           start;     padding-top:           1.5rem;
}
.hero-copy h1 {
  font-size:      var(--type-display);
  letter-spacing: -0.03em;
  line-height:    1.04;
  max-width:      11ch;
  margin-bottom:  0;
}
.hero-body {
  max-width:   36rem;
  line-height: var(--leading-relaxed);
  margin-top:  2.8rem;
}
.hero-actions {
  margin-top: 2.8rem;
}
.hero-section {
  min-height: 95vh;
}
.hero-section .visual-card--image {
  background:  transparent !important;
  border:      none !important;
  box-shadow:  none !important;
}
.hero-visual .visual-card--image img {
  aspect-ratio: 2 / 3 !important;
  border-radius: var(--radius-xl);
}
.hero-section .visual-card--note {
  background:   rgba(255, 252, 246, 0.18) !important;
  border-color: rgba(2, 61, 58, 0.03) !important;
  box-shadow:   none !important;
}
html[data-theme="dark"] .hero-section .visual-card--note {
  background:   rgba(14, 22, 20, 0.14) !important;
  border-color: rgba(197, 161, 59, 0.03) !important;
}
.section-frame {
  padding-top:    clamp(7rem, 12vw, 10rem);
  padding-bottom: clamp(7rem, 12vw, 10rem);
}
.editorial-campaign.section-frame {
  padding-top: clamp(7.5rem, 13vw, 11rem);
}
.trust-rail   { padding-top: clamp(0.5rem, 1vw, 1rem); }
.promise-band { padding-top: clamp(1rem, 2vw, 2rem); }
.section-heading {
  max-width:     52rem;
  margin-bottom: clamp(3.5rem, 6.5vh, 5.5rem);
}
.section-heading h2 {
  font-size:      var(--type-heading-xl);
  letter-spacing: -0.03em;
  margin:         1.1rem 0 2rem;
  line-height:    1.20;
}
.section-heading > p {
  font-size:   1rem;
  line-height: var(--leading-relaxed);
  max-width:   46ch;
  opacity:     0.60;
}
.product-card__media {
  aspect-ratio: 0.74; }
.product-card__description {
  min-height: auto; }
.product-card {
  border-color: rgba(2, 61, 58, 0.05);
}
.product-card:hover {
  border-color: rgba(2, 61, 58, 0.12);
}
.product-card:hover .product-card__title {
  color: color-mix(in srgb, var(--text-main) 74%, var(--gold) 26%);
  transition: color 400ms var(--ease-out);
}
.product-card__footer {
  border-top-color: rgba(2, 61, 58, 0.05);
  padding-top:      1.4rem;
}
html[data-theme="dark"] .product-card__footer {
  border-top-color: rgba(197, 161, 59, 0.05);
}
.product-card__content {
  padding: 1.9rem 1.7rem 2rem;
}
.products-grid {
  gap: clamp(2.2rem, 3vw, 3rem);
}
.collection-section .section-heading {
  margin-bottom: clamp(3.5rem, 6vh, 5.5rem);
}
.brand-pill {
  padding:         0.72rem 0.92rem;
  gap:             0.82rem;
  background:      rgba(255, 252, 246, 0.76);
  border-color:    rgba(2, 61, 58, 0.06);
  box-shadow:      0 2px 14px rgba(18, 31, 29, 0.04);
  backdrop-filter: saturate(104%) blur(18px);
  -webkit-backdrop-filter: saturate(104%) blur(18px);
}
html[data-theme="dark"] .brand-pill {
  background:   rgba(10, 18, 17, 0.82);
  border-color: rgba(197, 161, 59, 0.07);
}
.brand-mark {
  width:  2.55rem;
  height: 2.55rem;
}
.orb-button {
  background:      rgba(255, 252, 246, 0.70);
  border-color:    rgba(2, 61, 58, 0.06);
  box-shadow:      0 1px 8px rgba(18, 31, 29, 0.03);
  backdrop-filter: saturate(104%) blur(16px);
  -webkit-backdrop-filter: saturate(104%) blur(16px);
}
.bottom-dock {
  background:      rgba(255, 252, 246, 0.76);
  border-color:    rgba(2, 61, 58, 0.06);
  box-shadow:      0 4px 20px rgba(18, 31, 29, 0.05);
  backdrop-filter: saturate(104%) blur(20px);
  -webkit-backdrop-filter: saturate(104%) blur(20px);
}
html[data-theme="dark"] .bottom-dock {
  background:   rgba(10, 18, 17, 0.88);
  border-color: rgba(197, 161, 59, 0.06);
}
.promise-band__inner {
  padding: clamp(4.5rem, 9vw, 8rem) clamp(2rem, 6vw, 5rem);
}
.promise-band__inner blockquote {
  font-size:      clamp(2.2rem, 6vw, 4.4rem);
  letter-spacing: -0.028em;
  line-height:    1.16;
}
.promise-band__inner p {
  font-size:   0.88rem;
  margin-top:  2.2rem;
  letter-spacing: 0.08em;
  opacity:     0.54;
}
.editorial-campaign__headline {
  font-size:      clamp(1.7rem, 4vw, 3rem);
  letter-spacing: -0.025em;
  line-height:    1.18;
  margin:         1.2rem 0 1.6rem;
  font-family:    var(--font-display);
  font-weight:    400;
  color:          var(--text-main);
}
.editorial-campaign__body {
  font-size:   1rem;
  line-height: var(--leading-relaxed);
  opacity:     0.70;
  max-width:   38ch;
}
.filter-chip {
  min-height:     2.4rem;
  padding:        0.62rem 0.86rem;
  font-size:      0.67rem;
  font-weight:    500;
  letter-spacing: 0.12em;
  border-color:   rgba(2, 61, 58, 0.07);
  background:     rgba(255, 252, 246, 0.50);
}
html[data-theme="dark"] .filter-chip {
  border-color: rgba(197, 161, 59, 0.07);
  background:   rgba(14, 24, 22, 0.36);
  color:        var(--text-soft);
}
html[data-theme="dark"] {
    --bg:             linear-gradient(180deg, #09100f 0%, #0c1511 40%, #07100e 100%);
    --surface:        rgba(12, 22, 20, 0.94);
  --surface-strong: rgba(8, 16, 15, 0.98);
  --surface-soft:   rgba(197, 161, 59, 0.05);
  --paper:          rgba(12, 22, 20, 0.88);
  --paper-strong:   rgba(9, 17, 16, 0.96);
  --card-bg:        rgba(14, 24, 22, 0.88);
  --card-border:    rgba(197, 161, 59, 0.08);
  --chip-bg:        rgba(197, 161, 59, 0.04);
    --text-main: #F0E9D6;
  --text-soft: #A49272;
  --text-dim:  #6A5A3E;
    --line:        rgba(197, 161, 59, 0.08);
  --line-strong: rgba(197, 161, 59, 0.16);
    --overlay: rgba(0, 0, 0, 0.62);
    --shadow-xs:   0 2px  10px rgba(0, 0, 0, 0.24);
  --shadow-sm:   0 8px  24px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.34);
  --shadow-lift: 0 28px 72px rgba(0, 0, 0, 0.44);
  --shadow-deep: 0 48px 120px rgba(0, 0, 0, 0.58);
}
html[data-theme="dark"] body {
  background-color: #09100f;
}
html[data-theme="dark"] .product-card {
  background: linear-gradient(
    180deg,
    rgba(16, 28, 26, 0.90) 0%,
    rgba(11, 20, 18, 0.95) 100%
  ) !important;
  border-color: rgba(197, 161, 59, 0.06) !important;
}
html[data-theme="dark"] .product-card:hover {
  box-shadow:   0 14px 44px rgba(0, 0, 0, 0.38) !important;
  border-color: rgba(197, 161, 59, 0.12) !important;
}
html[data-theme="dark"] .product-card__media {
  background: linear-gradient(135deg, #0d1e1b 0%, #091511 100%) !important;
}
html[data-theme="dark"] .product-card:hover .product-card__title {
  color: color-mix(in srgb, #F0E9D6 72%, var(--gold) 28%);
}
html[data-theme="dark"] .editorial-panel {
  background:   rgba(14, 24, 22, 0.68);
  border-color: rgba(197, 161, 59, 0.05);
}
html[data-theme="dark"] .promise-band__inner {
  background: linear-gradient(
    145deg,
    #011f1d 0%,
    #012c2a 50%,
    #011e1c 100%
  );
}
html[data-theme="dark"] .brand-pill {
  background:   rgba(10, 18, 17, 0.86);
  border-color: rgba(197, 161, 59, 0.07);
}
html[data-theme="dark"] .orb-button {
  background:   rgba(10, 18, 17, 0.55);
  border-color: rgba(197, 161, 59, 0.07);
  color:        #A49272;
}
html[data-theme="dark"] .orb-button:hover {
  background:   rgba(18, 32, 29, 0.78);
  border-color: rgba(197, 161, 59, 0.18);
  color:        #F0E9D6;
}
html[data-theme="dark"] .orb-button#themeToggle {
  color: rgba(197, 161, 59, 0.65);
}
html[data-theme="dark"] .orb-button#themeToggle:hover {
  background: rgba(197, 161, 59, 0.06);
  box-shadow: 0 0 0 1px rgba(197, 161, 59, 0.14);
  color: var(--gold);
}
html[data-theme="dark"] .site-footer {
  background:   #09100f;
  border-color: rgba(197, 161, 59, 0.07);
}
html[data-theme="dark"]::-webkit-scrollbar       { width: 2px; }
html[data-theme="dark"]::-webkit-scrollbar-track { background: #09100f; }
html[data-theme="dark"]::-webkit-scrollbar-thumb {
  background:    rgba(197, 161, 59, 0.18);
  border-radius: 1px;
}
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background: rgba(197, 161, 59, 0.32);
}
html[data-theme="dark"] {
  scrollbar-color: rgba(197, 161, 59, 0.18) #09100f;
  scrollbar-width: thin;
}
html[data-theme="dark"] .editorial-campaign.section-frame {
  background-image: radial-gradient(
    ellipse 70% 55% at 50% 85%,
    rgba(2, 61, 58, 0.18) 0%,
    transparent 70%
  );
}
html[data-theme="dark"] .collection-section .section-frame {
  background-image: radial-gradient(
    ellipse 65% 48% at 50% 90%,
    rgba(2, 61, 58, 0.12) 0%,
    transparent 68%
  );
}
html[data-theme="dark"] .hero-section {
  background-image: radial-gradient(
    ellipse 90% 60% at 50% 100%,
    rgba(2, 61, 58, 0.22) 0%,
    transparent 65%
  );
}
html[data-theme="dark"] .trust-rail__inner {
  border-top-color:    rgba(197, 161, 59, 0.08);
  border-bottom-color: rgba(197, 161, 59, 0.08);
}
html[data-theme="dark"] .trust-rail__inner span {
  color: rgba(240, 233, 214, 0.56);
}
html[data-theme="dark"] .section-heading h2 {
  color: #F0E9D6;
}
html[data-theme="dark"] .nps-panel {
  background:      rgba(12, 22, 20, 0.96);
  border-color:    rgba(197, 161, 59, 0.09);
  box-shadow:      0 20px 52px rgba(0, 0, 0, 0.40);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html[data-theme="dark"] .space-field input,
html[data-theme="dark"] .space-field textarea,
html[data-theme="dark"] .space-field select {
  background:   rgba(12, 22, 20, 0.80);
  border-color: rgba(197, 161, 59, 0.14);
  color:        #F0E9D6;
}
html[data-theme="dark"] .space-field.is-active input,
html[data-theme="dark"] .space-field.is-active textarea {
  border-color: rgba(197, 161, 59, 0.32);
  box-shadow:   0 0 0 2px rgba(197, 161, 59, 0.05);
  background:   rgba(16, 28, 26, 0.90);
}
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .admin-section {
  background:   rgba(10, 18, 17, 0.92);
  border-color: rgba(197, 161, 59, 0.07);
}
html[data-theme="dark"] .admin-intel-card {
  background:   rgba(14, 24, 22, 0.55);
  border-color: rgba(197, 161, 59, 0.07);
  box-shadow:   none;
}
html[data-theme="dark"] .cart-drawer__panel {
  background: rgba(10, 18, 17, 0.98);
}
html[data-theme="dark"] .story-card h3,
html[data-theme="dark"] .testimonial-card strong {
  color: #F0E9D6;
}
html[data-theme="dark"] .brand-mark {
  box-shadow: 0 0 0 1px rgba(197, 161, 59, 0.22);
}
html[data-theme="dark"] .footer-mark {
  box-shadow: 0 0 0 1.5px rgba(197, 161, 59, 0.32);
}
.support-pill {
  background:   rgba(255, 252, 246, 0.80);
  border-color: rgba(2, 61, 58, 0.06);
  box-shadow:   0 6px 28px rgba(18, 31, 29, 0.07);
}
html[data-theme="dark"] .support-pill {
  background:   rgba(10, 18, 17, 0.90);
  border-color: rgba(197, 161, 59, 0.07);
}
@media (max-width: 1040px) {
    .section-frame {
    padding-top:    clamp(5.5rem, 10vw, 8rem);
    padding-bottom: clamp(5.5rem, 10vw, 8rem);
  }
    .hero-grid {
    grid-template-columns: 1fr;
    gap:             2rem;
    padding-top:     0;
  }
    .hero-visual {
    order: -1;
  }
    .hero-section .editorial-panel {
    background:    transparent !important;
    padding-left:  0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    padding-top:   0.5rem !important;
  }
    .hero-visual .visual-card--image img {
    aspect-ratio:  4 / 5 !important;
    border-radius: var(--radius-xl);
  }
    .hero-section .visual-card--note {
    display: none;
  }
    .promise-band {
    padding-left:  0;
    padding-right: 0;
  }
  .promise-band__inner {
    border-radius: 0;
    padding: clamp(3.5rem, 9vw, 6rem) clamp(1.5rem, 5.5vw, 2.8rem);
  }
}
@media (max-width: 767px) {
    .section-frame {
    padding-top:    clamp(4.5rem, 10vw, 6.5rem);
    padding-bottom: clamp(4.5rem, 10vw, 6.5rem);
  }
    .hero-copy h1 {
    font-size:      clamp(2.6rem, 10vw, 3.8rem);
    max-width:      none;
    letter-spacing: -0.025em;
    line-height:    1.06;
  }
    .hero-body {
    max-width: none;
    font-size: 1rem;
    margin-top: 1.8rem;
  }
  .hero-actions {
    margin-top: 2rem;
    gap: 0.75rem;
  }
    .section-heading {
    max-width:     none;
    margin-bottom: clamp(2.8rem, 7vw, 4rem);
  }
  .section-heading h2 {
    font-size:  clamp(1.7rem, 7vw, 2.6rem);
    margin:     0.8rem 0 1.3rem;
    line-height: 1.18;
  }
  .section-heading > p {
    font-size: 0.9375rem;
    opacity:   0.60;
  }
    .collection-section .section-heading {
    margin-bottom: clamp(2.2rem, 5vw, 3.2rem);
  }
    .product-card {
    flex: 0 0 80vw !important;
    max-width: 25rem;
  }
    .product-card__content {
    padding: 1.4rem 1.3rem 1.6rem;
  }
    .promise-band__inner blockquote {
    font-size:   clamp(1.8rem, 8vw, 2.8rem);
    line-height: 1.20;
  }
  .promise-band__inner p {
    margin-top: 1.6rem;
  }
    .story-card h3 {
    font-size: clamp(1.05rem, 4vw, 1.2rem);
  }
    .trust-rail__inner {
    flex-wrap:   nowrap;
    overflow-x:  auto;
    justify-content: flex-start;
    padding-left:  1rem;
    padding-right: 1rem;
    scrollbar-width: none;
  }
  .trust-rail__inner::-webkit-scrollbar { display: none; }
    .testimonial-card--featured p {
    font-size: clamp(1rem, 4.5vw, 1.2rem);
  }
    .bottom-dock {
    padding-bottom: max(0.7rem, calc(env(safe-area-inset-bottom) + 0.25rem));
  }
}
.eyebrow-row,
.section-kicker,
.micro-label {
  letter-spacing: 0.14em;
  font-size:      0.66rem;
}
.eyebrow-row {
  margin-bottom: 2.2rem;
}
.collection-curation {
  margin-top:    1.8rem;
  margin-bottom: 2.4rem;
  padding-top:   1.6rem;
}
.collection-curation__lead {
  font-size:      1.2rem;
  letter-spacing: -0.018em;
  line-height:    1.3;
}
.collection-curation__list {
  font-size:   0.9375rem;
  line-height: var(--leading-relaxed);
  margin-top:  0.5rem;
}
html {
  scroll-padding-top: 10rem;
}
@media (max-width: 720px) {
  html {
    scroll-padding-top: 7rem;   }
}
.site-footer {
  padding-top:    clamp(5.5rem, 8vw, 8rem);
  padding-bottom: clamp(3.5rem, 5vw, 6rem);
}
.footer-mark {
  width:  2.8rem;
  height: 2.8rem;
}
@media (min-width: 1400px) {
  .hero-copy h1 {
    font-size: clamp(4rem, 6.5vw, 6.4rem);
  }
  .section-frame {
    padding-top:    10rem;
    padding-bottom: 10rem;
  }
  .products-grid {
    gap: 3rem;
  }
  .promise-band__inner blockquote {
    font-size: clamp(3rem, 4.5vw, 4.8rem);
  }
  .section-heading > p {
    font-size: 1.0625rem;
  }
  .hero-grid {
    gap: 8rem;
  }
}
.product-card.is-pressing {
  transform:  scale(0.994) !important;
  box-shadow: var(--shadow-xs) !important;
  transition: transform 100ms linear !important;
}
.product-card.is-releasing {
  transform:  scale(1.0) !important;
  transition: transform 380ms var(--ease-out) !important;
}
.mood-editorial__headline {
  font-family:  var(--font-display);
  font-style:   italic;
  font-size:    clamp(1.1rem, 2.8vw, 1.5rem);
  font-weight:  400;
  letter-spacing: -0.015em;
  color:        var(--text-main);
  line-height:  1.4;
  margin:       0 0 0.7rem;
}
.mood-editorial__body {
  font-size:   0.9375rem;
  line-height: var(--leading-relaxed);
  color:       var(--text-soft);
  max-width:   48ch;
}
@media (prefers-reduced-motion: reduce) {
  .hero-copy h1,
  .hero-section .editorial-panel,
  .hero-section .visual-card--image,
  .product-card,
  .product-card__title,
  .promise-band__inner,
  .section-heading,
  .reveal {
    transition-duration: 1ms !important;
    animation-duration:  1ms !important;
  }
  .product-card.is-pressing,
  .product-card.is-releasing {
    transform:  none !important;
    transition: none !important;
  }
    .hero-section {
    min-height: auto;
  }
}
[data-theme="light"] {
  --surface:      #fdfaf6;
  --surface-soft: #faf6f0;
  --border:       rgba(180, 145, 100, 0.13);
  --shadow-xs:    0 1px 4px  rgba(120, 90, 50, 0.07);
  --shadow-sm:    0 3px 12px rgba(120, 90, 50, 0.09);
  --shadow-md:    0 8px 32px rgba(120, 90, 50, 0.11);
  --shadow-lg:    0 20px 60px rgba(120, 90, 50, 0.13);
}
.hero-section {
  padding-top:    clamp(5.5rem, 9vw, 9rem);
  padding-bottom: clamp(4.5rem, 7vw, 7.5rem);
}
.hero-copy h1 {
  line-height:    1.12;
  letter-spacing: -0.028em;
  margin-bottom:  1.5rem;
}
.hero-copy h1 span {
  color:     var(--gold);
  font-style: italic;
}
.hero-body {
  font-size:     1.0625rem;
  line-height:   1.78;
  color:         var(--text-soft);
  max-width:     46ch;
  margin-bottom: 2.4rem;
}
.hero-actions {
  gap:       1rem;
  flex-wrap: wrap;
}
.section-frame {
  padding-top:    clamp(5rem, 8vw, 9rem);
  padding-bottom: clamp(4.5rem, 7vw, 8rem);
}
.section-heading {
  margin-bottom: 3.5rem;
}
.section-heading h2 {
  line-height: 1.15;
}
.section-kicker {
  color:          var(--gold);
  letter-spacing: 0.08em;
  font-size:      0.7rem;
  font-weight:    600;
  text-transform: uppercase;
}
.promise-band {
  padding-top:    clamp(5rem, 8vw, 9rem);
  padding-bottom: clamp(5rem, 8vw, 9rem);
}
.promise-band__inner blockquote {
  font-style:  italic;
  line-height: 1.32;
}
.trust-rail {
  padding-top:    1.8rem;
  padding-bottom: 1.8rem;
}
.trust-rail__inner {
  gap: 2.5rem;
}
.product-card {
  border-radius: 1.25rem;
}
.product-card__content {
  padding: 1.5rem 1.5rem 1.75rem;
}
.product-card__title {
  line-height:   1.25;
  margin-bottom: 0.6rem;
}
.product-card__description {
  line-height: 1.65;
  font-size:   0.875rem;
}
.filter-chip {
  border-radius: 100px;
  padding:       0.45rem 1.1rem;
  font-size:     0.8125rem;
}
.filter-chip.is-active {
  background:   var(--gold);
  color:        #fff;
  border-color: var(--gold);
}
.primary-button {
  border-radius:  100px;
  letter-spacing: 0.03em;
}
.secondary-button {
  border-radius: 100px;
}
.ghost-button {
  border-radius: 100px;
}
.editorial-campaign {
  padding-top:    clamp(4.5rem, 7vw, 8rem);
  padding-bottom: clamp(4.5rem, 7vw, 8rem);
}
.testimonial-card {
  border-radius: 1.25rem;
  padding:       2.25rem 2rem;
}
.soft-story-section,
.wsy-section {
  padding-top:    clamp(5rem, 8vw, 9rem);
  padding-bottom: clamp(5rem, 8vw, 9rem);
}
.product-sheet__panel {
  border-radius: 1.5rem 1.5rem 0 0;
}
.product-sheet__body {
  padding: 0 1.75rem 1.75rem;
}
.editorial-story__label {
  color:          var(--gold);
  letter-spacing: 0.06em;
  font-size:      0.7rem;
  font-weight:    600;
  text-transform: uppercase;
}
.editorial-story__text {
  line-height: 1.72;
  color:       var(--text-soft);
}
.cart-drawer__panel {
  border-radius: 1.5rem 1.5rem 0 0;
}
@media (min-width: 768px) {
  .cart-drawer__panel {
    border-radius: 1.5rem 0 0 1.5rem;
  }
}
.drawer-header {
  padding: 1.75rem 1.75rem 1.25rem;
}
.drawer-footer {
  padding: 1.25rem 1.75rem 2rem;
}
.space-dashboard {
  padding: 1.75rem 0 4rem;
}
.space-privilege-card {
  border-radius: 1.25rem;
  padding:       1.75rem 1.5rem;
}
.space-privilege-card strong {
  font-size: 0.9375rem;
}
.footer-tagline {
  font-family:   var(--font-display);
  font-style:    italic;
  font-size:     1.0625rem;
  color:         var(--gold);
  margin-bottom: 0.9rem;
}
@media (max-width: 720px) {
  .hero-section {
    padding-top:    4.5rem;
    padding-bottom: 3.5rem;
  }
  .hero-copy h1 {
    font-size:   clamp(2.2rem, 7vw, 3rem);
    line-height: 1.15;
  }
  .hero-body {
    font-size: 1rem;
  }
  .section-frame {
    padding-top:    4rem;
    padding-bottom: 3.5rem;
  }
  .section-heading {
    margin-bottom: 2.5rem;
  }
  .product-card__content {
    padding: 1.25rem 1.25rem 1.5rem;
  }
  .product-sheet__body {
    padding: 0 1.25rem 1.25rem;
  }
  .trust-rail__inner {
    gap: 1.5rem;
  }
  .promise-band__inner blockquote {
    font-size: clamp(1.4rem, 5.5vw, 2.2rem);
  }
}
.sr-card {
  border-radius: 1rem;
}
.nps-panel {
  border-radius: 1.25rem;
}
.mood-editorial {
  padding-top:    2rem;
  padding-bottom: 0.5rem;
}
.mood-editorial__headline {
  font-size:     clamp(1.2rem, 3vw, 1.65rem);
  line-height:   1.32;
  margin-bottom: 0.85rem;
}
.teaser-modal__panel {
  border-radius: 1.75rem;
  padding:       3rem 2.5rem;
}
.eyebrow-row {
  color: var(--gold);
  gap:   1.5rem;
}
.tagline-label {
  color:      var(--gold);
  font-style: italic;
}
.visual-card__meta {
  padding: 1.5rem 1.25rem;
}
.visual-card__meta p {
  line-height: 1.65;
  font-style:  italic;
}
.er-chip {
  border-radius: 1rem;
}
.checkout-form input,
.checkout-form textarea,
.checkout-form select {
  border-radius: 0.75rem;
}
.checkout-panel__intro h3 {
  font-family: var(--font-display);
  font-style:  italic;
  font-weight: 400;
}
.feature-card {
  border-radius: 1.25rem;
}
.admin-kpi {
  border-radius: 1.25rem;
}
:root {
  --bg:           linear-gradient(180deg, #faf7f0 0%, #f4ecdc 50%, #faf7f0 100%);
  --card-bg:      rgba(255, 253, 248, 0.84);
  --card-border:  rgba(170, 130, 70, 0.1);
  --surface:      rgba(250, 247, 242, 0.92);       --surface-soft: rgba(250, 247, 242, 0.18);
  --shadow-xs:    0 2px  10px rgba(100, 72, 38, 0.055);
  --shadow-sm:    0 8px  24px rgba(100, 72, 38, 0.08);
  --shadow-soft:  0 16px 40px rgba(100, 72, 38, 0.09);
  --shadow-lift:  0 24px 58px rgba(100, 72, 38, 0.11);
  --shadow-deep:  0 40px 100px rgba(100, 72, 38, 0.13);
}
body {
  line-height: var(--leading-normal);
}
.reveal:not(.is-visible) {
  will-change: opacity, transform;
}
.hero-copy h1 span {
  font-style: italic;
}
.products-grid {
  scroll-snap-type:           x mandatory;
  -webkit-overflow-scrolling: touch;
}
.product-card {
  scroll-snap-align: start;
}
.product-card:hover {
  border-color: rgba(197, 161, 59, 0.2);
  box-shadow:   var(--shadow-lift);
}
.product-card__save.is-saved svg {
  stroke:     var(--gold);
  fill:       rgba(197, 161, 59, 0.12);
  transition: stroke 220ms var(--ease-out), fill 220ms var(--ease-out);
}
.toast {
  bottom:      max(5rem, calc(env(safe-area-inset-bottom) + 4.5rem));
  left:        50%;
  transform:   translateX(-50%) translateY(1rem);
  white-space: nowrap;
  max-width:   calc(100vw - 3rem);
  text-align:  center;
}
.toast.is-visible {
  transform: translateX(-50%) translateY(0);
}
.product-sheet__actions {
  padding-top:    0.875rem;
  padding-left:   1.25rem;
  padding-right:  1.25rem;
  padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom) + 0.875rem));
}
.drawer-footer {
  padding-bottom: max(1.5rem, calc(env(safe-area-inset-bottom) + 1.25rem));
}
.trust-rail__inner span {
  background: rgba(250, 247, 242, 0.9);
}
html[data-theme="dark"] {
  --card-bg:     rgba(11, 33, 31, 0.88);
  --card-border: rgba(220, 212, 192, 0.09);
}
.section-frame {
  padding-top:       clamp(4.5rem, 7vw, 8rem);
  padding-bottom:    clamp(3rem, 4.5vw, 5.5rem);
  scroll-margin-top: 9.5rem;
}
.dock-link.is-active {
  animation: lx-dock-active 300ms var(--ease-out) both;
}
html[data-theme="dark"] .dock-link.is-active {
  animation: lx-dock-active-dark 300ms var(--ease-out) both;
}
.campaign-chip {
  border-radius: var(--radius-pill);
  padding:       0.38rem 0.92rem;
}
.space-privilege-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap:    1rem;
}
.section-heading h2 {
  margin-top: 0.55rem;
}
.editorial-story__label {
  color:         var(--gold);
  font-size:     0.67rem;
  letter-spacing: 0.12em;
  font-weight:   700;
  text-transform: uppercase;
  display:       block;
  margin-bottom: 0.55rem;
}
@media (max-width: 767px) {
    .trust-rail__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    .section-heading {
    margin-bottom: 2rem;
  }
    .support-pill {
    bottom: max(1.25rem, calc(env(safe-area-inset-bottom) + 1rem));
    right:  1rem;
  }
    .product-sheet__actions {
    flex-direction: column;
    gap:            0.65rem;
  }
    .hero-section {
    min-height: 100svh;
  }
    .promise-band__inner {
    padding: clamp(1.6rem, 5vw, 2.4rem);
  }
}
.filter-row,
.space-tabs,
.cart-items {
  -webkit-overflow-scrolling: touch;
}
.space-browse-cta {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            1.1rem;
  padding:        1.75rem 1.5rem;
  text-align:     center;
}
.product-fact {
  display:               grid;
  grid-template-columns: 7.5rem 1fr;
  gap:                   0.35rem 0.75rem;
  padding:               0.6rem 0;
  border-bottom:         1px solid var(--line);
  font-size:             var(--type-body-sm);
  line-height:           1.52;
  align-items:           start;
}
.product-fact strong {
  color:          var(--text-soft);
  font-weight:    600;
  font-size:      0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top:    0.06rem;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus {
  border-color: rgba(197, 161, 59, 0.55);
  box-shadow:   0 0 0 3px rgba(197, 161, 59, 0.12),
                0 0 0 1px rgba(197, 161, 59, 0.4);
  outline:      none;
}
.teaser-modal.is-open .teaser-modal__panel {
  animation: lx-gentle-rise 360ms var(--ease-snap) both;
}
@keyframes lx-gentle-rise {
  from { opacity: 0; transform: translateY(14px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .reveal:not(.is-visible) {
    will-change: auto;
  }
  .product-card {
    scroll-snap-align: none;
  }
  .products-grid {
    scroll-snap-type: none;
  }
  .hero-section {
    min-height: auto;
  }
  .teaser-modal.is-open .teaser-modal__panel {
    animation: none;
  }
}
html[data-theme="dark"] .trust-rail__inner span {
  background: rgba(8, 27, 26, 0.95);
}
.testimonial-card--featured {
  background:   rgba(2, 61, 58, 0.94) !important;
  border-color: rgba(2, 61, 58, 0.94) !important;
}
.testimonial-card--featured p,
.testimonial-card--featured strong,
.testimonial-card--featured small {
  color: var(--ivory) !important;
}
html[data-theme="dark"] .testimonial-card--featured {
  background:   color-mix(in srgb, var(--emerald) 78%, #000 22%) !important;
  border-color: rgba(197, 161, 59, 0.18)                         !important;
}
html[data-theme="dark"] .testimonial-card--featured p,
html[data-theme="dark"] .testimonial-card--featured strong,
html[data-theme="dark"] .testimonial-card--featured small {
  color: var(--ivory) !important;
}
@media (max-width: 767px) {
  .hero-actions .primary-button,
  .hero-actions .secondary-button {
    white-space:     nowrap;
    font-size:       0.875rem;
    padding:         0.8rem 1.2rem;
    justify-content: center;
  }
}
@media (min-width: 721px) {
  .space-entry-grid .account-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html[data-theme="dark"] .feature-card {
  background:   color-mix(
                  in srgb,
                  var(--card-bg) 92%,
                  rgba(197, 161, 59, 0.05) 8%
                ) !important;
  border-color: rgba(197, 161, 59, 0.09) !important;
}
html[data-theme="dark"] .space-order-card__status[data-status="preparing"],
html[data-theme="dark"] .space-journey-card__status[data-status="preparing"] {
  background: rgba(197, 161, 59, 0.1);
  color:      rgba(197, 161, 59, 0.9);
}
@media (max-width: 1040px) and (min-width: 768px) {
  .testimonial-card--featured {
    padding: 2.5rem 2rem;
  }
}
html[data-theme="dark"] .trust-rail__inner span {
  color:      var(--text-main);
  background: rgba(8, 27, 26, 0.9);
}
.hero-slideshow {
  position:      relative;
  overflow:      hidden;
  border-radius: var(--radius-xl, 1.5rem);
  aspect-ratio:  0.84;
  background:    var(--emerald);              box-shadow:    0 24px 64px rgba(2, 61, 58, 0.18),
                 0 4px  16px rgba(2, 61, 58, 0.10);
    isolation: isolate;
}
.hero-slide {
  position:   absolute;
  inset:      0;
  opacity:    0;
  z-index:    0;
  transition: opacity 1400ms cubic-bezier(0.45, 0, 0.55, 1);
}
.hero-slide--active {
  opacity: 1;
  z-index: 1;
}
.hero-slide img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  object-position: center top;            display:    block;
  transform:  scale(1.06);
  transition: transform 9000ms cubic-bezier(0.25, 0, 0.15, 1);
  will-change: transform;               }
.hero-slide--active img {
  transform: scale(1.0);
}
.hero-slide__caption {
  position:   absolute;
  bottom:     0;
  left:       0;
  right:      0;
  z-index:    3;
  padding:    2.5rem 1.75rem 4.5rem;     background: linear-gradient(
    to top,
    rgba(2, 20, 19, 0.72) 0%,
    rgba(2, 20, 19, 0.30) 60%,
    transparent           100%
  );
  pointer-events: none;
}
.hero-slide__caption .micro-label {
  display:       block;
  font-size:     0.65rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color:         rgba(197, 161, 59, 0.85);      margin-bottom: 0.4rem;
}
.hero-slide__caption p {
  margin:      0;
  font-family: var(--font-serif, Georgia, serif);
  font-size:   0.875rem;
  line-height: 1.5;
  color:       rgba(253, 250, 245, 0.9);        font-style:  italic;
  max-width:   26ch;
}
.hero-slide__dots {
  position:    absolute;
  bottom:      1.25rem;
  right:       1.25rem;
  z-index:     4;
  display:     flex;
  gap:         0.45rem;
  align-items: center;
}
.slide-dot {
  width:         8px;
  height:        8px;
  border-radius: 50%;
  border:        none;
  padding:       0;
  cursor:        pointer;
  background:    rgba(253, 250, 245, 0.35);
  transition:    background 400ms ease,
                 width 400ms ease,
                 border-radius 400ms ease;
  flex-shrink:   0;
  outline-offset: 3px;
}
.slide-dot:focus-visible {
  outline: 2px solid rgba(197, 161, 59, 0.8);
}
.slide-dot--active {
  background:    rgba(197, 161, 59, 0.88);     width:         22px;
  border-radius: 4px;
}
.slide-dot:hover:not(.slide-dot--active) {
  background: rgba(253, 250, 245, 0.65);
}
.hero-slideshow:hover {
  cursor: default;
}
@media (max-width: 767px) {
  .hero-slideshow {
    aspect-ratio:  3 / 4;
    border-radius: var(--radius-lg, 1rem);
  }
  .hero-slide__caption {
    padding: 2rem 1.25rem 3.75rem;
  }
  .hero-slide__caption p {
    font-size: 0.8rem;
  }
  .hero-slide__dots {
    bottom: 1rem;
    right:  1rem;
  }
}
html[data-theme="dark"] .hero-slideshow {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38),
              0 4px  16px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .hero-slide__caption {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.82) 0%,
    rgba(0, 0, 0, 0.36) 60%,
    transparent         100%
  );
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide img {
    transform:  scale(1.0) !important;
    transition: none !important;
  }
  .hero-slide {
    transition: opacity 600ms ease;
  }
}
.promise-band__inner--split {
  display:     flex;
  align-items: center;
  gap:         3.5rem;
}
.promise-band__text {
  flex:        1 1 55%;
}
.promise-band__visual {
  flex:        0 0 auto;
  width:       clamp(180px, 26%, 280px);
  align-self:  stretch;
  display:     flex;
  align-items: center;
}
.promise-band__img {
  width:         100%;
  aspect-ratio:  1 / 1;
  object-fit:    cover;
  border-radius: var(--radius-lg, 1rem);
  opacity:       0.82;
  box-shadow:    0 12px 40px rgba(2, 61, 58, 0.14);
  transition:    opacity 600ms ease;
}
.promise-band__img:hover {
  opacity: 0.95;
}
@media (max-width: 640px) {
  .promise-band__inner--split {
    flex-direction: column;
    gap:            0;
  }
  .promise-band__visual {
    display: none;
  }
}
html[data-theme="dark"] .promise-band__img {
  opacity:    0.70;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.30);
}
.space-gift-visual {
  margin:  2rem 0 0;
  padding: 0;
  border:  none;
}
.space-gift-visual img {
  width:         100%;
  aspect-ratio:  9 / 14;
  object-fit:    cover;
  object-position: center 20%;      border-radius: var(--radius-lg, 1rem);
  opacity:       0.88;
  box-shadow:    0 8px 28px rgba(2, 61, 58, 0.12);
  display:       block;
  transition:    opacity 600ms ease, transform 600ms ease;
}
.space-gift-visual img:hover {
  opacity:   0.96;
  transform: scale(1.01);
}
html[data-theme="dark"] .space-gift-visual img {
  opacity: 0.72;
}
.site-footer {
  padding:    0 !important;
  background: #011c1a;              color:      var(--ivory);
  overflow:   hidden;
}
.footer-emotional-close {
  padding:    clamp(5rem, 9vw, 9rem) 0 clamp(4rem, 7vw, 7rem);
  text-align: center;
  background: linear-gradient(
    180deg,
    #011c1a 0%,
    rgba(2, 44, 40, 0.95) 100%
  );
  position:   relative;
}
.footer-emotional-close::before {
  content:    "";
  position:   absolute;
  top:        0; left: 50%;
  transform:  translateX(-50%);
  width:      clamp(60px, 10vw, 120px);
  height:     1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(197, 161, 59, 0.55),
    transparent
  );
}
.footer-emotional-close__micro {
  display:        block;
  font-size:      0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color:          rgba(197, 161, 59, 0.75);
  margin-bottom:  1.75rem;
  font-family:    var(--font-body);
}
.footer-emotional-close__statement {
  font-family:  var(--font-editorial, Georgia, serif);
  font-style:   italic;
  font-weight:  400;
  font-size:    clamp(2.4rem, 5.5vw, 4.2rem);
  line-height:  1.18;
  color:        var(--ivory);
  margin:       0 auto 2rem;
  max-width:    16ch;
  letter-spacing: -0.01em;
}
.footer-emotional-close__sub {
  font-size:   clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.75;
  color:       rgba(253, 250, 245, 0.68);
  margin:      0 auto;
  max-width:   46ch;
  font-style:  italic;
}
.footer-cinematic-band {
  position:   relative;
  overflow:   hidden;
  height:     clamp(280px, 48vw, 560px);
  isolation:  isolate;
}
.footer-cinematic-band__img {
  width:           100%;
  height:          100%;
  object-fit:      cover;
  object-position: center 30%;     display:         block;
  transform:       scale(1.04);    filter:          brightness(0.62) saturate(0.88);
}
.footer-cinematic-band__veil {
  position:   absolute;
  inset:      0;
  background: linear-gradient(
    180deg,
    #011c1a         0%,
    rgba(1,28,26,0) 32%,
    rgba(1,28,26,0) 68%,
    #011c1a         100%
  );
  z-index:    1;
}
.footer-cinematic-band__pull {
  position:   absolute;
  bottom:     clamp(2rem, 5vw, 4rem);
  left:       50%;
  transform:  translateX(-50%);
  z-index:    2;
  margin:     0;
  text-align: center;
  white-space: nowrap;
  font-family: var(--font-editorial, Georgia, serif);
  font-style:  italic;
  font-weight: 400;
  font-size:   clamp(1.2rem, 2.8vw, 2rem);
  color:       rgba(253, 250, 245, 0.90);
  text-shadow: 0 2px 24px rgba(1, 28, 26, 0.8);
  letter-spacing: 0.01em;
}
.footer-relation {
  padding:    clamp(4rem, 7vw, 7rem) 0;
  background: linear-gradient(
    180deg,
    #011c1a 0%,
    rgba(2, 48, 44, 0.96) 100%
  );
  border-top: 1px solid rgba(197, 161, 59, 0.06);
}
.footer-relation__inner {
  display:        flex;
  align-items:    flex-start;
  gap:            clamp(3rem, 6vw, 6rem);
  flex-wrap:      wrap;
}
.footer-relation__words {
  flex: 1 1 300px;
}
.footer-relation__micro {
  display:        block;
  font-size:      0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color:          rgba(197, 161, 59, 0.72);
  margin-bottom:  1rem;
}
.footer-relation__heading {
  font-family:    var(--font-editorial, Georgia, serif);
  font-style:     italic;
  font-weight:    400;
  font-size:      clamp(1.6rem, 3vw, 2.4rem);
  line-height:    1.25;
  color:          var(--ivory);
  margin:         0 0 1.25rem;
}
.footer-relation__body {
  font-size:   1rem;
  line-height: 1.8;
  color:       rgba(253, 250, 245, 0.62);
  margin:      0;
  max-width:   42ch;
}
.footer-relation__form {
  flex:    1 1 300px;
  display: flex;
  flex-direction: column;
  gap:     0.85rem;
}
.footer-relation__label {
  display:     block;
  font-size:   0.8rem;
  color:       rgba(253, 250, 245, 0.5);
  margin-bottom: 0.5rem;
  letter-spacing: 0.04em;
}
.footer-relation__row {
  display:   flex;
  gap:       0.6rem;
  flex-wrap: wrap;
}
.footer-relation__input {
  flex:             1 1 200px;
  background:       rgba(255, 255, 255, 0.05);
  border:           1px solid rgba(197, 161, 59, 0.18);
  border-radius:    var(--radius-pill, 99px);
  padding:          0.85rem 1.4rem;
  font-size:        0.9rem;
  color:            var(--ivory);
  outline:          none;
  transition:       border-color 300ms ease, background 300ms ease;
  font-family:      var(--font-body);
}
.footer-relation__input::placeholder {
  color:            rgba(253, 250, 245, 0.32);
  font-style:       italic;
}
.footer-relation__input:focus {
  border-color:     rgba(197, 161, 59, 0.55);
  background:       rgba(255, 255, 255, 0.08);
}
.footer-relation__btn {
  flex-shrink:      0;
  background:       rgba(197, 161, 59, 0.15);
  border:           1px solid rgba(197, 161, 59, 0.42);
  border-radius:    var(--radius-pill, 99px);
  padding:          0.85rem 1.8rem;
  font-size:        0.875rem;
  font-family:      var(--font-body);
  color:            rgba(197, 161, 59, 0.90);
  letter-spacing:   0.06em;
  cursor:           pointer;
  transition:       background 300ms ease, color 300ms ease, border-color 300ms ease;
  white-space:      nowrap;
}
.footer-relation__btn:hover {
  background:       rgba(197, 161, 59, 0.28);
  color:            rgba(197, 161, 59, 1);
  border-color:     rgba(197, 161, 59, 0.65);
}
.footer-relation__status {
  font-size:   0.82rem;
  line-height: 1.6;
  color:       rgba(197, 161, 59, 0.75);
  margin:      0;
  min-height:  1.2em;
  font-style:  italic;
}
.footer-editorial-nav {
  padding:      clamp(3.5rem, 6vw, 6rem) 0;
  border-top:   1px solid rgba(197, 161, 59, 0.07);
  border-bottom: 1px solid rgba(197, 161, 59, 0.07);
}
.footer-nav-grid {
  display:               grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:                   2rem clamp(2rem, 4vw, 4rem);
}
.footer-nav-group__title {
  font-family:    var(--font-editorial, Georgia, serif);
  font-style:     italic;
  font-weight:    400;
  font-size:      0.82rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color:          rgba(197, 161, 59, 0.72);
  margin:         0 0 1.25rem;
}
.footer-nav-group__list {
  list-style: none;
  margin:     0;
  padding:    0;
  display:    flex;
  flex-direction: column;
  gap:        0.7rem;
}
.footer-nav-group__list a {
  font-size:       0.9rem;
  color:           rgba(253, 250, 245, 0.62);
  text-decoration: none;
  transition:      color 250ms ease;
  line-height:     1.4;
}
.footer-nav-group__list a:hover {
  color: rgba(253, 250, 245, 0.95);
}
.footer-nav-group__list a:focus-visible {
  outline:        2px solid rgba(197, 161, 59, 0.6);
  outline-offset: 3px;
  border-radius:  2px;
}
.footer-faq-layer {
  padding: clamp(3rem, 5vw, 5rem) 0;
}
.footer-faq-grid {
  display:               grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:                   2rem clamp(3rem, 5vw, 6rem);
}
.footer-faq-disclosure {
  overflow: hidden;
}
.footer-faq-disclosure__title {
  list-style:     none;
  font-family:    var(--font-editorial, Georgia, serif);
  font-style:     italic;
  font-weight:    400;
  font-size:      1.15rem;
  color:          var(--ivory);
  cursor:         pointer;
  padding-bottom: 0.75rem;
  border-bottom:  1px solid rgba(197, 161, 59, 0.14);
  margin-bottom:  0;
  user-select:    none;
  transition:     color 250ms ease;
}
.footer-faq-disclosure__title::-webkit-details-marker { display: none; }
.footer-faq-disclosure[open] .footer-faq-disclosure__title {
  color: rgba(197, 161, 59, 0.88);
}
.footer-faq-layer .footer-stack {
  margin-top: 1.25rem;
  gap:        1rem;
}
.footer-faq-layer .footer-stack article {
  border-top: 1px solid rgba(253, 250, 245, 0.07);
  padding-top: 1rem;
}
.footer-faq-layer .footer-stack strong {
  color:         rgba(253, 250, 245, 0.85);
  font-size:     0.88rem;
  margin-bottom: 0.3rem;
  letter-spacing: 0.01em;
}
.footer-faq-layer .footer-stack span,
.footer-faq-layer .footer-stack p {
  color:       rgba(253, 250, 245, 0.55);
  font-size:   0.83rem;
  line-height: 1.7;
}
.footer-trust-layer {
  padding:    clamp(3rem, 5vw, 5rem) 0;
  border-top: 1px solid rgba(197, 161, 59, 0.07);
  background: rgba(1, 16, 15, 0.6);
}
.footer-trust-grid {
  display:               grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:                   1.5rem 2rem;
}
.footer-trust-item {
  display:        flex;
  flex-direction: column;
  align-items:    flex-start;
  gap:            0.85rem;
}
.footer-trust-item__icon {
  width:           2.4rem;
  height:          2.4rem;
  border-radius:   50%;
  background:      rgba(197, 161, 59, 0.10);
  border:          1px solid rgba(197, 161, 59, 0.18);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}
.footer-trust-item__icon i,
.footer-trust-item__icon svg {
  width:  1rem;
  height: 1rem;
  color:  rgba(197, 161, 59, 0.80);
  stroke-width: 1.5;
}
.footer-trust-item p {
  margin:      0;
  font-size:   0.83rem;
  line-height: 1.7;
  color:       rgba(253, 250, 245, 0.58);
}
.footer-signature {
  padding:    clamp(4rem, 6vw, 6rem) 0 clamp(5rem, 8vw, 8rem);
  text-align: center;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(1, 10, 9, 0.70) 100%
  );
}
.footer-signature__inner {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            0;
}
.footer-signature__divider {
  width:        clamp(80px, 14vw, 160px);
  height:       1px;
  background:   linear-gradient(
    90deg,
    transparent,
    rgba(197, 161, 59, 0.45),
    transparent
  );
  margin-bottom: clamp(2.5rem, 4vw, 4rem);
}
.footer-signature__brand {
  display:     flex;
  align-items: center;
  gap:         1.25rem;
  margin-bottom: 1.5rem;
}
.footer-signature .footer-mark {
  width:  3rem;
  height: 3rem;
}
.footer-signature .footer-mark img {
  width:         100%;
  height:        100%;
  border-radius: 50%;
  object-fit:    cover;
}
.footer-signature__tagline {
  font-family:    var(--font-editorial, Georgia, serif);
  font-style:     italic;
  font-weight:    400;
  font-size:      clamp(1.1rem, 2vw, 1.5rem);
  color:          rgba(253, 250, 245, 0.75);
  margin:         0 0 2.25rem;
  letter-spacing: 0.01em;
}
.footer-signature__socials {
  justify-content: center;
  margin-bottom:   2.5rem;
}
.footer-signature__socials a {
  background:   rgba(255, 255, 255, 0.05);
  border-color: rgba(253, 250, 245, 0.14);
  color:        rgba(253, 250, 245, 0.55);
}
.footer-signature__socials a:hover {
  background:   rgba(255, 255, 255, 0.10);
  border-color: rgba(253, 250, 245, 0.30);
  color:        rgba(253, 250, 245, 0.90);
}
.footer-signature__socials a[aria-label="WhatsApp"]:hover  { border-color: #25D366; color: #25D366; }
.footer-signature__socials a[aria-label="Telegram"]:hover  { border-color: #2AABEE; color: #2AABEE; }
.footer-signature__socials a[aria-label="Instagram"]:hover { border-color: #E1306C; color: #E1306C; }
.footer-signature__socials a[aria-label="Facebook"]:hover  { border-color: #1877F2; color: #1877F2; }
.footer-signature__legal {
  display:   flex;
  flex-direction: column;
  gap:       0.6rem;
  max-width: 56ch;
}
.footer-signature__disclaimer {
  font-size:   0.78rem;
  line-height: 1.75;
  color:       rgba(253, 250, 245, 0.35);
  margin:      0;
}
.footer-signature__copyright {
  font-size:   0.75rem;
  color:       rgba(253, 250, 245, 0.28);
  margin:      0;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .footer-emotional-close__statement {
    font-size:  clamp(2rem, 8vw, 2.8rem);
    max-width:  none;
  }
  .footer-emotional-close__sub {
    font-size: 0.95rem;
    max-width: none;
  }
  .footer-cinematic-band {
    height: clamp(220px, 65vw, 380px);
  }
  .footer-cinematic-band__pull {
    white-space: normal;
    font-size:   clamp(1rem, 4.5vw, 1.4rem);
    width:       80%;
    text-align:  center;
  }
  .footer-relation__inner {
    flex-direction: column;
    gap:            2.5rem;
  }
  .footer-relation__row {
    flex-direction: column;
  }
  .footer-relation__btn {
    align-self: flex-start;
  }
  .footer-nav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem;
  }
  .footer-faq-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .footer-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem 1.5rem;
  }
  .footer-signature__brand {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 480px) {
  .footer-nav-grid {
    grid-template-columns: 1fr;
  }
}
html[data-theme="dark"] .footer-cinematic-band__img {
  filter: brightness(0.50) saturate(0.80);
}
html[data-theme="dark"] .footer-relation__input {
  background: rgba(255, 255, 255, 0.04);
}
html[data-theme="dark"] .site-footer {
  background: #010f0e;
}
@media (prefers-reduced-motion: reduce) {
  .footer-relation__input,
  .footer-relation__btn,
  .footer-nav-group__list a,
  .footer-signature__socials a {
    transition: none !important;
  }
}
.hero-section {
  display:    block     !important;
  padding:    0         !important;
  background: #010e0d;
  position:   relative;
  overflow:   hidden;
  min-height: 100svh;
}
.hero-atm {
  position:       absolute;
  inset:          0;
  z-index:        0;
  pointer-events: none;
  overflow:       hidden;
}
.hero-atm__glow {
  position:      absolute;
  border-radius: 50%;
}
.hero-atm__glow--center {
  width:      80%;
  height:     120%;
  top:        -10%;
  left:       10%;
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.75) 0%,
    transparent           70%
  );
  filter:     blur(60px);
}
.hero-atm__glow--tl {
  width:      50%;
  height:     60%;
  top:        -20%;
  left:       -10%;
  background: radial-gradient(
    ellipse at center,
    rgba(197, 161, 59, 0.05) 0%,
    transparent              65%
  );
  filter:     blur(50px);
}
.hero-atm__glow--br {
  width:      45%;
  height:     55%;
  bottom:     -15%;
  right:      -5%;
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.40) 0%,
    transparent           70%
  );
  filter:     blur(70px);
}
.hero-cinematic {
  position:              relative;
  z-index:               1;
  display:               grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) minmax(0, 0.68fr);
  grid-template-rows:    1fr auto;
  min-height:            100svh;
}
.hero-col {
  display:        flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero-col--left {
  padding:      clamp(5.5rem, 10vw, 8.5rem)
                clamp(1.8rem,  3.5vw, 3.5rem)
                clamp(2rem,    4vw,   3.5rem);
  border-right: 1px solid rgba(253, 250, 245, 0.07);
  grid-row: 1;
}
.hero-col--center {
  grid-row:    1;
  border-right: 1px solid rgba(253, 250, 245, 0.07);
  overflow:    hidden;
}
.hero-col--center .hero-slideshow {
  height:          100%  !important;
  aspect-ratio:    unset !important;
  border-radius:   0     !important;
  box-shadow:      none  !important;
  min-height:      60vh;
}
.hero-col--center .hero-slide img {
  object-position: center 15%;
}
.hero-col--center .hero-slide__dots {
  bottom: 1.75rem;
  right:  1.5rem;
}
.hero-col--center .hero-slide__caption {
  padding: 2rem 1.5rem 3.5rem;
}
.hero-col--right {
  grid-row: 1;
  padding:  clamp(5.5rem, 10vw, 8.5rem)
            clamp(1.4rem, 2.5vw, 2.5rem)
            clamp(2rem,   4vw,   3.5rem);
}
.hero-descriptor {
  margin:      0;
  font-size:   clamp(0.8rem, 1.1vw, 0.95rem);
  line-height: 1.8;
  color:       rgba(253, 250, 245, 0.48);
  font-style:  italic;
  font-family: var(--font-body);
}
.hero-descriptor--right {
  text-align: left;
}
.hero-cinematic-h1 {
  display:        flex;
  flex-direction: column;
  gap:            0.1em;
  margin:         0 0 2rem;
}
.hch-thin {
  font-family:    var(--font-body);
  font-weight:    300;
  font-size:      clamp(1.3rem, 2.2vw, 2rem);
  color:          rgba(253, 250, 245, 0.60);
  line-height:    1.2;
  letter-spacing: -0.01em;
}
.hch-heavy {
  font-family:    var(--font-body);
  font-weight:    800;
  font-size:      clamp(2.8rem, 5.2vw, 5rem);
  color:          var(--ivory);
  line-height:    1.0;
  letter-spacing: -0.03em;
}
.hch-serif {
  font-family:    var(--font-editorial, Georgia, serif);
  font-style:     italic;
  font-weight:    400;
  font-size:      clamp(1.8rem, 3.2vw, 3rem);
  color:          rgba(197, 161, 59, 0.90);
  line-height:    1.2;
  letter-spacing: -0.01em;
}
.hero-actions--cinematic {
  display:     flex;
  flex-wrap:   wrap;
  gap:         0.75rem;
  align-items: center;
}
.hero-actions--cinematic .primary-button {
  background:   rgba(197, 161, 59, 0.16) !important;
  border-color: rgba(197, 161, 59, 0.42) !important;
  color:        rgba(197, 161, 59, 0.95) !important;
  white-space:  nowrap;
}
.hero-actions--cinematic .primary-button:hover {
  background:   rgba(197, 161, 59, 0.28) !important;
  border-color: rgba(197, 161, 59, 0.68) !important;
  color:        rgb(197, 161, 59)        !important;
}
.hero-actions--cinematic .secondary-button {
  background:   transparent                  !important;
  border-color: rgba(253, 250, 245, 0.18)  !important;
  color:        rgba(253, 250, 245, 0.62)  !important;
  white-space:  nowrap;
}
.hero-actions--cinematic .secondary-button:hover {
  border-color: rgba(253, 250, 245, 0.42) !important;
  color:        rgba(253, 250, 245, 0.92) !important;
}
.hero-tagline-mark {
  margin:         1.5rem 0 0;
  font-size:      0.6rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color:          rgba(197, 161, 59, 0.42);
  font-family:    var(--font-body);
}
.hero-chips-label {
  display:        block;
  font-size:      0.65rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color:          rgba(253, 250, 245, 0.36);
  margin-bottom:  0.75rem;
  transition:     color 250ms ease;
}
.hero-chip-cards {
  display:               grid;
  grid-template-columns: 1fr 1fr;
  gap:                   0.6rem;
  align-items:           start;
}
.hero-chip-card {
  display:         block;
  position:        relative;
  border-radius:   var(--radius-lg, 1rem);
  overflow:        hidden;
  text-decoration: none;
  aspect-ratio:    2 / 3;
  background:      rgba(2, 61, 58, 0.35);
  transition:      transform 350ms cubic-bezier(0.25, 0, 0.1, 1);
}
.hero-chip-card img {
  width:           100%;
  height:          100%;
  object-fit:      cover;
  object-position: center top;
  display:         block;
  transition:      transform 600ms cubic-bezier(0.25, 0, 0.1, 1);
}
.hero-chip-card:hover {
  transform: translateY(-4px);
}
.hero-chip-card:hover img {
  transform: scale(1.04);
}
.hero-chip-card__label {
  position:        absolute;
  bottom:          0.7rem;
  left:            0.6rem;
  right:           0.6rem;
  font-size:       0.68rem;
  color:           rgba(253, 250, 245, 0.90);
  background:      rgba(1, 14, 13, 0.60);
  backdrop-filter: blur(8px);
  padding:         0.22rem 0.65rem;
  border-radius:   var(--radius-pill, 99px);
  letter-spacing:  0.05em;
  text-align:      center;
  white-space:     nowrap;
  overflow:        hidden;
  text-overflow:   ellipsis;
}
.hero-chip-card--offset {
  transform: translateY(1.75rem);
}
.hero-chip-card--offset:hover {
  transform: translateY(calc(1.75rem - 4px));
}
.hero-meta-strip {
  grid-column:  1 / -1;
  grid-row:     2;
  display:      flex;
  align-items:  center;
  border-top:   1px solid rgba(253, 250, 245, 0.07);
  overflow:     hidden;
}
.hero-meta-item {
  display:        flex;
  flex-direction: column;
  gap:            0.18rem;
  padding:        0.9rem clamp(1.5rem, 3.5vw, 3.5rem);
  flex-shrink:    0;
}
.hero-meta-item:first-child {
  padding-left: clamp(1.8rem, 3.5vw, 3.5rem);
}
.hero-meta-item strong {
  font-size:      0.75rem;
  font-weight:    600;
  color:          rgba(253, 250, 245, 0.72);
  letter-spacing: 0.04em;
  white-space:    nowrap;
}
.hero-meta-item span {
  font-size:  0.65rem;
  color:      rgba(253, 250, 245, 0.36);
  font-style: italic;
  white-space: nowrap;
}
.hero-meta-sep {
  width:        1px;
  height:       2.2rem;
  background:   rgba(253, 250, 245, 0.08);
  flex-shrink:  0;
}
@media (max-width: 767px) {
  .hero-cinematic {
    grid-template-columns: 1fr;
    grid-template-rows:    auto 1fr auto;
  }
  .hero-col--left {
    grid-row:     1;
    border-right: none;
    border-bottom: 1px solid rgba(253, 250, 245, 0.06);
    padding: clamp(5rem, 20vw, 7rem) 1.5rem 2rem;
  }
  .hero-col--left .hero-col__top {
    display: none;   }
  .hero-col--center {
    grid-row:     2;
    border-right: none;
    min-height:   70vw;
  }
  .hero-col--center .hero-slideshow {
    min-height: 70vw !important;
    border-radius: 0 !important;
  }
  .hero-col--right {
    display: none;   }
  .hch-thin  { font-size: clamp(1.1rem, 4.5vw, 1.6rem); }
  .hch-heavy { font-size: clamp(2.2rem, 9vw,   3.2rem); }
  .hch-serif { font-size: clamp(1.5rem, 7vw,   2.4rem); }
  .hero-meta-strip {
    grid-row: 3;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .hero-meta-strip::-webkit-scrollbar { display: none; }
  .hero-meta-item { padding: 0.75rem 1.25rem; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-cinematic {
    grid-template-columns: 1fr 1fr;
  }
  .hero-col--right {
    display: none;
  }
  .hero-col--center {
    border-right: none;
  }
}
html[data-theme="dark"] .hero-section {
  background: #000908;
}
html[data-theme="dark"] .hero-atm__glow--center {
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.55) 0%,
    transparent           70%
  );
}
@media (prefers-reduced-motion: reduce) {
  .hero-chip-card,
  .hero-chip-card img,
  .hero-chip-card--offset,
  .hero-actions--cinematic .primary-button,
  .hero-actions--cinematic .secondary-button {
    transition: none !important;
  }
}
.hero-eyebrow {
  display:     flex;
  align-items: center;
  gap:         0.85rem;
}
.hero-eyebrow__line {
  display:    block;
  width:      clamp(28px, 4vw, 48px);
  height:     1px;
  background: linear-gradient(
    90deg,
    rgba(197, 161, 59, 0.65),
    rgba(197, 161, 59, 0.20)
  );
  flex-shrink: 0;
}
.hero-eyebrow__text {
  font-size:      0.6rem;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color:          rgba(197, 161, 59, 0.62);
  font-family:    var(--font-body);
  font-weight:    500;
  white-space:    nowrap;
}
.hch-heavy {
  white-space: nowrap;
  font-size:   clamp(2.6rem, 4.8vw, 5rem) !important;
}
html:not([data-theme="dark"]) .hero-section {
  background: #f5f2ec;   }
html:not([data-theme="dark"]) .hero-atm__glow--center {
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.12) 0%,
    transparent           70%
  );
}
html:not([data-theme="dark"]) .hero-atm__glow--tl {
  background: radial-gradient(
    ellipse at center,
    rgba(197, 161, 59, 0.09) 0%,
    transparent              65%
  );
}
html:not([data-theme="dark"]) .hero-atm__glow--br {
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.08) 0%,
    transparent           70%
  );
}
html:not([data-theme="dark"]) .hero-col--left,
html:not([data-theme="dark"]) .hero-col--center {
  border-right-color: rgba(2, 61, 58, 0.10);
}
html:not([data-theme="dark"]) .hero-descriptor {
  color: rgba(2, 61, 58, 0.52);
}
html:not([data-theme="dark"]) .hero-eyebrow__line {
  background: linear-gradient(
    90deg,
    rgba(130, 100, 28, 0.55),
    rgba(130, 100, 28, 0.15)
  );
}
html:not([data-theme="dark"]) .hero-eyebrow__text {
  color: rgba(130, 100, 28, 0.65);
}
html:not([data-theme="dark"]) .hch-thin {
  color: rgba(2, 44, 40, 0.58);
}
html:not([data-theme="dark"]) .hch-heavy {
  color: #011c1a;   }
html:not([data-theme="dark"]) .hch-serif {
  color: rgba(130, 100, 28, 0.88);  }
html:not([data-theme="dark"]) .hero-tagline-mark {
  color: rgba(130, 100, 28, 0.45);
}
html:not([data-theme="dark"]) .hero-actions--cinematic .primary-button {
  background:   rgba(2, 61, 58, 0.90)    !important;
  border-color: rgba(2, 61, 58, 0.90)    !important;
  color:        #f5f2ec                  !important;
}
html:not([data-theme="dark"]) .hero-actions--cinematic .primary-button:hover {
  background:   rgba(2, 61, 58, 1)       !important;
}
html:not([data-theme="dark"]) .hero-actions--cinematic .secondary-button {
  border-color: rgba(2, 61, 58, 0.22)    !important;
  color:        rgba(2, 61, 58, 0.68)    !important;
}
html:not([data-theme="dark"]) .hero-actions--cinematic .secondary-button:hover {
  border-color: rgba(2, 61, 58, 0.50)    !important;
  color:        rgba(2, 61, 58, 0.95)    !important;
}
html:not([data-theme="dark"]) .hero-chips-label {
  color: rgba(2, 44, 40, 0.40);
}
html:not([data-theme="dark"]) .hero-chip-card__label {
  background: rgba(2, 44, 40, 0.55);
  color:      rgba(253, 250, 245, 0.92);
}
html:not([data-theme="dark"]) .hero-meta-strip {
  border-top-color: rgba(2, 61, 58, 0.10);
  background:       rgba(245, 242, 236, 0.96);
}
html:not([data-theme="dark"]) .hero-meta-item strong {
  color: rgba(2, 44, 40, 0.78);
}
html:not([data-theme="dark"]) .hero-meta-item span {
  color: rgba(2, 44, 40, 0.40);
}
html:not([data-theme="dark"]) .hero-meta-sep {
  background: rgba(2, 61, 58, 0.09);
}
html:not([data-theme="dark"]) .hero-col--center .slide-dot {
  background: rgba(2, 61, 58, 0.25);
}
html:not([data-theme="dark"]) .hero-col--center .slide-dot--active {
  background: rgba(2, 61, 58, 0.75);
}
.hch-heavy::before {
  content:    "";
  display:    block;
  width:      clamp(24px, 3.5vw, 42px);
  height:     2px;
  background: linear-gradient(
    90deg,
    rgba(197, 161, 59, 0.60),
    rgba(197, 161, 59, 0.10)
  );
  margin-bottom: 0.55em;
}
html:not([data-theme="dark"]) .hch-heavy::before {
  background: linear-gradient(
    90deg,
    rgba(130, 100, 28, 0.50),
    rgba(130, 100, 28, 0.08)
  );
}
.hero-cinematic-h1 {
  gap: 0.05em !important;
}
.hero-chip-card::after {
  content:    "";
  position:   absolute;
  inset:      0;
  background: linear-gradient(
    to top,
    rgba(1, 14, 13, 0.55) 0%,
    transparent           50%
  );
  pointer-events: none;
  z-index: 1;
}
.hero-chip-card__label {
  z-index: 2;    }
.hero-descriptor--right {
  font-size: clamp(0.82rem, 1.15vw, 1rem) !important;
}
html[data-theme="dark"] .hero-section {
  background: #000806 !important;
}
html[data-theme="dark"] .hero-atm__glow--center {
  background: radial-gradient(
    ellipse at center,
    rgba(2, 61, 58, 0.65) 0%,
    transparent           70%
  );
}
.hch-thin {
  font-family:    var(--font-display) !important;
  font-weight:    400                 !important;     font-size:      clamp(1.1rem, 2vw, 1.75rem)  !important;
  line-height:    var(--leading-tight)!important;     letter-spacing: -0.02em             !important;     color:          var(--text-soft)    !important;   }
.hch-heavy {
  font-family:    var(--font-display) !important;
  font-weight:    700                 !important;     font-size:      clamp(2.4rem, 4.6vw, var(--type-display)) !important;
  line-height:    var(--leading-tight)!important;     letter-spacing: -0.02em             !important;     white-space:    nowrap              !important;   }
.hch-serif {
  font-family:    var(--font-editorial)!important;    font-style:     italic               !important;
  font-weight:    400                  !important;
  font-size:      clamp(1.05rem, 2vw, 1.9rem) !important;    line-height:    var(--leading-snug)  !important;    letter-spacing: -0.01em              !important;  }
.hch-thin  { color: var(--text-soft); }
.hch-heavy { color: var(--ivory);     }
.hch-serif { color: rgba(197, 161, 59, 0.90); }
html:not([data-theme="dark"]) .hch-thin  { color: var(--emerald-deep); }
html:not([data-theme="dark"]) .hch-heavy { color: var(--emerald-deep); }
html:not([data-theme="dark"]) .hch-serif { color: var(--gold);         }
html[data-theme="dark"] .hch-thin { color: rgba(253, 250, 245, 0.50); }
.hero-eyebrow__text {
  font-size:      var(--type-micro)  !important;    letter-spacing: 0.22em             !important;    font-weight:    600                !important;  }
html:not([data-theme="dark"]) .hero-eyebrow__text {
  color: color-mix(in srgb, var(--gold) 70%, transparent);
}
.hero-descriptor {
  font-size:   var(--type-body-sm) !important;     line-height: var(--leading-relaxed) !important; }
.hero-actions--cinematic .primary-button,
.hero-actions--cinematic .secondary-button {
    background:   revert-layer !important;
  color:        revert-layer !important;
  border-color: revert-layer !important;
}
.hero-actions--cinematic .primary-button {
  background:   var(--emerald) !important;
  color:        var(--ivory)   !important;
  border-color: transparent    !important;
}
html[data-theme="dark"] .hero-actions--cinematic .primary-button {
  background:   var(--gold)    !important;
  color:        var(--emerald) !important;
  border-color: transparent    !important;
}
.hero-actions--cinematic .secondary-button {
  background:   transparent              !important;
  border-color: var(--line-strong)       !important;
  color:        var(--text-main)         !important;
}
.hero-actions--cinematic {
  margin-top: 0 !important;    white-space: nowrap;
}
.hero-actions--cinematic .primary-button,
.hero-actions--cinematic .secondary-button {
  white-space: nowrap;  }
.hero-chips-label {
  font-size:      var(--type-micro) !important;
  letter-spacing: 0.22em            !important;
}
.hero-tagline-mark {
  font-size: var(--type-micro) !important;
}
.hero-chip-card__label {
  font-size:      var(--type-micro) !important;
  letter-spacing: 0.04em            !important;
}
.hero-meta-item strong {
  font-size: var(--type-label) !important;
}
.hero-meta-item span {
  font-size: var(--type-micro) !important;
}
@media (max-width: 767px) {
  .hch-thin  { font-size: clamp(1rem,    4.5vw, 1.4rem) !important; }
  .hch-heavy { font-size: clamp(2rem,    9vw,   3rem)   !important; }
  .hch-serif { font-size: clamp(0.95rem, 4.5vw, 1.4rem)  !important; }  }
.story-section {
  background: var(--ivory) !important;
}
html[data-theme="dark"] .story-section {
  background: var(--bg) !important;
}
.story-section .section-kicker {
  color:          var(--gold)       !important;
  font-family:    var(--font-body)  !important;
  font-size:      var(--type-micro) !important;
  font-weight:    700               !important;
  letter-spacing: 0.28em            !important;
  text-transform: uppercase         !important;
  margin-bottom:  0.6rem            !important;
}
.story-grid {
  display:               grid                            !important;
  grid-template-columns: repeat(3, minmax(0, 1fr))       !important;
  gap:                   clamp(1.25rem, 2.5vw, 2rem)    !important;
  margin-top:            clamp(2rem, 4vw, 3rem)          !important;
}
.story-card {
  background:    var(--card-bg)                    !important;
  border:        1px solid var(--line)             !important;
  border-radius: var(--radius-xl)                  !important;
  box-shadow:    0 2px 20px rgba(0, 0, 0, 0.055)  !important;
  padding:       2.25rem 2rem                      !important;
  display:       flex                              !important;
  flex-direction: column                           !important;
  gap:           0                                 !important;
  transition:    transform 320ms var(--ease-spring),
                 box-shadow 300ms var(--ease-out)  !important;
}
.story-card:hover {
  transform:  translateY(-4px)                     !important;
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.10)      !important;
}
html[data-theme="dark"] .story-card {
  background: var(--card-bg)                   !important;
  border-color: var(--line-strong)             !important;
  box-shadow:   0 2px 20px rgba(0, 0, 0, 0.25)!important;
}
html[data-theme="dark"] .story-card:hover {
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.40)  !important;
}
.story-card__icon {
  display:       block         !important;
  font-size:     2.4rem        !important;
  line-height:   1             !important;
  margin-bottom: 1.25rem       !important;
}
.story-card h3 {
  font-family:    var(--font-display) !important;
  font-weight:    700                 !important;
  font-size:      var(--type-heading-md) !important;
  line-height:    var(--leading-tight)   !important;
  color:          var(--text-main)    !important;
  margin:         0 0 0.85rem         !important;
}
.story-card p {
  font-family:  var(--font-body)     !important;
  font-style:   italic               !important;
  font-size:    var(--type-body-sm)  !important;
  line-height:  var(--leading-relaxed) !important;
  color:        var(--text-soft)     !important;
  margin:       0                    !important;
}
@media (max-width: 900px) {
  .story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .story-grid {
    grid-template-columns: 1fr !important;
  }
  .story-card {
    padding: 1.75rem 1.5rem !important;
  }
}
.abdan-promise {
  display:  block;
  overflow: hidden;
}
.promise-trust-strip {
  background:  var(--ivory);
  padding:     clamp(2.75rem, 5.5vw, 4.5rem) 0;
  border-top:  1px solid color-mix(in srgb, var(--emerald) 14%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--emerald) 14%, transparent);
}
html[data-theme="dark"] .promise-trust-strip {
  background:    color-mix(in srgb, var(--bg) 90%, var(--emerald) 10%);
  border-color:  var(--line-strong);
}
.promise-trust-grid {
  display:               grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:                   clamp(1rem, 2.5vw, 2rem);
  text-align:            center;
}
.promise-trust-item {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            0.55rem;
  padding:        0.5rem 0.75rem;
}
.promise-mark {
  display:     block;
  font-size:   1rem;
  color:       var(--gold);
  line-height: 1;
}
.promise-trust-text {
  font-family:    var(--font-display);
  font-weight:    400;
  font-size:      var(--type-body-sm);
  line-height:    var(--leading-snug);
  color:          var(--text-main);
  letter-spacing: -0.01em;
}
html[data-theme="dark"] .promise-trust-text {
  color: var(--ivory);
}
@media (max-width: 860px) {
  .promise-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1rem;
  }
}
@media (max-width: 460px) {
  .promise-trust-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem 0.75rem;
  }
  .promise-trust-text {
    font-size: var(--type-micro);
  }
}
.promise-quote-band {
  background: var(--emerald);
  padding:    clamp(5rem, 9vw, 8rem) 0;
  position:   relative;
  overflow:   hidden;
}
.promise-quote-band::before {
  content:       '';
  position:      absolute;
  inset:         0;
  background:    radial-gradient(
                   ellipse 72% 60% at 50% 40%,
                   rgba(255,255,255,0.045) 0%,
                   transparent 70%
                 );
  pointer-events: none;
}
.promise-quote-inner {
  position:   relative;            display:    flex;
  flex-direction: column;
  align-items:    center;
  text-align:     center;
  gap:            1.5rem;
  max-width:      720px;
  margin-inline:  auto;
}
.promise-ornament {
  display:     block;
  font-family: var(--font-editorial);
  font-style:  italic;
  font-size:   clamp(4rem, 10vw, 8rem);
  line-height: 0.6;
  color:       var(--gold);
  opacity:     0.7;
  user-select: none;
  margin-bottom: -0.5rem;    }
.promise-quote {
  font-family:  var(--font-editorial)    !important;
  font-style:   italic                   !important;
  font-weight:  400                      !important;
  font-size:    clamp(1.35rem, 2.7vw, 2.25rem) !important;
  line-height:  var(--leading-relaxed)   !important;
  color:        var(--ivory)             !important;
  letter-spacing: -0.01em               !important;
  margin:       0                        !important;
  padding:      0                        !important;
  border:       none                     !important;     quotes:       none                     !important;
}
blockquote.promise-quote::before,
blockquote.promise-quote::after {
  content: none !important;
}
.promise-cite {
  display:        block;
  font-family:    var(--font-body)   !important;
  font-style:     normal             !important;
  font-size:      var(--type-micro)  !important;
  font-weight:    600                !important;
  letter-spacing: 0.24em             !important;
  text-transform: uppercase          !important;
  color:          var(--gold)        !important;
  opacity:        0.9                !important;
}
@media (max-width: 600px) {
  .promise-quote-band {
    padding: clamp(3.5rem, 10vw, 5rem) 0;
  }
  .promise-ornament {
    font-size: clamp(3rem, 12vw, 5rem);
  }
}
.lx-entry {
  background: #020f0d !important;     transition: opacity 700ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}
html:not([data-theme="dark"]) .lx-entry {
  background: #020f0d !important;
}
.lx-entry.is-done {
  opacity:        0       !important;
  pointer-events: none    !important;
}
.lx-entry__atm {
  position:       absolute;
  inset:          0;
  pointer-events: none;
  overflow:       hidden;
  z-index:        0;
}
.lx-entry__atm::before {
  content:       '';
  position:      absolute;
  width:         70vmax;
  height:        70vmax;
  top:           50%;
  left:          50%;
  border-radius: 50%;
  background:    radial-gradient(
                   ellipse at center,
                   rgba(2, 61, 58, 0.55) 0%,
                   transparent           70%
                 );
  transform:     translate(-50%, -50%) scale(0.96);
  animation:     lx-atm-breathe 5s ease-in-out infinite alternate;
}
.lx-entry__atm::after {
  content:       '';
  position:      absolute;
  width:         50vmax;
  height:        50vmax;
  top:           48%;
  left:          50%;
  border-radius: 50%;
  background:    radial-gradient(
                   ellipse at center,
                   rgba(197, 161, 59, 0.07) 0%,
                   transparent              65%
                 );
  transform: translate(-50%, -50%);
}
@keyframes lx-atm-breathe {
  from { opacity: 0.6; transform: translate(-50%, -50%) scale(0.96); }
  to   { opacity: 1;   transform: translate(-50%, -50%) scale(1.05); }
}
.lx-entry__inner {
  position:       relative  !important;     z-index:        1         !important;
  display:        flex      !important;
  flex-direction: column    !important;
  align-items:    center    !important;
  gap:            0         !important;
  text-align:     center    !important;
  padding:        2rem      !important;
}
.lx-entry__wordmark {
  position:      relative                !important;
  overflow:      hidden                  !important;     border-radius: 6px                     !important;     opacity:       0                       !important;
  transform:     scale(0.88)             !important;
  transition:
    opacity   720ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change:   transform, opacity      !important;
  margin-bottom: 1.6rem                  !important;
}
.lx-entry__wordmark.is-visible {
  opacity:   1         !important;
  transform: scale(1)  !important;
}
.lx-entry .lx-entry__wordmark-img {
  display: none !important;
}
.lx-entry .lx-entry__wordmark-text {
  display:        block                            !important;
  font-size:      clamp(2.8rem, 9vw, 5.5rem)      !important;
  letter-spacing: 0.28em                           !important;
  color:          rgba(240, 232, 210, 0.96)        !important;     line-height:    1                                !important;
  font-weight:    400                              !important;
  padding:        0.1em 0.3em                      !important;     text-shadow:
    0 0  80px rgba(197, 161, 59, 0.22),
    0 0  30px rgba(197, 161, 59, 0.10),
    0 4px 40px rgba(1, 14, 13, 0.80)               !important;
}
.lx-entry__glint {
  position:       absolute                                    !important;
  inset:          -60% 0                                      !important;     background:     linear-gradient(
                    105deg,
                    transparent                  0%,
                    transparent                  28%,
                    rgba(197, 161, 59, 0.00)     34%,
                    rgba(197, 161, 59, 0.28)     43%,
                    rgba(255, 248, 200, 0.70)    50%,
                    rgba(197, 161, 59, 0.28)     57%,
                    rgba(197, 161, 59, 0.00)     66%,
                    transparent                  72%,
                    transparent                 100%
                  )                                           !important;
  transform:      translateX(-280%) skewX(-22deg)             !important;
  pointer-events: none                                        !important;
  mix-blend-mode: overlay                                     !important;
  will-change:    transform                                   !important;
}
.lx-entry__glint.is-running {
  animation: lx-glint-sweep 680ms cubic-bezier(0.23, 1, 0.32, 1) forwards !important;
}
@keyframes lx-glint-sweep {
  from { transform: translateX(-280%) skewX(-22deg); }
  to   { transform: translateX(380%)  skewX(-22deg); }
}
.lx-entry__tagline {
  font-family:    var(--font-body)          !important;
  font-style:     italic                    !important;
  font-size:      var(--type-micro)         !important;
  font-weight:    400                       !important;
  letter-spacing: 0.20em                    !important;
  color:          rgba(197, 161, 59, 0.52)  !important;
  line-height:    1                         !important;
  margin:         0                         !important;
  opacity:        0                         !important;
  transform:      translateY(5px)           !important;
  transition:
    opacity   560ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 560ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, transform           !important;
  max-width: none                           !important;
}
.lx-entry__tagline.is-visible {
  opacity:   1            !important;
  transform: translateY(0) !important;
}
.lx-entry .lx-entry__logo { display: none !important; }
.lx-entry .lx-entry__foot { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .lx-entry__atm::before       { animation: none !important; }
  .lx-entry__glint.is-running  { animation: none !important; opacity: 0 !important; }
  .lx-entry__wordmark {
    transition: opacity 200ms linear !important;
    transform:  scale(1) !important;    }
}
@media (max-width: 480px) {
  .lx-entry .lx-entry__wordmark-text {
    font-size:      clamp(2.2rem, 12vw, 3.2rem) !important;
    letter-spacing: 0.20em                       !important;
  }
}
:root {
  --space-section:    clamp(5.5rem, 10vw, 10rem);     --space-section-sm: clamp(3.5rem,  6vw,  6rem);     --space-inner:      clamp(2rem,    4vw,  3.5rem);    --reveal-ease:      cubic-bezier(0.16, 1, 0.3, 1); }
.section-frame {
  padding: var(--space-section) 0 !important;
}
.hero-section.section-frame {
  padding: 0 !important;
}
.container {
  width: min(calc(100% - 3.5rem), var(--container)) !important;
}
.section-heading {
  margin-bottom: clamp(2.5rem, 5vw, 4.25rem) !important;
}
.section-heading .section-kicker {
  margin-bottom: 0.9rem !important;
}
.section-heading h2 {
  margin: 0 0 1.25rem !important;
  letter-spacing: -0.02em !important;  }
.section-heading p {
  line-height: var(--leading-relaxed) !important;
  max-width: 42ch !important;          }
.section-kicker {
  letter-spacing: 0.18em !important;
  font-size:      var(--type-label) !important;
  opacity:        0.75              !important;
}
.reveal {
  transform: translateY(7px) !important;
  transition:
    opacity   960ms var(--reveal-ease) var(--reveal-delay, 0ms),
    transform 960ms var(--reveal-ease) var(--reveal-delay, 0ms) !important;
}
.reveal.is-visible {
  transform: translateY(0) !important;
}
.section-heading.reveal {
  transform:          translateY(14px) scale(0.998) !important;
  transition-duration: 1080ms, 1080ms               !important;
}
.section-heading.reveal.is-visible {
  transform: translateY(0) scale(1) !important;
}
.product-card.reveal {
  transform: translateY(12px) scale(0.993) !important;
}
.product-card.reveal.is-visible {
  transform: translateY(0) scale(1)        !important;
  transition-duration: 960ms, 960ms        !important;
}
.story-card.reveal,
.feature-card.reveal,
.teaser-card.reveal {
  transform: translateY(10px) !important;
}
.products-grid {
  gap: clamp(1.5rem, 2.8vw, 2.25rem) !important;
}
.product-card {
  border-radius: var(--radius-xl) !important;     box-shadow:    0 4px 28px rgba(18, 31, 29, 0.05),
                 0 1px  6px rgba(18, 31, 29, 0.04) !important;
  transition:
    transform    400ms var(--ease-snap),
    box-shadow   360ms var(--ease-out),
    border-color 280ms var(--ease-out) !important;
}
.product-card:hover {
  transform:  translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(18, 31, 29, 0.09),
              0  4px 12px rgba(18, 31, 29, 0.05) !important;
}
html[data-theme="dark"] .product-card {
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.20),
              0 1px  6px rgba(0, 0, 0, 0.14) !important;
}
html[data-theme="dark"] .product-card:hover {
  box-shadow: 0 12px 44px rgba(0, 0, 0, 0.32),
              0  4px 14px rgba(0, 0, 0, 0.20) !important;
}
.product-card__footer {
  padding-top: 1.6rem !important;
}
.brand-pill {
  padding:            0.95rem 1.25rem           !important;
  gap:                1.05rem                   !important;
  backdrop-filter:    saturate(140%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(140%) blur(20px) !important;
  transition:
    background 300ms var(--ease-out),
    box-shadow 300ms var(--ease-out),
    border-color 220ms var(--ease-out)          !important;
}
.site-header {
  transition:
    top     340ms var(--ease-snap),
    opacity 280ms var(--ease-out) !important;
}
.story-section {
  padding: var(--space-section) 0 !important;
}
.story-grid {
  gap: clamp(1.5rem, 2.8vw, 2.25rem) !important;
}
.story-card {
  transition:
    transform  400ms var(--ease-snap),
    box-shadow 360ms var(--ease-out) !important;
}
.story-card:hover {
  transform:  translateY(-3px)                     !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.09)     !important;
}
#products.section-frame,
.products-section {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ivory) 100%, var(--emerald) 0%) 0%,
    color-mix(in srgb, var(--ivory)  96%, var(--emerald) 4%) 50%,
    color-mix(in srgb, var(--ivory) 100%, var(--emerald) 0%) 100%
  ) !important;
}
#wsy.section-frame,
.story-section {
  background: var(--ivory-deep) !important;
}
html[data-theme="dark"] #wsy.section-frame,
html[data-theme="dark"] .story-section {
  background: color-mix(in srgb, var(--bg, #071d1c) 90%, var(--emerald) 10%) !important;
}
.section-heading p,
.hero-body,
.story-card p,
.teaser-card p,
.feature-card p,
.testimonial-card p,
.footer-about p,
.editorial-panel p {
  line-height: 1.82 !important;
}
.promise-trust-item {
  padding: 0.75rem 1rem !important;
}
.footer-signature {
  background: radial-gradient(
    ellipse 80% 60% at 50% 60%,
    color-mix(in srgb, var(--emerald) 85%, rgba(197, 161, 59, 0.15) 15%) 0%,
    var(--emerald) 70%
  ) !important;
}
.footer-emotional-close {
  padding-block: clamp(5rem, 9vw, 9rem) !important;
}
@media (max-width: 600px) {
    .section-frame {
    padding: clamp(4rem, 12vw, 6rem) 0 !important;
  }
    .container {
    width: min(calc(100% - 2.5rem), var(--container)) !important;
  }
    .section-heading {
    margin-bottom: clamp(2rem, 8vw, 3rem) !important;
  }
    .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.1rem !important;
  }
    .primary-button,
  .secondary-button,
  .orb-button,
  .nav-link,
  .cart-btn {
    min-height: 52px !important;
  }
    .story-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
    .section-heading h2 {
    letter-spacing: -0.01em !important;
  }
    .brand-pill {
    padding: 0.8rem 1rem !important;
    gap: 0.75rem         !important;
  }
}
@media (min-width: 601px) and (max-width: 960px) {
  .section-frame {
    padding: clamp(4.5rem, 9vw, 7rem) 0 !important;
  }
  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.4rem !important;
  }
}
.primary-button,
.secondary-button {
  transition:
    background   300ms var(--ease-out),
    border-color 220ms var(--ease-out),
    color        220ms var(--ease-out),
    transform    200ms var(--ease-out),
    box-shadow   280ms var(--ease-out) !important;
}
.primary-button:hover {
  transform: translateY(-1px) !important;
}
.secondary-button:hover {
  transform: translateY(-1px) !important;
}
.story-card__icon + * img,
.hero-slide img,
.promise-band__img,
.product-card img {
  image-rendering:     auto !important;
  -webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: reduce) {
  .section-frame                   { padding: clamp(4rem, 8vw, 7rem) 0 !important; }
  .reveal, .section-heading.reveal,
  .product-card.reveal             { transition: opacity 300ms linear !important;
                                     transform: none !important; }
  .product-card:hover,
  .story-card:hover,
  .primary-button:hover,
  .secondary-button:hover          { transform: none !important; }
}
html[data-theme="dark"] .section-frame:not(.hero-section) {
  background: linear-gradient(
    180deg,
    rgba(2, 61, 58, 0.04) 0%,
    transparent           40%,
    rgba(2, 61, 58, 0.04) 100%
  ) !important;
}
.product-card,
.story-card,
.teaser-card,
.feature-card {
  border-color: color-mix(in srgb, var(--line) 80%, transparent) !important;
}
::-webkit-scrollbar                { width: 5px; height: 5px; }
::-webkit-scrollbar-track          { background: transparent; }
::-webkit-scrollbar-thumb          { background: rgba(2, 61, 58, 0.18); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover    { background: rgba(2, 61, 58, 0.32); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb       { background: rgba(197, 161, 59, 0.18); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(197, 161, 59, 0.32); }
::selection {
  background: rgba(197, 161, 59, 0.18);
  color:      var(--text-main);
}
.brand-pill__wordmark {
  height:    24px         !important;
  max-width: 118px        !important;
  width:     auto         !important;
  display:   block        !important;
}
.brand-pill__name {
  overflow:  hidden       !important;
  max-width: 140px        !important;
}
.brand-pill {
  gap: 0.85rem !important;
}
.brand-mark {
  flex-shrink: 0 !important;
  width:       2.6rem !important;
  height:      2.6rem !important;
}
.site-header {
  transition:
    transform    420ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity      320ms var(--ease-out),
    top          340ms cubic-bezier(0.16, 1, 0.3, 1)  !important;
  will-change: transform, opacity !important;
}
.site-header.is-nav-hidden {
  transform:      translateY(calc(-100% - 1.5rem)) !important;
  opacity:        0                                !important;
  pointer-events: none                             !important;
}
@media (min-width: 768px) {
  .bottom-dock {
    transition:
      background 240ms var(--ease-out),
      transform  420ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity    320ms var(--ease-out) !important;
  }
  .bottom-dock.is-nav-hidden {
    transform: translateY(calc(-100% - 1.5rem)) !important;
    opacity:   0                                !important;
  }
}
@media (max-width: 767px) {
  .bottom-dock {
    top:       auto                                          !important;
    bottom:    calc(env(safe-area-inset-bottom) + 0.9rem)   !important;
    transform: translateX(-50%)                              !important;          width:     min(calc(100% - 2rem), 480px)                !important;
  }
    .bottom-dock.is-dock-hidden {
    transform: translateX(-50%) translateY(calc(100% + env(safe-area-inset-bottom) + 1.5rem)) !important;
    transition: transform 200ms ease-in !important;
  }
    .bottom-dock:not(.is-dock-hidden) {
    transition:
      background 240ms var(--ease-out),
      transform  340ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
    .luxury-shell {
    padding-top:    6rem                                           !important;
    padding-bottom: calc(6rem + env(safe-area-inset-bottom))      !important;
  }
    .section-frame {
    scroll-margin-top: 5rem !important;
  }
}
@media (max-width: 767px) {
  .support-pill {
    bottom: calc(env(safe-area-inset-bottom) + 5.2rem) !important;
    right:  1rem                                        !important;
  }
    .bottom-dock.is-dock-hidden ~ * .support-pill,
  body.is-dock-hidden .support-pill {
    bottom: calc(env(safe-area-inset-bottom) + 1rem) !important;
  }
}
@media (max-width: 700px) {
  .footer-relation__inner {
    flex-direction: column        !important;
    gap:            clamp(2rem, 6vw, 3rem) !important;
  }
  .footer-relation__words,
  .footer-relation__form {
    flex: none !important;
    width: 100% !important;
  }
  .footer-relation__heading {
    font-size: clamp(1.4rem, 5vw, 1.9rem) !important;
  }
  .footer-relation__row {
    flex-direction: column !important;
    gap:            0.85rem !important;
  }
  .footer-relation__input {
    flex:       none   !important;
    width:      100%   !important;
    min-height: 52px   !important;       font-size:  1rem   !important;     }
  .footer-relation__btn {
    flex-shrink:  unset  !important;
    width:        100%   !important;
    min-height:   52px   !important;
    text-align:   center !important;
    font-size:    0.9rem !important;
  }
}
.footer-relation__input:focus {
  outline:      none                               !important;
  border-color: rgba(197, 161, 59, 0.65)          !important;
  background:   rgba(255, 255, 255, 0.10)         !important;
  box-shadow:   0 0 0 3px rgba(197, 161, 59, 0.12) !important;
}
.admin-image-manager {
  margin-top: 2rem !important;
}
.aim-header {
  margin-bottom: 2rem;
}
.aim-header h2 {
  margin: 0.5rem 0 0.75rem;
  font-size: var(--type-heading-lg);
}
.aim-header p {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  line-height: var(--leading-relaxed);
  max-width: 52ch;
}
.aim-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}
.aim-card {
  padding: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.aim-preview {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: color-mix(in srgb, var(--emerald) 8%, var(--ivory));
  position: relative;
}
.aim-preview__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 300ms var(--ease-out);
}
.aim-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.aim-input-row {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.aim-url-input {
  flex: 1 1 160px;
  padding: 0.65rem 0.9rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text-main);
  font-family: var(--font-body);
  font-size: var(--type-body-sm);
  outline: none;
  transition: border-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}
.aim-url-input:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(197, 161, 59, 0.12);
}
.aim-url-input::placeholder {
  color: var(--text-soft);
  font-style: italic;
}
.aim-save-btn {
  flex-shrink: 0;
  padding: 0.65rem 1.2rem !important;
  font-size: var(--type-label) !important;
}
.aim-reset-btn {
  flex-shrink: 0;
  padding: 0.65rem 1rem !important;
  font-size: var(--type-label) !important;
}
.aim-status {
  font-size: var(--type-micro);
  color: var(--text-soft);
  margin: 0;
}
.aim-status--active {
  color: var(--gold);
  font-style: italic;
}
@media (prefers-reduced-motion: reduce) {
  .site-header,
  .site-header.is-nav-hidden { transition: none !important; }
  @media (max-width: 767px) {
    .bottom-dock,
    .bottom-dock.is-dock-hidden { transition: none !important; }
  }
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  @media (max-width: 767px) {
    .bottom-dock {
      padding-bottom: calc(0.38rem + env(safe-area-inset-bottom) * 0.3) !important;
    }
  }
}
:root {
  --lx-micro-fast:   180ms;
  --lx-micro-mid:    320ms;
  --lx-micro-slow:   560ms;
  --lx-micro-ease:   cubic-bezier(0.16, 1, 0.3, 1);
  --lx-micro-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --lx-micro-gold:   rgba(197, 161, 59, 0.85);
  --lx-micro-glow:   rgba(197, 161, 59, 0.18);
}
@keyframes lx-heart-float {
  0%   { transform: translateY(0)     scale(0.55) rotate(-10deg); opacity: 0.9; }
  55%  { transform: translateY(-52px) scale(1)    rotate(7deg);  opacity: 0.65; }
  100% { transform: translateY(-96px) scale(0.7)  rotate(-3deg); opacity: 0; }
}
.lx-heart-particle {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  width: 20px;
  height: 20px;
  line-height: 1;
  text-align: center;
  user-select: none;
  contain: strict;
  will-change: transform, opacity;
  animation: lx-heart-float 820ms var(--lx-micro-ease) forwards;
}
@keyframes lx-cart-glow-expand {
  0%   { transform: scale(0.35); opacity: 0.85; }
  55%  { opacity: 0.38; }
  100% { transform: scale(3.4);  opacity: 0; }
}
.lx-cart-glow-ring {
  position: fixed;
  pointer-events: none;
  z-index: 9998;
  border-radius: 50%;
  border: 1.5px solid var(--lx-micro-gold);
  background: var(--lx-micro-glow);
  contain: strict;
  will-change: transform, opacity;
  animation: lx-cart-glow-expand 660ms cubic-bezier(0.2, 0, 0.38, 1) forwards;
}
@keyframes lx-story-in {
  from { opacity: 0; transform: translateY(9px); }
  to   { opacity: 1; transform: translateY(0); }
}
.cart-success.lx-story .order-check {
  animation: lx-story-in 520ms var(--lx-micro-ease) 0ms both !important;
}
.cart-success.lx-story .cart-success__title {
  opacity: 0;
  animation: lx-story-in 460ms var(--lx-micro-ease) 580ms both;
}
.cart-success.lx-story .cart-success__body {
  opacity: 0;
  animation: lx-story-in 420ms var(--lx-micro-ease) 880ms both;
}
.cart-success.lx-story .cart-success__note {
  opacity: 0;
  animation: lx-story-in 400ms var(--lx-micro-ease) 1120ms both;
}
.cart-success.lx-story .cart-success__ref {
  opacity: 0;
  animation: lx-story-in 380ms var(--lx-micro-ease) 1300ms both;
}
.cart-success.lx-story .order-timeline {
  opacity: 0;
  animation: lx-story-in 440ms var(--lx-micro-ease) 1500ms both;
}
@keyframes lx-form-ripple {
  0%   { transform: scale(0.4); opacity: 0.72; }
  100% { transform: scale(5);   opacity: 0; }
}
.lx-form-ripple {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(197, 161, 59, 0.32) 0%,
    transparent 68%
  );
  contain: strict;
  will-change: transform, opacity;
  animation: lx-form-ripple 740ms cubic-bezier(0.2, 0, 0.38, 1) forwards;
}
.footer-relation__btn,
.bag-footer__cta,
[data-checkout-submit],
.space-form [type="submit"] {
  position: relative;
  overflow: hidden;
}
@keyframes lx-empty-rise {
  from { opacity: 0; transform: translateY(12px) scale(0.985); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}
.cart-empty {
  animation: lx-empty-rise 540ms var(--lx-micro-ease) 60ms both;
}
.space-saved-empty {
  animation: lx-empty-rise 500ms var(--lx-micro-ease) 100ms both;
}
@keyframes lx-space-atm-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.space-view {
  position: relative; }
.space-view.is-entering::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-lg, 1.6rem);
  background: radial-gradient(
    ellipse 75% 44% at 50% 0%,
    rgba(197, 161, 59, 0.045) 0%,
    transparent 72%
  );
  pointer-events: none;
  z-index: 0;
  animation: lx-space-atm-in 500ms var(--lx-micro-ease) both;
}
@media (prefers-reduced-motion: reduce) {
  .lx-heart-particle { animation-duration: 1ms !important; opacity: 0 !important; }
  .lx-cart-glow-ring { animation-duration: 1ms !important; opacity: 0 !important; }
  .lx-form-ripple    { animation-duration: 1ms !important; opacity: 0 !important; }
  .cart-empty        { animation: none !important; }
  .space-saved-empty { animation: none !important; }
  .cart-success.lx-story .order-check,
  .cart-success.lx-story .cart-success__title,
  .cart-success.lx-story .cart-success__body,
  .cart-success.lx-story .cart-success__note,
  .cart-success.lx-story .cart-success__ref,
  .cart-success.lx-story .order-timeline {
    opacity: 1 !important;
    animation: none !important;
  }
  .space-view.is-entering::before { animation: none !important; opacity: 0 !important; }
}
:root {
  --ec-pad:          clamp(1.875rem, 4.5vw, 3rem);
  --ec-pad-sm:       clamp(1.5rem, 3.5vw, 2.25rem);
  --ec-gap:          clamp(1.375rem, 3vw, 2.125rem);
  --ec-radius-outer: var(--radius-xl);       --ec-radius-inner: var(--radius-lg);       --ec-bg-warm:      linear-gradient(152deg, var(--ivory) 0%, var(--ivory-deep) 100%);
  --ec-bg-soft:      linear-gradient(152deg, var(--ivory) 0%, var(--cream) 100%);
  --ec-shadow-rest:  0 4px 20px rgba(18, 31, 29, 0.06),
                     0 1px 4px  rgba(18, 31, 29, 0.035);
  --ec-shadow-lift:  0 18px 52px rgba(18, 31, 29, 0.10),
                     0 4px  14px rgba(18, 31, 29, 0.055);
  --ec-border:       1px solid rgba(197, 161, 59, 0.11);
  --ec-t:            transform 480ms cubic-bezier(0.16, 1, 0.3, 1),
                     box-shadow 480ms cubic-bezier(0.16, 1, 0.3, 1);
  --ec-gold-atm-tl:  radial-gradient(ellipse 80% 65% at 0% 0%,
                       rgba(197, 161, 59, 0.072) 0%, transparent 62%);
  --ec-gold-atm-tr:  radial-gradient(ellipse 80% 65% at 100% 0%,
                       rgba(197, 161, 59, 0.072) 0%, transparent 62%);
  --ec-emerald-atm:  radial-gradient(ellipse 75% 60% at 0% 100%,
                       rgba(2, 61, 58, 0.055) 0%, transparent 62%);
}
#wsy .story-grid {
  gap: var(--ec-gap) !important;
}
.story-card {
  background:    var(--ec-bg-warm);
  border-radius: var(--ec-radius-outer) !important;
  padding:       var(--ec-pad) !important;
  box-shadow:    var(--ec-shadow-rest);
  border:        var(--ec-border);
  transition:    var(--ec-t);
}
.story-card::after {
  content:        "";
  position:       absolute;
  inset:          0;
  border-radius:  inherit;
  background:     var(--ec-gold-atm-tr);
  pointer-events: none;
  z-index:        0;
}
.story-card > * { position: relative; z-index: 1; }
.story-card:hover {
  transform:  translateY(-3px);
  box-shadow: var(--ec-shadow-lift);
}
.story-card__icon {
  width:         3.25rem        !important;
  height:        3.25rem        !important;
  display:       flex           !important;
  align-items:   center         !important;
  justify-content: center       !important;
  background:    rgba(197, 161, 59, 0.10) !important;
  border-radius: 50%            !important;
  margin-bottom: 1.5rem         !important;
  font-size:     1.6rem         !important;
  line-height:   1              !important;
  flex-shrink:   0              !important;
}
.story-card h3 {
  font-family:   var(--font-editorial)                !important;
  font-size:     clamp(1.0625rem, 2vw, 1.3rem)        !important;
  font-weight:   400                                   !important;
  letter-spacing: 0.01em                               !important;
  line-height:   1.32                                  !important;
  margin-bottom: 0.72rem                               !important;
  color:         var(--text-ink, #162f2d)              !important;
}
.story-card p {
  font-size:   0.9375rem                !important;
  line-height: 1.86                     !important;
  color:       var(--text-muted, #5d6964) !important;
  margin-top:  0                        !important;
}
.account-features {
  gap: 1.1rem !important;
}
.feature-card {
  background:    var(--ec-bg-warm);
  border-radius: var(--ec-radius-inner) !important;
  padding:       clamp(1.5rem, 4vw, 2.25rem) !important;
  box-shadow:    var(--ec-shadow-rest);
  border:        var(--ec-border);
  transition:    var(--ec-t);
}
.feature-card::after {
  content:        "";
  position:       absolute;
  bottom:         0; left: 12%; right: 12%;
  height:         1.5px;
  background:     linear-gradient(
    90deg,
    transparent,
    rgba(197, 161, 59, 0.42),
    transparent
  );
  border-radius:  0;
  opacity:        0;
  transition:     opacity 380ms ease;
}
.feature-card:hover {
  transform:  translateY(-2px);
  box-shadow: var(--ec-shadow-lift);
}
.feature-card:hover::after { opacity: 1; }
.feature-card [data-lucide] {
  width:         1.65rem  !important;
  height:        1.65rem  !important;
  color:         var(--gold) !important;
  margin-bottom: 0.9rem   !important;
  display:       block     !important;
}
.feature-card h3 {
  font-family:   var(--font-editorial)           !important;
  font-size:     1rem                            !important;
  font-weight:   400                             !important;
  letter-spacing: 0.01em                         !important;
  line-height:   1.35                            !important;
  margin-bottom: 0.42rem                         !important;
  color:         var(--text-ink, #162f2d)        !important;
}
.feature-card p {
  font-size:   0.875rem                   !important;
  line-height: 1.78                       !important;
  color:       var(--text-muted, #5d6964) !important;
  margin-top:  0                          !important;
}
.teaser-grid {
  gap: var(--ec-gap) !important;
}
.teaser-card {
  background:    var(--ec-bg-soft);
  border-radius: var(--ec-radius-outer) !important;
  padding:       clamp(2.25rem, 5.5vw, 3.5rem) clamp(1.875rem, 4.5vw, 2.75rem) !important;
  box-shadow:    var(--ec-shadow-rest);
  border:        var(--ec-border);
  transition:    var(--ec-t);
}
.teaser-card::before {
  content:        "";
  position:       absolute;
  bottom:         -24px; left: -24px;
  width:          220px; height: 220px;
  background:     var(--ec-emerald-atm);
  pointer-events: none;
}
.teaser-card:hover {
  transform:  translateY(-3px);
  box-shadow: var(--ec-shadow-lift);
}
.teaser-emoji {
  font-size:     2.25rem !important;
  display:       block   !important;
  margin-bottom: 1.35rem !important;
  line-height:   1       !important;
}
.teaser-card h3 {
  font-family:   var(--font-editorial)                  !important;
  font-size:     clamp(1.125rem, 2.2vw, 1.45rem)        !important;
  font-weight:   400                                     !important;
  letter-spacing: 0.01em                                 !important;
  line-height:   1.32                                    !important;
  color:         var(--text-ink, #162f2d)                !important;
  margin-bottom: 0.8rem                                  !important;
}
.teaser-card p {
  font-size:     0.9375rem                !important;
  line-height:   1.84                     !important;
  color:         var(--text-muted, #5d6964) !important;
  margin-bottom: 1.4rem                   !important;
  margin-top:    0                        !important;
}
.promise-trust-item {
  background:    var(--ivory, #f8f5ec)         !important;
  border-radius: var(--ec-radius-inner)        !important;
  padding:       clamp(1.25rem, 3vw, 1.875rem) 1rem !important;
  box-shadow:    var(--ec-shadow-rest)         !important;
  border:        var(--ec-border)              !important;
  transition:    transform 380ms cubic-bezier(0.16, 1, 0.3, 1),
                 box-shadow 380ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.promise-trust-item:hover {
  transform:  translateY(-2px)                           !important;
  box-shadow: 0 12px 36px rgba(18, 31, 29, 0.09) !important;
}
.promise-mark {
  font-size: 1.1rem  !important;
  color:     var(--gold) !important;
}
.promise-trust-text {
  font-family:   var(--font-editorial)         !important;
  font-size:     0.875rem                      !important;
  font-weight:   400                           !important;
  color:         var(--text-ink, #162f2d)      !important;
  letter-spacing: 0.01em                       !important;
  line-height:   1.42                          !important;
  text-align:    center                        !important;
}
#editorialCampaign .editorial-campaign__inner {
  background:    var(--ec-bg-warm)              !important;
  border-radius: var(--ec-radius-outer)         !important;
  padding:       clamp(2.5rem, 6vw, 4rem)       !important;
  box-shadow:    var(--ec-shadow-rest)           !important;
  border:        var(--ec-border)               !important;
  overflow:      hidden;
}
#editorialCampaign .editorial-campaign__inner::before {
  content:        "";
  position:       absolute;
  top:  -40px; right: -40px;
  width:          280px; height: 280px;
  background:     var(--ec-gold-atm-tr);
  pointer-events: none;
  z-index:        0;
}
#editorialCampaign .editorial-campaign__inner > * {
  position: relative;
  z-index:  1;
}
.promise-quote-band {
  position: relative;
  overflow: hidden;
}
.promise-quote-band::before {
  content:        "";
  position:       absolute;
  top: 0; left: 0; right: 0;
  height:         120px;
  background:     linear-gradient(
    180deg,
    rgba(197, 161, 59, 0.045) 0%,
    transparent 100%
  );
  pointer-events: none;
  z-index:        0;
}
@media (max-width: 767px) {
  .story-card {
    padding: clamp(1.5rem, 5vw, 2rem) !important;
    border-radius: var(--radius-lg)    !important;
  }
  .teaser-card {
    padding: 1.875rem 1.5rem !important;
    border-radius: var(--radius-lg) !important;
  }
  .feature-card {
    padding: 1.375rem 1.125rem !important;
  }
  .promise-trust-item {
    padding: 1rem 0.75rem !important;
  }
  #editorialCampaign .editorial-campaign__inner {
    padding: 1.875rem 1.5rem !important;
    border-radius: var(--radius-lg) !important;
  }
}
html[data-theme="dark"] .story-card {
  background: linear-gradient(152deg, rgba(2, 61, 58, 0.44) 0%, rgba(1, 47, 44, 0.6) 100%) !important;
  border-color: rgba(197, 161, 59, 0.12) !important;
}
html[data-theme="dark"] .feature-card {
  background: linear-gradient(152deg, rgba(2, 61, 58, 0.38) 0%, rgba(1, 47, 44, 0.52) 100%) !important;
  border-color: rgba(197, 161, 59, 0.12) !important;
}
html[data-theme="dark"] .teaser-card {
  background: linear-gradient(152deg, rgba(2, 61, 58, 0.46) 0%, rgba(1, 47, 44, 0.62) 100%) !important;
  border-color: rgba(197, 161, 59, 0.13) !important;
}
html[data-theme="dark"] .promise-trust-item {
  background: rgba(2, 61, 58, 0.34)          !important;
  border-color: rgba(197, 161, 59, 0.12)     !important;
}
html[data-theme="dark"] .promise-trust-text {
  color: var(--ivory) !important;
}
html[data-theme="dark"] #editorialCampaign .editorial-campaign__inner {
  background: linear-gradient(152deg, rgba(2, 61, 58, 0.44) 0%, rgba(1, 47, 44, 0.58) 100%) !important;
  border-color: rgba(197, 161, 59, 0.12) !important;
}
@media (prefers-reduced-motion: reduce) {
  .story-card,
  .feature-card,
  .teaser-card,
  .promise-trust-item {
    transition: none !important;
  }
  .story-card:hover,
  .feature-card:hover,
  .teaser-card:hover,
  .promise-trust-item:hover {
    transform: none !important;
  }
}
body::before {
  content:        "";
  position:       fixed;
  inset:          0;
  background:     radial-gradient(
    ellipse 110% 52% at 50% -8%,
    rgba(197, 161, 59, 0.026) 0%,
    transparent 58%
  );
  pointer-events: none;
  z-index:        0;
}
html[data-theme="dark"] body::before {
  background: radial-gradient(
    ellipse 110% 52% at 50% -8%,
    rgba(197, 161, 59, 0.014) 0%,
    transparent 55%
  );
}
#products.section-frame,
.products-section {
  background: linear-gradient(
    180deg,
    var(--ivory)      0%,
    color-mix(in srgb, var(--ivory) 95%, var(--emerald) 5%) 42%,
    var(--ivory-deep) 100%
  ) !important;
}
#wsy.section-frame,
.story-section {
  background: linear-gradient(
    180deg,
    var(--ivory-deep)   0%,
    var(--ivory-deep)   72%,
    var(--ivory)       100%
  ) !important;
}
#account.section-frame {
  background: linear-gradient(
    180deg,
    var(--ivory)            0%,
    var(--ivory)            78%,
    rgba(1, 28, 26, 0.12)  94%,
    rgba(1, 28, 26, 0.30)  100%
  ) !important;
}
#teasers.section-frame {
  background: linear-gradient(
    180deg,
    var(--ivory)                        0%,
    color-mix(in srgb, var(--ivory) 97%, var(--gold) 3%) 100%
  ) !important;
}
html[data-theme="dark"] #products.section-frame,
html[data-theme="dark"] .products-section {
  background: linear-gradient(
    180deg,
    var(--bg, #071d1c)  0%,
    color-mix(in srgb, var(--bg, #071d1c) 90%, var(--emerald) 10%) 50%,
    var(--bg, #071d1c)  100%
  ) !important;
}
html[data-theme="dark"] #wsy.section-frame,
html[data-theme="dark"] .story-section {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--bg, #071d1c) 90%, var(--emerald) 10%)   0%,
    color-mix(in srgb, var(--bg, #071d1c) 92%, var(--emerald)  8%) 100%
  ) !important;
}
html[data-theme="dark"] #account.section-frame {
  background: linear-gradient(
    180deg,
    var(--bg, #071d1c) 0%,
    var(--bg, #071d1c) 78%,
    rgba(1, 10, 9, 0.6) 100%
  ) !important;
}
/* Dark-mode fix: #teasers had an !important ivory gradient with no dark
   override → light bg + light text = invisible "What You Might Love". */
html[data-theme="dark"] #teasers.section-frame {
  background: linear-gradient(
    180deg,
    var(--bg, #071d1c) 0%,
    color-mix(in srgb, var(--bg, #071d1c) 90%, var(--emerald) 10%) 50%,
    var(--bg, #071d1c) 100%
  ) !important;
}
@keyframes lx-devotion-breathe {
  0%   { opacity: 0;    transform: translate(-50%, -50%) scale(0.45); }
  28%  { opacity: 0.11; }
  62%  { opacity: 0.07; }
  100% { opacity: 0;    transform: translate(-50%, -50%) scale(1.55); }
}
#wsy.section-frame {
  position: relative; }
.lx-devotion-glow {
  position:       absolute;
  top:            46%;
  left:           50%;
  width:          min(640px, 90vw);
  height:         min(380px, 48vh);
  background:     radial-gradient(
    ellipse 58% 52% at 50% 50%,
    rgba(197, 161, 59, 0.38) 0%,
    rgba(197, 161, 59, 0.18) 38%,
    transparent   68%
  );
  pointer-events: none;
  z-index:        2;
  transform:      translate(-50%, -50%) scale(0.45);
  animation:      lx-devotion-breathe 2400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.hero-slide img {
  object-position: center 20% !important;
}
.promise-band__img {
  object-fit:      cover   !important;
  object-position: center 18% !important;
}
#editorialCampaign .editorial-campaign__frame img {
  object-position: center 25% !important;
}
.footer-cinematic-band__img {
  object-position: center 38% !important;
}
.space-gift-visual img {
  object-fit:      cover   !important;
  object-position: center 22% !important;
  border-radius:   var(--radius-lg);
}
.product-card__title {
  font-weight:    400          !important;
  letter-spacing: -0.01em      !important;
  line-height:    1.35         !important;
}
.product-card__price {
  font-size:      var(--type-body-sm, 0.875rem) !important;
  font-weight:    400                           !important;
  letter-spacing: 0.02em                        !important;
  opacity:        0.82                          !important;
}
.section-kicker {
  font-size:   0.6875rem                !important;   color:       rgba(197, 161, 59, 0.72) !important;
  font-weight: 400                      !important;
}
html[data-theme="dark"] .section-kicker {
  color: rgba(197, 161, 59, 0.58) !important;
}
.product-card__header .section-kicker {
  font-size:   0.625rem                 !important;   color:       rgba(197, 161, 59, 0.60) !important;
}
[data-lucide] {
  stroke-width: 1.5 !important;
}
.nav-item [data-lucide],
.bottom-dock .nav-item [data-lucide] {
  width:  1.2rem  !important;
  height: 1.2rem  !important;
}
.feature-card [data-lucide] {
  width:  1.625rem !important;
  height: 1.625rem !important;
}
.primary-button   [data-lucide],
.secondary-button [data-lucide] {
  width:  0.9375rem !important;
  height: 0.9375rem !important;
}
.section-heading {
  margin-bottom: clamp(2.75rem, 5.5vw, 4.25rem) !important;
}
.section-heading h2 {
  letter-spacing: -0.018em !important;
  line-height:     1.18     !important;
}
.promise-band__text blockquote {
  font-family:   var(--font-editorial)              !important;
  font-size:     clamp(1.125rem, 2.2vw, 1.5rem)    !important;
  font-style:    italic                             !important;
  font-weight:   400                                !important;
  line-height:   1.68                               !important;
  letter-spacing: 0.005em                           !important;
  color:         var(--text-ink, #162f2d)           !important;
}
.editorial-campaign__headline {
  font-weight:    400          !important;
  letter-spacing: -0.015em    !important;
  line-height:     1.2         !important;
}
.promise-band__visual {
  overflow: hidden;
  border-radius: var(--radius-lg);
}
.promise-band__visual img {
  transform:  scale(1.06);
  transition: transform 1400ms cubic-bezier(0.16, 1, 0.3, 1);
}
.promise-band:hover .promise-band__visual img,
.promise-band:focus-within .promise-band__visual img {
  transform: scale(1.02);
}
.footer-relation__heading {
  font-family:   var(--font-editorial) !important;
  font-weight:   400                   !important;
  font-size:     clamp(1.125rem, 2.4vw, 1.5625rem) !important;
  line-height:   1.35                  !important;
  letter-spacing: 0.002em              !important;
}
.teaser-modal__panel {
  border-radius: var(--radius-xl) !important;
}
.space-heading {
  font-weight: 400         !important;
  line-height: 1.18        !important;
  letter-spacing: -0.015em !important;
}
@media (max-width: 767px) {
    #account.section-frame {
    background: var(--ivory) !important;
  }
    .section-heading {
    margin-bottom: clamp(2rem, 5vw, 3rem) !important;
  }
    .promise-band__text blockquote {
    font-size: clamp(1rem, 3.5vw, 1.25rem) !important;
  }
    body::before {
    background: radial-gradient(
      ellipse 140% 40% at 50% -10%,
      rgba(197, 161, 59, 0.022) 0%,
      transparent 55%
    );
  }
}
@media (prefers-reduced-motion: reduce) {
  .lx-devotion-glow {
    animation: none !important;
    opacity:   0   !important;
  }
  .promise-band__visual img {
    transform:  none !important;
    transition: none !important;
  }
  body::before { display: none; }
}
.lx-breath {
  padding:         clamp(2.75rem, 5.5vw, 4.5rem) 0;
  text-align:      center;
  background:      var(--ivory-deep);
  position:        relative;
  overflow:        hidden;
}
.lx-breath::before {
  content:         "";
  position:        absolute;
  inset:           0;
  background:      radial-gradient(
    ellipse 55% 90% at 50% 50%,
    rgba(197, 161, 59, 0.055) 0%,
    transparent 65%
  );
  pointer-events:  none;
}
.lx-breath::after {
  content:         "";
  position:        absolute;
  top:             50%;
  left:            50%;
  transform:       translate(-50%, -50%);
  width:           min(400px, 72vw);
  height:          1px;
  background:      linear-gradient(
    90deg,
    transparent 0%,
    rgba(197, 161, 59, 0.28) 30%,
    rgba(197, 161, 59, 0.28) 70%,
    transparent 100%
  );
  pointer-events:  none;
  opacity:         0.6;
}
.lx-breath__statement {
  position:        relative;
  z-index:         1;
  font-family:     var(--font-editorial);
  font-style:      italic;
  font-weight:     400;
  font-size:       clamp(1rem, 2.2vw, 1.5rem);
  line-height:     1.62;
  letter-spacing:  0.015em;
  color:           rgba(22, 47, 45, 0.52);
  max-width:       46ch;
  margin:          0 auto;
  padding:         0 1.5rem;
}
html[data-theme="dark"] .lx-breath {
  background: color-mix(in srgb, var(--bg, #071d1c) 90%, var(--emerald) 10%);
}
html[data-theme="dark"] .lx-breath__statement {
  color: rgba(230, 223, 203, 0.42);
}
@media (min-width: 900px) {
  #wsy .story-grid .story-card:nth-child(2) {
    margin-top: 0;   /* RC-8.1: removed center-card stagger so all three align */
  }
}
@media (min-width: 900px) {
  .testimonial-grid {
    grid-template-columns: 1fr 1.38fr 1fr !important;
    align-items: start;
  }
}
.testimonial-card--featured {
  padding: clamp(2rem, 4.5vw, 3rem) clamp(1.5rem, 3.5vw, 2.5rem) !important;
}
.testimonial-card--featured p {
  font-family:   var(--font-editorial)                !important;
  font-style:    italic                               !important;
  font-size:     clamp(1rem, 1.7vw, 1.2rem)           !important;
  line-height:   1.74                                 !important;
  color:         rgba(248, 245, 236, 0.92)            !important;
  margin-top:    0                                    !important;
}
.testimonial-card--featured footer span {
  background:    rgba(197, 161, 59, 0.22)             !important;
  color:         var(--gold)                          !important;
  border:        1px solid rgba(197, 161, 59, 0.38)   !important;
}
.testimonial-card--featured footer strong {
  color: var(--ivory) !important;
}
.testimonial-card--featured footer small {
  color: rgba(230, 223, 203, 0.65) !important;
}
.product-card__media::after {
  content:     "";
  position:    absolute;
  inset:       0;
  background:  radial-gradient(
    ellipse 68% 52% at 50% 28%,
    rgba(197, 161, 59, 0.07) 0%,
    transparent 60%
  );
  opacity:     0;
  transition:  opacity 680ms cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.product-card:hover .product-card__media::after {
  opacity: 1;
}
@media (min-width: 700px) {
  .teaser-grid .teaser-card:nth-child(2) {
    margin-top: clamp(1.25rem, 3vw, 2rem);
  }
}
@media (min-width: 1024px) {
  #testi  .section-heading,
  #teasers .section-heading {
    padding-left: clamp(0.25rem, 1.5vw, 1rem);
  }
}
.testimonial-card:not(.testimonial-card--featured) {
  padding: clamp(1.75rem, 4vw, 2.5rem) clamp(1.5rem, 3.5vw, 2.25rem) !important;
}
.testimonial-card:not(.testimonial-card--featured)::before {
  content:    "";
  position:   absolute;
  top:        0; right: 0;
  width:      120px; height: 120px;
  background: radial-gradient(
    circle at 100% 0%,
    rgba(197, 161, 59, 0.06) 0%,
    transparent 65%
  );
  pointer-events: none;
}
.testimonial-card p {
  font-style: italic !important;
  font-size:  clamp(0.9375rem, 1.5vw, 1.0625rem) !important;
  line-height: 1.78 !important;
}
.product-card__media img {
  object-position: center 18% !important;
}
@media (max-width: 767px) {
  .nav-item {
    min-height:     44px;
    padding-top:    0.55rem;
    padding-bottom: 0.55rem;
  }
  .filter-chip {
    min-height:  40px;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
    .lx-breath {
    padding: clamp(2rem, 5vw, 3rem) 1.25rem;
  }
    .testimonial-card--featured {
    padding: 1.75rem 1.5rem !important;
  }
    .teaser-grid .teaser-card:nth-child(2) {
    margin-top: 0;
  }
    #wsy .story-grid .story-card:nth-child(2) {
    margin-top: 0;
  }
}
html[data-theme="dark"] .testimonial-card:not(.testimonial-card--featured) {
  background: color-mix(in srgb, var(--card-bg) 92%, rgba(197, 161, 59, 0.04) 8%) !important;
}
@media (prefers-reduced-motion: reduce) {
  .product-card__media::after { transition: none !important; }
}
@media (max-width: 400px) {
  .brand-mark {
    width:  2.2rem !important;
    height: 2.2rem !important;
  }
  .brand-pill {
    padding: 0.62rem 0.75rem !important;
    gap:     0.6rem          !important;
  }
  .brand-pill__wordmark {
    max-width: 88px !important;
    height:    19px !important;
  }
  .brand-pill__name {
    max-width: 108px !important;
  }
}
@media (max-width: 360px) {
    .brand-pill small {
    display: none !important;
  }
  .brand-mark {
    width:  2rem !important;
    height: 2rem !important;
  }
  .brand-pill {
    padding: 0.55rem 0.65rem !important;
    gap:     0.5rem          !important;
  }
  .brand-pill__wordmark {
    max-width: 76px !important;
    height:    17px !important;
  }
  .brand-pill__name {
    max-width: 94px !important;
  }
}
.support-pill {
  padding:   0.44rem !important;
  gap:       0       !important;
  max-width: calc(2.45rem + 0.88rem) !important;   overflow:  hidden  !important;
}
.support-pill__text {
  white-space:    nowrap;
  opacity:        0;
  font-size:      0.82rem;
  font-weight:    400;
  letter-spacing: 0.01em;
  color:          var(--text-main, #162f2d);
  transition:     opacity 220ms var(--ease-out, ease);
  flex-shrink:    0;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .support-pill {
    transition:
      max-width  360ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
      gap        360ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
      padding    360ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
      opacity    280ms var(--ease-out, ease),
      transform  300ms var(--ease-out, ease),
      box-shadow 300ms var(--ease-out, ease) !important;
  }
  .support-pill:hover {
    max-width: 12.5rem                          !important;
    gap:       0.75rem                          !important;
    padding:   0.44rem 0.9rem 0.44rem 0.5rem   !important;
    transform: translateY(-1px)                 !important;
  }
  .support-pill:hover .support-pill__text {
    opacity:          1;
    pointer-events:   auto;
    transition-delay: 140ms;
  }
}
.support-pill:focus-visible .support-pill__text {
  opacity:        1 !important;
  pointer-events: auto;
}
.support-pill:focus-visible {
  max-width: 12.5rem                        !important;
  gap:       0.75rem                        !important;
  padding:   0.44rem 0.9rem 0.44rem 0.5rem !important;
}
.site-header {
  transition:
    transform  340ms cubic-bezier(0.32, 0, 0.15, 1),
    opacity    340ms cubic-bezier(0.32, 0, 0.15, 1),
    box-shadow 280ms ease !important;
}
.support-pill {
  z-index: var(--z-support, 96) !important;
}
@media (max-width: 767px) {
    .support-pill {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 5.4rem) !important;
    right:  1rem !important;
  }
    .bottom-dock.is-dock-hidden ~ .support-pill,
  body.is-dock-hidden .support-pill {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem) !important;
  }
    .bottom-dock {
    padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
  }
}
html[data-theme="dark"] .dock-link {
  color: rgba(230, 223, 203, 0.62);
}
html[data-theme="dark"] .dock-link.is-active {
  color:      var(--gold)              !important;
  background: rgba(197, 161, 59, 0.09) !important;
}
html[data-theme="dark"] .dock-link:hover {
  color:      rgba(197, 161, 59, 0.88);
  background: rgba(197, 161, 59, 0.06);
}
html[data-theme="dark"] .orb-button:focus-visible {
  outline:        2px solid rgba(197, 161, 59, 0.50);
  outline-offset: 2px;
}
html[data-theme="dark"] .cart-count {
  background: var(--gold, #c5a13b) !important;
  color:      var(--emerald, #023d3a) !important;
}
html[data-theme="dark"] .footer-form__input,
html[data-theme="dark"] .nl-form__input {
  background:   rgba(2, 61, 58, 0.30)     !important;
  border-color: rgba(197, 161, 59, 0.14)  !important;
  color:        rgba(248, 245, 236, 0.90) !important;
}
html[data-theme="dark"] .footer-form__input::placeholder,
html[data-theme="dark"] .nl-form__input::placeholder {
  color: rgba(230, 223, 203, 0.36);
}
html[data-theme="dark"] .feature-card__icon,
html[data-theme="dark"] .trust-item__icon {
  background:   rgba(197, 161, 59, 0.09) !important;
  border-color: rgba(197, 161, 59, 0.16) !important;
}
html[data-theme="dark"] .hero-dot {
  background: rgba(230, 223, 203, 0.28);
}
html[data-theme="dark"] .hero-dot.is-active {
  background: var(--gold);
}
html[data-theme="dark"] .filter-chip {
  background:   rgba(2, 61, 58, 0.20);
  border-color: rgba(197, 161, 59, 0.12);
  color:        rgba(230, 223, 203, 0.75);
}
html[data-theme="dark"] .filter-chip.is-active {
  background:   rgba(197, 161, 59, 0.14)  !important;
  border-color: rgba(197, 161, 59, 0.38)  !important;
  color:        var(--gold)               !important;
}
html[data-theme="dark"] body::before {
  background: radial-gradient(
    ellipse 110% 50% at 50% -10%,
    rgba(2, 61, 58, 0.22) 0%,
    transparent 60%
  ) !important;
}
html[data-theme="dark"] .support-pill__text {
  color: rgba(230, 223, 203, 0.90);
}
html[data-theme="dark"] .support-pill__icon {
  background: var(--gold, #c5a13b)    !important;
  color:      var(--emerald, #023d3a) !important;
}
@media (prefers-reduced-motion: reduce) {
  .support-pill,
  .support-pill__text,
  .site-header {
    transition:       none !important;
    transition-delay: 0ms  !important;
  }
    .support-pill:focus-visible .support-pill__text,
  .support-pill:hover         .support-pill__text {
    opacity: 1 !important;
  }
  .support-pill:focus-visible,
  .support-pill:hover {
    max-width: 12.5rem                        !important;
    gap:       0.75rem                        !important;
    padding:   0.44rem 0.9rem 0.44rem 0.5rem !important;
  }
}
@media (max-width: 480px) {
  :root {
    --type-display:    clamp(1.75rem, 8.5vw, 2.5rem);
    --type-heading-xl: clamp(1.2rem, 5.5vw, 1.75rem);
    --type-heading-lg: clamp(1.125rem, 4vw, 1.5rem);
  }
    .section-frame {
    padding-left:  1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1920px) {
  :root {
    --container:    1440px;
    --type-display: clamp(3.5rem, 5vw, 5.5rem);
    --type-body-lg: 1.125rem;
    --type-body:    1rem;
  }
    .products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
    .product-sheet__panel {
    width: min(calc(100% - 2rem), 88rem) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;   }
    .section-frame {
    padding-top:    clamp(6rem, 10vh, 9rem)  !important;
    padding-bottom: clamp(6rem, 10vh, 9rem)  !important;
  }
}
@media (max-width: 767px) {
    body {
    overflow-x: hidden;
  }
    a, button, [role="button"], label, .product-card, .nav-item, .dock-link,
  .option-chip, .filter-chip, .wishlist-btn, .dock-link, .orb-button {
    touch-action: manipulation;
  }
    .primary-button {
    min-height:     48px         !important;
    padding-top:    0.9rem       !important;
    padding-bottom: 0.9rem       !important;
    border-radius:  var(--radius-pill) !important;
    font-size:      0.9375rem    !important;
  }
  .secondary-button {
    min-height:     48px         !important;
    padding-top:    0.9rem       !important;
    padding-bottom: 0.9rem       !important;
    border-radius:  var(--radius-pill) !important;
  }
    .product-card {
    border-radius: var(--radius-lg) !important;
  }
    .filter-chip {
    min-height: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1040px) {
    .product-sheet__media {
    min-height: 28rem !important;
  }
    .products-grid {
    gap: clamp(1.25rem, 2.5vw, 1.875rem) !important;
  }
    .story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
    .account-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
    .testimonial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) and (min-height: 800px) {
    .lx-breath {
    padding-top:    clamp(3.5rem, 7vh, 5rem) !important;
    padding-bottom: clamp(3.5rem, 7vh, 5rem) !important;
  }
    .hero-slide {
    min-height: 62svh !important;
  }
}
@media (max-width: 767px) and (max-height: 450px) {
    .product-sheet__panel {
    border-radius: 0 !important;
    height: 100dvh  !important;
    max-height: 100dvh !important;
  }
  .product-sheet__media {
    height: 55vw !important;
    max-height: 240px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@media (max-width: 767px) {
    .product-sheet__panel {
    display:            flex           !important;
    flex-direction:     column         !important;
    overflow-y:         auto           !important;
    overflow-x:         hidden         !important;
    -webkit-overflow-scrolling: touch  !important;
    overscroll-behavior-y: contain     !important;
        grid-template-rows: initial        !important;
        height:             96svh          !important;
    max-height:         96svh          !important;
  }
    .product-sheet__media {
    flex:       0 0 min(60vw, 300px) !important;
    height:     min(60vw, 300px)     !important;
    min-height: unset                !important;
    position:   relative             !important;     cursor:     zoom-in              !important;
  }
    .product-sheet__body {
    flex:        1 0 auto                              !important;
        min-height:  calc(96svh - min(60vw, 300px))       !important;
    display:     flex                                  !important;
    flex-direction: column                             !important;
    overflow:    visible                               !important;
  }
    .product-sheet__content {
    flex:        1                   !important;
    overflow:    visible             !important;
    overflow-y:  visible             !important;
    min-height:  0                   !important;
        padding:     1.25rem 1.25rem 5.5rem !important;
    -webkit-overflow-scrolling: unset !important;
    overscroll-behavior: unset       !important;
  }
    .product-sheet__actions {
    position:    sticky              !important;
    bottom:      0                   !important;
    z-index:     5                   !important;
    flex:        0 0 auto            !important;
    flex-direction: row              !important;
    gap:         0.6rem              !important;
    padding:     0.85rem 1.15rem     !important;
    padding-bottom: max(0.9rem, env(safe-area-inset-bottom, 0px)) !important;
    background:  var(--surface-strong)                !important;
    backdrop-filter: saturate(150%) blur(20px)        !important;
    -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
    border-top:  1px solid var(--line)               !important;
    box-shadow:  0 -10px 30px rgba(2, 8, 8, 0.07)   !important;
  }
}
@media (min-width: 1041px) {
    .product-sheet__panel {
    width: min(calc(100% - 2rem), 76rem) !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  }
    .product-sheet__media {
    min-height: 30rem !important;
    cursor:     zoom-in !important;
  }
    .product-sheet__content {
    padding: 2rem 2rem 1.25rem !important;
  }
}
.lx-imgview__expand-btn {
  position:   absolute;
  bottom:     0.75rem;
  right:      0.75rem;
  z-index:    2;
  width:      2.25rem;
  height:     2.25rem;
  border-radius: 50%;
  background: rgba(248, 245, 236, 0.76);
  border:     1px solid rgba(2, 61, 58, 0.10);
  display:    flex;
  align-items: center;
  justify-content: center;
  color:      var(--emerald);
  cursor:     pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: opacity 200ms ease, transform 220ms var(--ease-spring, ease);
  opacity:    0; }
.product-sheet__media.img-loaded .lx-imgview__expand-btn {
  opacity: 0.82;
}
.lx-imgview__expand-btn:hover {
  opacity:   1 !important;
  transform: scale(1.1);
}
.lx-imgview__expand-btn [data-lucide] {
  width:  0.9375rem !important;
  height: 0.9375rem !important;
}
html[data-theme="dark"] .lx-imgview__expand-btn {
  background: rgba(8, 28, 27, 0.78);
  border-color: rgba(197, 161, 59, 0.18);
  color: var(--ivory);
}
.editorial-story {
  margin-top:  clamp(2rem, 4vw, 3rem) !important;
  padding-top: 0                      !important;
  border-top:  none                   !important;
  position:    relative;
}
.editorial-story__label {
  font-size:      0.6875rem                   !important;   letter-spacing: 0.22em                      !important;
  text-transform: uppercase                   !important;
  font-family:    var(--font-body)            !important;
  font-weight:    600                         !important;
  color:          var(--gold)                 !important;
  margin-bottom:  0.65rem                     !important;
  display:        flex;
  align-items:    center;
  gap:            0.45rem;
}
.editorial-story__label::before {
  content: '—';
  opacity: 0.55;
  font-weight: 400;
  flex-shrink: 0;
}
.editorial-story__text {
  font-size:   clamp(0.9375rem, 1.4vw, 1rem) !important;
  line-height: 1.82                           !important;
  color:       var(--text-soft)               !important;
  margin: 0                                   !important;
}
.product-soul-block {
  margin-top:  clamp(2rem, 4vw, 3rem)                   !important;
  padding:     clamp(1.5rem, 3.5vw, 2.25rem)            !important;
  border-radius: var(--radius-lg)                        !important;
  background:  linear-gradient(
    135deg,
    var(--cream) 0%,
    var(--ivory-deep) 100%
  )                                                      !important;
  border-left: 2px solid var(--gold)                     !important;
  border-top:  1px solid rgba(197, 161, 59, 0.12)        !important;
}
.product-soul-block p {
  font-family:    var(--font-editorial)                  !important;
  font-style:     italic                                 !important;
  font-size:      clamp(1rem, 1.8vw, 1.1875rem)         !important;
  line-height:    1.78                                   !important;
  color:          rgba(22, 47, 45, 0.82)                 !important;
  margin: 0                                              !important;
}
.product-intro {
  font-size:      clamp(0.9375rem, 1.5vw, 1.0625rem)    !important;
  line-height:    1.88                                   !important;
  margin:         0.5rem 0 1.5rem                        !important;
  color:          rgba(22, 47, 45, 0.65)                 !important;
}
.product-sheet__content .product-price {
  font-size:      clamp(1.5rem, 2.8vw, 2rem)             !important;
  letter-spacing: -0.03em                                !important;
  margin:         0.28rem 0 0.1rem                       !important;
}
.option-chip {
  border-radius: var(--radius-xs) !important;
  font-weight:   500              !important;
  letter-spacing: 0.02em         !important;
  font-size:     0.875rem         !important;
}
.editorial-moments li {
  border-radius: var(--radius-sm)   !important;
  font-size:     0.9375rem          !important;
  line-height:   1.7                !important;
  padding:       0.85rem 1rem 0.85rem 2.25rem !important;
}
.product-fact {
  font-size:   0.875rem  !important;
  padding:     0.85rem 0 !important;
}
.product-fact strong {
  font-weight:   600       !important;
  color:         var(--text-main) !important;
  font-size:     0.8125rem !important;
  letter-spacing: 0.04em  !important;
  text-transform: uppercase !important;
  flex-shrink:   0         !important;
}
.product-fact span {
  color:     var(--text-soft) !important;
  text-align: right          !important;
}
.emotional-recs__label {
  font-family:    var(--font-editorial) !important;
  font-style:     italic               !important;
  font-size:      clamp(1rem, 1.5vw, 1.125rem) !important;
  line-height:    1.55                 !important;
  color:          var(--text-main)     !important;
  margin-bottom:  1rem                 !important;
}
@keyframes lx-psheet-rise {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0);    }
}
.product-sheet.is-open #productTag {
  animation: lx-psheet-rise 360ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
}
.product-sheet.is-open #productName {
  animation: lx-psheet-rise 420ms cubic-bezier(0.16, 1, 0.3, 1) 190ms both;
}
.product-sheet.is-open #productPrice {
  animation: lx-psheet-rise 400ms cubic-bezier(0.16, 1, 0.3, 1) 260ms both;
}
.product-sheet.is-open .product-intro {
  animation: lx-psheet-rise 400ms cubic-bezier(0.16, 1, 0.3, 1) 330ms both;
}
.product-sheet.is-open .option-group:nth-of-type(1) {
  animation: lx-psheet-rise 380ms cubic-bezier(0.16, 1, 0.3, 1) 400ms both;
}
.product-sheet.is-open .option-group:nth-of-type(2) {
  animation: lx-psheet-rise 380ms cubic-bezier(0.16, 1, 0.3, 1) 470ms both;
}
html[data-theme="dark"] .product-soul-block {
  background: linear-gradient(
    135deg,
    rgba(2, 61, 58, 0.22) 0%,
    rgba(2, 61, 58, 0.12) 100%
  ) !important;
  border-left-color: var(--gold)           !important;
  border-top-color:  rgba(197, 161, 59, 0.10) !important;
}
html[data-theme="dark"] .product-soul-block p {
  color: rgba(230, 223, 203, 0.82) !important;
}
html[data-theme="dark"] .product-intro {
  color: rgba(230, 223, 203, 0.60) !important;
}
html[data-theme="dark"] .editorial-story__text {
  color: rgba(230, 223, 203, 0.68) !important;
}
@media (prefers-reduced-motion: reduce) {
  .product-sheet.is-open #productTag,
  .product-sheet.is-open #productName,
  .product-sheet.is-open #productPrice,
  .product-sheet.is-open .product-intro,
  .product-sheet.is-open .option-group {
    animation: none !important;
  }
}
.lx-imgview {
  position:       fixed;
  inset:          0;
  z-index:        9900;
  display:        flex;
  align-items:    center;
  justify-content: center;
  background:     rgba(1, 10, 9, 0);
  opacity:        0;
  pointer-events: none;
  transition:     background 380ms ease, opacity 380ms ease;
}
.lx-imgview.is-open {
  background:     rgba(1, 10, 9, 0.93);
  opacity:        1;
  pointer-events: auto;
}
.lx-imgview__img {
  max-width:    min(92vw, 900px);
  max-height:   88dvh;
  object-fit:   contain;
  border-radius: var(--radius-md);
  transform:    scale(0.86) translateY(22px);
  transition:   transform 460ms cubic-bezier(0.16, 1, 0.3, 1);
  cursor:       zoom-out;
  user-select:  none;
  -webkit-user-select: none;
  touch-action: pinch-zoom;
  will-change:  transform;
}
.lx-imgview.is-open .lx-imgview__img {
  transform: scale(1) translateY(0);
}
.lx-imgview__close-btn {
  position:   absolute;
  top:        max(1.25rem, env(safe-area-inset-top, 1.25rem));
  right:      max(1.25rem, env(safe-area-inset-right, 1.25rem));
  width:      2.75rem;
  height:     2.75rem;
  border-radius: 50%;
  background: rgba(248, 245, 236, 0.10);
  border:     1px solid rgba(248, 245, 236, 0.18);
  display:    flex;
  align-items: center;
  justify-content: center;
  color:      rgba(248, 245, 236, 0.85);
  cursor:     pointer;
  transition: background 200ms ease, transform 200ms var(--ease-spring, ease);
  flex-shrink: 0;
}
.lx-imgview__close-btn:hover {
  background: rgba(248, 245, 236, 0.20);
  transform:  scale(1.08);
}
.lx-imgview__close-btn [data-lucide] {
  width:  1.125rem !important;
  height: 1.125rem !important;
  stroke-width: 2 !important;
}
.lx-imgview__dismiss-hint {
  position:    absolute;
  bottom:      max(1.75rem, env(safe-area-inset-bottom, 1.75rem));
  left:        50%;
  transform:   translateX(-50%);
  font-size:   0.6875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color:       rgba(248, 245, 236, 0.30);
  font-family: var(--font-body);
  pointer-events: none;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .lx-imgview,
  .lx-imgview__img {
    transition: none !important;
  }
  .lx-imgview.is-open .lx-imgview__img {
    transform: none !important;
  }
}
.brand-pill,
.orb-button,
.support-pill {
  backdrop-filter:         saturate(160%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
}
@media (max-width: 720px) {
  .bottom-dock {
    background:              rgba(248, 245, 236, 0.92) !important;
    backdrop-filter:         saturate(160%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  }
  html[data-theme="dark"] .bottom-dock {
    background:              rgba(4, 14, 14, 0.94)     !important;
    backdrop-filter:         saturate(160%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  }
}
html[data-theme="dark"] body::before {
  background:
    radial-gradient(ellipse 130% 55% at 50%  -8%,
      rgba(2, 61, 58, 0.30) 0%, transparent 58%),
    radial-gradient(ellipse  70% 40% at  2%  92%,
      rgba(2, 61, 58, 0.09) 0%, transparent 55%) !important;
}
html[data-theme="dark"] .section-heading h2 {
  color: rgba(230, 223, 203, 0.93) !important;
}
html[data-theme="dark"] .editorial-campaign__headline {
  color: rgba(230, 223, 203, 0.95) !important;
}
html[data-theme="dark"] .promise-band__inner {
  background: linear-gradient(
    135deg,
    rgba(2, 61, 58, 0.90) 0%,
    rgba(1, 45, 43, 0.96) 100%
  ) !important;
}
html[data-theme="dark"] .trust-rail__inner {
  background:   rgba(2, 61, 58, 0.14)    !important;
  border-color: rgba(197, 161, 59, 0.10) !important;
}
html[data-theme="dark"] .product-card {
  background:   rgba(4, 20, 19, 0.84)    !important;
  border-color: rgba(197, 161, 59, 0.10) !important;
}
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .teaser-card,
html[data-theme="dark"] .editorial-panel {
  background:   rgba(3, 18, 17, 0.82)    !important;
  border-color: rgba(197, 161, 59, 0.08) !important;
}
html[data-theme="dark"] .site-header.is-scrolled .brand-pill,
html[data-theme="dark"] .site-header.is-scrolled .orb-button {
  background:   rgba(3, 12, 12, 0.97)    !important;
  border-color: rgba(197, 161, 59, 0.15) !important;
}
@media (max-width: 767px) {
  .luxury-shell {
    padding-bottom: calc(4.5rem + max(0.5rem, env(safe-area-inset-bottom, 0px))) !important;
  }
  .site-footer {
    padding-bottom: calc(4.5rem + max(0.5rem, env(safe-area-inset-bottom, 0px))) !important;
  }
    .collection-curation {
    margin-bottom: 1.1rem !important;
  }
}
@media (max-width: 767px) {
    .section-heading h2 {
    font-size:   clamp(1.5rem, 6vw, 2.2rem) !important;
    line-height: 1.18                       !important;
  }
    .section-heading > p {
    font-size:   0.9375rem !important;
    line-height: 1.72      !important;
  }
}
@media (max-width: 767px) {
  .product-card {
    flex:      0 0 72vw !important;
    max-width: 20rem    !important;
  }
}
@media (max-width: 360px) {
    .brand-pill {
    padding: 0.6rem 0.7rem !important;
    gap:     0.55rem       !important;
  }
    .brand-mark {
    width:  2.1rem !important;
    height: 2.1rem !important;
  }
    .brand-pill__wordmark {
    height: 15px !important;
  }
    .brand-pill small {
    display: none !important;
  }
    .orb-button {
    width:  2.65rem !important;
    height: 2.65rem !important;
  }
    .header-actions {
    gap: 0.35rem !important;
  }
    .product-card {
    flex: 0 0 79vw !important;
  }
    .container {
    width: min(calc(100% - 1.2rem), var(--container)) !important;
  }
}
.orb-button [data-lucide] {
  width:        1.25rem !important;
  height:       1.25rem !important;
  stroke-width: 1.5     !important;
}
@media (max-width: 720px) {
  .dock-link [data-lucide] {
    width:  1.125rem !important;
    height: 1.125rem !important;
  }
}
.support-pill__icon [data-lucide] {
  width:        1.125rem !important;
  height:       1.125rem !important;
  stroke-width: 1.75     !important;
}
@media (max-width: 767px) {
  .product-sheet__panel::before {
    width:      2.8rem                     !important;
    height:     0.25rem                    !important;
    background: rgba(2, 61, 58, 0.26)     !important;
    top:        0.62rem                    !important;
  }
  html[data-theme="dark"] .product-sheet__panel::before {
    background: rgba(230, 223, 203, 0.32) !important;
  }
}
@media (max-width: 915px) and (max-height: 450px) and (orientation: landscape) {
    .hero-section {
    min-height: 100dvh   !important;
    padding-top: 4.5rem  !important;
  }
    .section-frame {
    padding-top: 2rem !important;
  }
    .luxury-shell {
    padding-bottom: 1.5rem !important;
  }
    .site-footer {
    padding-bottom: 1.5rem !important;
  }
}
.drawer-body {
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior:        contain !important;
}
@media (prefers-reduced-motion: reduce) {
    .brand-pill,
  .orb-button,
  .support-pill,
  .bottom-dock {
    backdrop-filter:         saturate(160%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  }
}
@media (max-width: 767px) {
  .container { width: min(calc(100% - 2.5rem),  var(--container)) !important; }
  .site-header { width: calc(100% - 2.5rem) !important; }
}
@media (max-width: 430px) {
  .container { width: min(calc(100% - 2.25rem), var(--container)) !important; }
  .site-header { width: calc(100% - 2.25rem) !important; }
}
@media (max-width: 390px) {
  .container { width: min(calc(100% - 2rem),    var(--container)) !important; }
  .site-header { width: calc(100% - 2rem) !important; }
}
@media (max-width: 360px) {
  .container { width: min(calc(100% - 1.75rem), var(--container)) !important; }
  .site-header { width: calc(100% - 1.75rem) !important; }
}
@media (max-width: 767px) {
  .hero-section,
  .section-frame,
  .editorial-campaign__inner,
  .story-section > .container,
  .testimonial-section > .container {
    max-width: 100%;
  }
  img { max-width: 100%; }
}
@media (max-width: 767px) {
  .luxury-shell {
    padding-top: 5rem !important;
  }
  .hero-section {
    min-height:     96svh   !important;
    padding-top:    1rem    !important;
    padding-bottom: 2.5rem  !important;
  }
}
@media (max-width: 767px) {
  .hero-copy h1 {
    font-size:      clamp(2.0rem, 9.5vw, 3.0rem) !important;
    line-height:    1.1      !important;
    letter-spacing: -0.025em !important;
    max-width:      13ch     !important;
    margin-bottom:  1rem     !important;
  }
  .hero-copy .hero-body,
  .hero-copy > p {
    font-size:   0.9375rem !important;
    line-height: 1.72      !important;
    max-width:   36ch      !important;
  }
}
@media (max-width: 767px) {
  .visual-card--image img {
    aspect-ratio:    4 / 5 !important;
    object-fit:      cover !important;
    object-position: center top !important;
  }
  .hero-visual .visual-card--image {
    border-radius: var(--radius-lg) !important;
  }
}
@media (max-width: 767px) {
  .section-frame {
    padding-top: clamp(2.4rem, 5vh, 3.75rem) !important;
  }
  .editorial-campaign.section-frame {
    padding-top: clamp(2.6rem, 5.5vh, 4rem) !important;
  }
}
@media (max-width: 767px) {
  .editorial-campaign__headline {
    font-size:      clamp(1.55rem, 6.5vw, 2.5rem) !important;
    line-height:    1.12    !important;
    margin-bottom:  0.85rem !important;
  }
  .editorial-campaign__body {
    font-size:     0.9375rem !important;
    line-height:   1.72      !important;
    max-width:     none      !important;
    margin-bottom: 1.25rem   !important;
  }
  .editorial-campaign__inner {
    gap: 1.5rem !important;
  }
    .editorial-campaign__frame {
    aspect-ratio:  3 / 4 !important;
    max-height:    70svh !important;
    border-radius: var(--radius-lg) !important;
  }
}
@media (max-width: 767px) {
  .promise-band__inner blockquote {
    font-size:   clamp(1.35rem, 6.5vw, 2.2rem) !important;
    line-height: 1.28 !important;
  }
  .promise-band__inner {
    padding: clamp(2rem, 5.5vw, 3rem) clamp(1.25rem, 5vw, 1.75rem) !important;
  }
}
@media (max-width: 767px) {
  .products-grid {
    margin-inline:               -1.25rem !important;
    scroll-padding-inline-start:  1.25rem !important;
    padding-left:                 1.25rem !important;
    padding-right:                1.25rem !important;
  }
}
@media (max-width: 430px) {
  .products-grid {
    margin-inline:               -1.125rem !important;
    scroll-padding-inline-start:  1.125rem !important;
    padding-left:                 1.125rem !important;
    padding-right:                1.125rem !important;
  }
}
@media (max-width: 390px) {
  .products-grid {
    margin-inline:               -1rem !important;
    scroll-padding-inline-start:  1rem !important;
    padding-left:                 1rem !important;
    padding-right:                1rem !important;
  }
}
@media (max-width: 360px) {
  .products-grid {
    margin-inline:               -0.875rem !important;
    scroll-padding-inline-start:  0.875rem !important;
    padding-left:                 0.875rem !important;
    padding-right:                0.875rem !important;
  }
}
@media (max-width: 767px) {
  .section-heading {
    margin-bottom: clamp(1.5rem, 3.5vh, 2.4rem) !important;
  }
  .collection-section .section-heading {
    margin-bottom: clamp(1.25rem, 3vh, 2rem) !important;
  }
}
@media (max-width: 767px) {
  .trust-rail__inner span {
    min-width:      7.5rem !important;
    padding:        0.8rem !important;
    font-size:      0.62rem !important;
    letter-spacing: 0.18em !important;
  }
}
@media (max-width: 767px) {
  .editorial-panel {
    padding: 1.35rem !important;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .luxury-shell {
    padding-top: 4.5rem !important;
  }
  .hero-section {
    min-height:     100dvh !important;
    padding-top:    4.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .hero-copy h1 {
    font-size: clamp(1.65rem, 5.5vw, 2.4rem) !important;
  }
  .section-frame {
    padding-top: 1.75rem !important;
  }
}
@media (max-width: 767px) {
  .products-grid,
  .filter-row,
  .trust-rail__inner {
    -webkit-overflow-scrolling: touch   !important;
    overscroll-behavior-x:      contain !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-section { transition: none !important; }
}
@media (max-width: 767px) {
  .hero-cinematic {
    grid-template-rows: 58svh auto auto !important;
  }
    .hero-col--center {
    grid-row:    1 !important;
    min-height:  unset !important;
    height:      100% !important;
  }
  .hero-col--center .hero-slideshow {
    height:      100% !important;
    min-height:  100% !important;
  }
    .hero-col--center .hero-slide img {
    object-position: center 12% !important;
  }
    .hero-col--left {
    grid-row:      2 !important;
    padding:       1.5rem 1.5rem 1.75rem !important;
    border-top:    1px solid rgba(253, 250, 245, 0.07) !important;
    border-bottom: none !important;
  }
    .hero-meta-strip {
    grid-row: 3 !important;
  }
}
@media (max-width: 767px) {
  .hch-thin  { font-size: clamp(0.875rem, 4vw,   1.3rem) !important; }
  .hch-heavy { font-size: clamp(2.0rem,   9vw,   3.0rem) !important; }
  .hch-serif { font-size: clamp(1.1rem,   5.5vw, 1.7rem) !important; }
    .hch-thin, .hch-serif { text-wrap: balance; }
  .hero-cinematic-h1 {
    margin-bottom: 1.25rem !important;
    gap:           0.05em  !important;
  }
}
@media (max-width: 767px) {
  .hero-eyebrow {
    margin-bottom: 0.7rem  !important;
    opacity:       0.72    !important;
  }
  .hero-eyebrow__text {
    font-size:      0.57rem !important;
    letter-spacing: 0.16em  !important;
  }
  .hero-eyebrow__line {
    opacity: 0.6 !important;
  }
}
@media (max-width: 767px) {
  .hero-actions--cinematic {
    gap:           0.6rem !important;
    margin-bottom: 0.85rem !important;
  }
  .hero-actions--cinematic .primary-button {
    padding:   0.875rem 1.35rem !important;
    font-size: 0.8125rem        !important;
  }
  .hero-actions--cinematic .secondary-button {
    padding:   0.75rem 1.1rem !important;
    font-size: 0.78rem        !important;
  }
}
@media (max-width: 767px) {
  .hero-tagline-mark {
    font-size:      0.65rem !important;
    opacity:        0.42    !important;
    letter-spacing: 0.08em  !important;
    margin-top:     0.55rem !important;
  }
}
@media (max-width: 767px) {
  .section-heading h2,
  .editorial-campaign__headline,
  .hero-copy h1 {
    text-wrap: balance;
  }
    .promise-band__inner blockquote {
    text-wrap: balance;
  }
}
@media (max-width: 767px) {
  .trust-mini {
    margin-top:  0.9rem !important;
    padding-top: 0.85rem !important;
  }
  .trust-mini p {
    font-size:   0.8125rem !important;
    line-height: 1.65      !important;
    color:       rgba(253, 250, 245, 0.50) !important;
  }
}
@media (max-width: 767px) {
  .primary-button,
  .secondary-button,
  .dock-link,
  .orb-button,
  .support-pill,
  .brand-pill,
  .filter-chip,
  .option-chip,
  .product-card,
  .campaign-chip {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
    .primary-button:active,
  .secondary-button:active {
    transform:         scale(0.97) !important;
    transition-duration: 60ms      !important;
  }
}
@media (max-width: 767px) {
    .support-pill {
    opacity: 0.85 !important;
  }
    .support-pill:hover,
  .support-pill:focus {
    opacity: 1 !important;
  }
}
@media (max-width: 767px) {
    .section-kicker {
    opacity: 0.7 !important;
  }
    .section-heading > p {
    opacity: 0.50 !important;
  }
    .story-card {
    padding-bottom: clamp(1.4rem, 2.5vh, 2rem) !important;
  }
    .testimonial-card--featured {
    opacity: 0.96 !important;
  }
}
.site-header {
  position:      fixed                                                      !important;
  top:           max(0.85rem, calc(env(safe-area-inset-top) + 0.625rem))   !important;
  left:          0                                                          !important;
  right:         0                                                          !important;
  width:         calc(100vw - max(1.5rem, env(safe-area-inset-left) + env(safe-area-inset-right) + 1.5rem)) !important;
  max-width:     var(--container)                                           !important;
  margin-inline: auto                                                       !important;
  display:         flex            !important;
  align-items:     center          !important;
  justify-content: space-between   !important;
  gap:             0.625rem        !important;
  overflow:        visible         !important;
    background:              transparent !important;
  border:                  none        !important;
  box-shadow:              none        !important;
  backdrop-filter:         none        !important;
  -webkit-backdrop-filter: none        !important;
  padding:                 0           !important;
    transition:  top 340ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: top                                      !important;
  z-index:     var(--z-header)                          !important;
}
.site-header.is-scrolled {
  top: max(0.55rem, calc(env(safe-area-inset-top) + 0.375rem)) !important;
}
@media (min-width: 768px) {
  .site-header {
    transition:
      transform  380ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity    300ms var(--ease-out),
      top        340ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform, opacity !important;
  }
  .site-header.is-nav-hidden {
    transform:      translateY(calc(-100% - 2rem)) !important;
    opacity:        0                              !important;
    pointer-events: none                           !important;
  }
    .bottom-dock {
    position:   static !important;
    top:        auto   !important;
    left:       auto   !important;
    right:      auto   !important;
    bottom:     auto   !important;
    transform:  none   !important;
    flex:       0 1 auto !important;
    margin:     0 auto !important;
    width:      auto   !important;
    min-width:  0      !important;
    overflow-x: auto   !important;
        border-radius:           var(--radius-pill)       !important;
    background:              var(--paper)             !important;
    border:                  1px solid var(--line)    !important;
    box-shadow:              var(--shadow-sm)         !important;
    backdrop-filter:         saturate(128%) blur(14px) !important;
    -webkit-backdrop-filter: saturate(128%) blur(14px) !important;
    padding:                 0.38rem                  !important;
    gap:                     0.25rem                  !important;
    justify-content:         flex-start               !important;
  }
    .bottom-dock.is-nav-hidden {
    transform: none !important;
    opacity:   1    !important;
  }
}
@media (max-width: 767px) {
    .brand-pill,
  .header-actions {
    transition:
      transform 380ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity   300ms var(--ease-out) !important;
    will-change: transform, opacity !important;
  }
    .site-header.is-nav-hidden {
    transform:      none !important;
    opacity:        1    !important;
    pointer-events: none !important;
  }
    .site-header.is-nav-hidden .brand-pill,
  .site-header.is-nav-hidden .header-actions {
    transform:      translateY(calc(-100% - env(safe-area-inset-top) - 2rem)) !important;
    opacity:        0 !important;
    pointer-events: none !important;
  }
    .bottom-dock {
    position:  fixed  !important;
    top:       auto   !important;
    right:     auto   !important;
    bottom:    max(0.9rem, calc(env(safe-area-inset-bottom) + 0.625rem)) !important;
    left:      50%    !important;
    transform: translateX(-50%) !important;
    flex:      none   !important;
    width:     min(calc(100% - 1.5rem), 500px) !important;
    margin:    0      !important;
        border-radius:           var(--radius-pill)        !important;
    background:              var(--paper)              !important;
    border:                  1px solid var(--line)     !important;
    box-shadow:              var(--shadow-soft)        !important;
    backdrop-filter:         saturate(128%) blur(14px) !important;
    -webkit-backdrop-filter: saturate(128%) blur(14px) !important;
    padding:                 0.38rem                   !important;
    gap:                     0.25rem                   !important;
    overflow-x:              auto                      !important;
        pointer-events: auto !important;
  }
    .bottom-dock.is-dock-hidden {
    transform:      translateX(-50%) translateY(calc(100% + env(safe-area-inset-bottom) + 1.5rem)) !important;
    transition:     transform 200ms ease-in !important;
    pointer-events: none !important;
  }
    .bottom-dock:not(.is-dock-hidden) {
    transition:
      background 240ms var(--ease-out),
      transform  340ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
}
@media (max-width: 767px) {
  .brand-mark {
    width:  2.375rem !important;
    height: 2.375rem !important;
  }
  .brand-pill__wordmark {
    height: 16px !important;
  }
  .brand-pill {
    padding: 0.72rem 0.88rem !important;
    gap:     0.7rem          !important;
  }
  .brand-pill small {
    font-size: 0.74rem !important;
  }
}
.header-actions {
  gap:         0.8125rem !important;
  align-items: center    !important;
  flex-shrink: 0         !important;
}
@media (max-width: 767px) {
  .header-actions {
    gap: 0.6875rem !important;
  }
  .orb-button {
    width:  2.7rem !important;
    height: 2.7rem !important;
  }
}
.support-pill__text {
  display:    inline-block !important;
  max-width:  0            !important;
  opacity:    0            !important;
  overflow:   hidden       !important;
  white-space: nowrap      !important;
  transition:
    max-width 280ms var(--ease-out),
    opacity   240ms var(--ease-out),
    margin    200ms var(--ease-out) !important;
  margin-left: 0 !important;
}
.support-pill:hover .support-pill__text,
.support-pill:focus .support-pill__text {
  max-width:   12rem  !important;
  opacity:     1      !important;
  margin-left: 0.5rem !important;
}
@media (max-width: 767px) {
  .support-pill {
    right:  1.1rem !important;
    bottom: max(5.6rem, calc(env(safe-area-inset-bottom) + 5.25rem)) !important;
  }
}
html[data-theme="dark"] .bottom-dock {
  background:   rgba(7, 25, 24, 0.92)       !important;
  border-color: rgba(183, 155, 114, 0.08)   !important;
}
.brand-pill,
.orb-button {
  transition:
    transform    280ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 180ms var(--ease-out),
    background   180ms var(--ease-out),
    box-shadow   240ms var(--ease-out) !important;
}
.bottom-dock {
  z-index: calc(var(--z-header) - 2) !important;
}
.support-pill {
  z-index: var(--z-support) !important;
}
@media (prefers-reduced-motion: reduce) {
  .brand-pill,
  .header-actions,
  .site-header.is-nav-hidden .brand-pill,
  .site-header.is-nav-hidden .header-actions {
    transition: none      !important;
    transform:  none      !important;
    opacity:    1         !important;
  }
  @media (max-width: 767px) {
    .bottom-dock,
    .bottom-dock.is-dock-hidden {
      transition: none           !important;
      transform:  translateX(-50%) !important;
    }
  }
  @media (min-width: 768px) {
    .site-header,
    .site-header.is-nav-hidden {
      transition: none !important;
      transform:  none !important;
      opacity:    1    !important;
    }
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .hero-cinematic {
    grid-template-rows: 50dvh auto auto !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-col--center,
  .hero-col--left {
    transition: none !important;
  }
}
html {
  max-width: 100% !important;
  }
body {
  max-width:  100%   !important;
    overflow-x: hidden !important;
}
.site-header {
    left:   max(0.75rem, env(safe-area-inset-left,  0px)) !important;
  right:  max(0.75rem, env(safe-area-inset-right, 0px)) !important;
  width:  auto                                           !important;
    max-width:     var(--container) !important;
  margin-inline: auto             !important;
}
.toast {
  max-width: calc(100% - 3rem) !important;
}
.luxury-shell {
  overflow-x: hidden !important;
}
@media (max-width: 767px) {
  .section-frame,
  .hero-section {
    overflow-x: hidden !important;
  }
    .collection-section .container,
  .products-section .container {
    overflow-x: hidden !important;
  }
}
body {
  overscroll-behavior-x: none !important;
}
body {
  touch-action: pan-y pinch-zoom;
}
@media (max-width: 767px) {
  .filter-row {
    touch-action: pan-x;
    will-change: scroll-position;
  }
    .products-grid .product-card {
    touch-action: pan-x;
  }
}
.products-grid,
.filter-row,
.trust-rail__inner,
.drawer-body,
.product-sheet__panel {
  -webkit-overflow-scrolling: touch;
}
.product-card__overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0)    40%,
    rgba(0, 0, 0, 0.10) 65%,
    rgba(0, 0, 0, 0.38) 100%
  ) !important;
}
.product-card__badge {
  position: absolute;
  top:  0.72rem;
  left: 0.72rem;
  z-index: 2;
  font-family:     var(--font-body);
  font-size:       0.62rem;
  font-weight:     700;
  letter-spacing:  0.13em;
  text-transform:  uppercase;
  color:           rgba(255, 253, 250, 0.96);
  background:      rgba(2, 61, 58, 0.70);
  border:          1px solid rgba(255, 253, 250, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius:   var(--radius-pill);
  padding:         0.28rem 0.62rem;
  line-height:     1;
  pointer-events:  none;
  white-space:     nowrap;
}
.product-card__index {
  position:       absolute !important;
  top:            0.72rem  !important;
  right:          0.72rem  !important;
  left:           auto     !important;
  font-family:    var(--font-display);
  font-size:      1.05rem;
  font-weight:    400;
  line-height:    1;
  letter-spacing: -0.02em;
  color:          rgba(255, 253, 250, 0.65);
  pointer-events: none;
  z-index:        2;
}
.product-card__content {
  padding:    1.1rem 1.15rem 1.2rem !important;
  gap:        0                     !important;
  flex:       1;
  display:    flex;
  flex-direction: column;
}
.product-card__title {
  margin:    0 0 0.55rem !important;
}
.product-card__description {
  margin:             0 0 0.95rem !important;
  min-height:         unset       !important;
  display:            -webkit-box !important;
  -webkit-line-clamp: 2           !important;
  -webkit-box-orient: vertical    !important;
  overflow:           hidden      !important;
}
.product-card__stats {
  display:       flex;
  align-items:   stretch;
  margin:        0 0 1rem;
  padding:       0.8rem 0;
  border-top:    1px solid color-mix(in srgb, var(--line) 80%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
}
.product-card__stat {
  flex:           1;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            0.22rem;
  text-align:     center;
  padding:        0 0.2rem;
}
.product-card__stat-value {
  font-family:    var(--font-display);
  font-size:      0.78rem;
  font-weight:    500;
  line-height:    1.25;
  letter-spacing: -0.01em;
  color:          var(--text-main);
  word-break:     break-word;
}
.product-card__stat-label {
  font-size:      0.58rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color:          var(--text-dim);
  font-weight:    600;
}
.product-card__stat-sep {
  width:       1px;
  flex-shrink: 0;
  background:  color-mix(in srgb, var(--line) 90%, transparent);
  align-self:  stretch;
  margin:      0.05rem 0;
}
.product-card__footer {
  display:     flex        !important;
  align-items: center      !important;
  gap:         0.55rem     !important;
  margin-top:  auto        !important;
  padding-top: 0           !important;
  border-top:  none        !important;
}
.product-card__cta {
  flex:            1;
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             0.42rem;
  height:          2.7rem;
  padding:         0 1rem;
  background:      var(--emerald);
  color:           #fff;
  border:          none;
  border-radius:   var(--radius-pill);
  font-family:     var(--font-body);
  font-size:       0.75rem;
  font-weight:     700;
  letter-spacing:  0.07em;
  text-transform:  uppercase;
  cursor:          pointer;
  transition:
    background 220ms var(--ease-out),
    transform  220ms var(--ease-spring),
    box-shadow 220ms var(--ease-out);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.product-card__cta:hover {
  background: color-mix(in srgb, var(--emerald) 86%, #000 14%);
  box-shadow: 0 4px 16px rgba(2, 61, 58, 0.24);
  transform:  translateY(-1px);
}
.product-card__cta:active {
  transform:         scale(0.97);
  transition-duration: 60ms;
}
.product-card__cta svg {
  flex-shrink:    0;
  pointer-events: none;
}
html[data-theme="dark"] .product-card__cta {
  background: color-mix(in srgb, var(--emerald) 90%, var(--gold) 10%);
}
.product-card__save {
  position:        static          !important;
  top:             auto            !important;
  right:           auto            !important;
  flex-shrink:     0               !important;
  width:           2.7rem          !important;
  height:          2.7rem          !important;
  border-radius:   var(--radius-pill) !important;
  background:      color-mix(in srgb, var(--emerald) 7%, transparent) !important;
  border:          1px solid color-mix(in srgb, var(--emerald) 20%, transparent) !important;
  display:         flex            !important;
  align-items:     center          !important;
  justify-content: center          !important;
  box-shadow:      none            !important;
}
.product-card__save svg {
  width:  1rem !important;
  height: 1rem !important;
}
.product-card__save:hover {
  transform:  scale(1.08)  !important;
  background: color-mix(in srgb, var(--emerald) 14%, transparent) !important;
  box-shadow: 0 3px 10px rgba(2, 61, 58, 0.14) !important;
}
html[data-theme="dark"] .product-card__save {
  background:   rgba(8, 27, 26, 0.55)    !important;
  border-color: rgba(183, 155, 114, 0.14) !important;
}
html[data-theme="dark"] .product-card__save:hover {
  background: rgba(10, 35, 33, 0.88) !important;
}
html[data-theme="dark"] .product-card__stat-sep {
  background: rgba(183, 155, 114, 0.11);
}
html[data-theme="dark"] .product-card__stat-value {
  color: var(--text-main);
}
@media (max-width: 767px) {
  .product-card__content {
    padding: 0.95rem 1rem 1rem !important;
  }
  .product-card__cta {
    font-size: 0.7rem  !important;
    height:    2.55rem !important;
  }
  .product-card__save {
    width:  2.55rem !important;
    height: 2.55rem !important;
  }
  .product-card__stat-value {
    font-size: 0.72rem;
  }
  .product-card__badge {
    font-size: 0.58rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-card__cta {
    transition: none !important;
  }
}
.product-card__media {
  aspect-ratio: 0.66 !important;    position:     relative          !important;
  overflow:     hidden            !important;
}
.product-card__media img {
  filter:     blur(6px) brightness(1.04) !important;
  transform:  scale(1.04)               !important;
  transition:
    opacity    700ms cubic-bezier(0.16,1,0.3,1),
    filter     800ms cubic-bezier(0.16,1,0.3,1),
    transform  700ms cubic-bezier(0.16,1,0.3,1) !important;
}
.product-card__media img.img-loaded {
  opacity:   1               !important;
  filter:    blur(0) brightness(1) !important;
  transform: scale(1.0)      !important;
}
@keyframes fabric-breathe {
  0%, 100% { transform: scale(1.000) translateY(0px);    }
  50%       { transform: scale(1.008) translateY(-1px);   }
}
@media (hover: none) {
  .product-card__media img.img-loaded {
    animation: fabric-breathe 9s ease-in-out infinite !important;
  }
}
@media (hover: hover) {
  .product-card:hover .product-card__media img {
    transform: scale(1.05) !important;
    transition: transform 700ms cubic-bezier(0.16,1,0.3,1) !important;
  }
}
.product-card__atmos {
  position:       absolute;
  inset:          0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0)       0%,
    rgba(1,18,17,0.04)  32%,
    rgba(2,40,38,0.18)  55%,
    rgba(1,28,27,0.68)  76%,
    rgba(1,20,19,0.91)  100%
  );
  z-index: 1;
}
.product-card__corner-cluster {
  position:        absolute;
  top:             0.78rem;
  right:           0.72rem;
  z-index:         3;
  display:         flex;
  flex-direction:  column;
  align-items:     flex-end;
  gap:             0.42rem;
  pointer-events:  none;   }
.product-card__corner-cluster > * {
  pointer-events: auto;    }
.product-card__index {
  position:       static    !important;
  top:            auto      !important;
  right:          auto      !important;
  font-family:    var(--font-display);
  font-size:      0.8rem    !important;
  font-weight:    400;
  line-height:    1;
  letter-spacing: 0.06em    !important;
  color:          rgba(255,253,250,0.45) !important;
}
.product-card__save {
  position:        static   !important;
  top:             auto     !important;
  right:           auto     !important;
  width:           2.2rem   !important;
  height:          2.2rem   !important;
  border-radius:   50%      !important;
  background:      rgba(255,253,250,0.10) !important;
  border:          1px solid rgba(255,253,250,0.14) !important;
  box-shadow:      none     !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  display:         flex     !important;
  align-items:     center   !important;
  justify-content: center   !important;
  transition:
    background  200ms var(--ease-out),
    transform   220ms var(--ease-spring),
    box-shadow  200ms var(--ease-out) !important;
}
.product-card__save svg {
  width:  0.82rem !important;
  height: 0.82rem !important;
  stroke: rgba(255,253,250,0.80) !important;
  fill:   none    !important;
}
.product-card__save.is-saved svg {
  fill:   var(--gold) !important;
  stroke: var(--gold) !important;
}
.product-card__save:hover {
  background: rgba(255,253,250,0.20) !important;
  transform:  scale(1.1)            !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.22) !important;
}
.product-card__save:active {
  transform: scale(0.92) !important;
  transition-duration: 60ms !important;
}
.product-card__story {
  position:       absolute;
  bottom:         0;
  left:           0;
  right:          0;
  z-index:        2;
  padding:        1.6rem 1.2rem 1.3rem;
  display:        flex;
  flex-direction: column;
  gap:            0.42rem;
}
.product-card__emotion-chip {
  display:        inline-block;
  font-family:    var(--font-body);
  font-size:      0.59rem;
  font-weight:    700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color:          rgba(210,187,140,0.88);
  margin-bottom:  0.06rem;
  white-space:    nowrap;
}
.product-card__title {
  margin:         0            !important;
  font-size:      clamp(1.2rem, 3.2vw, 1.62rem) !important;
  font-weight:    500          !important;
  line-height:    1.12         !important;
  letter-spacing: -0.02em      !important;
  color:          rgba(255,253,250,0.97) !important;
  text-shadow:    0 1px 12px rgba(0,0,0,0.18) !important;
}
.product-card__verse {
  font-size:              0.77rem;
  line-height:            1.55;
  color:                  rgba(255,253,250,0.68);
  margin:                 0;
  display:                -webkit-box;
  -webkit-line-clamp:     2;
  -webkit-box-orient:     vertical;
  overflow:               hidden;
  font-style:             italic;
  letter-spacing:         0.01em;
}
.product-card__quiet-row {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             0.6rem;
  margin-top:      0.3rem;
}
.product-card__price-soft {
  font-family:    var(--font-display);
  font-size:      0.8rem;
  font-weight:    400;
  letter-spacing: 0.01em;
  color:          rgba(210,187,140,0.80);
  white-space:    nowrap;
  flex-shrink:    0;
}
.product-card__cta {
  display:         flex           !important;
  align-items:     center         !important;
  gap:             0.38rem        !important;
  padding:         0.4rem 0.9rem  !important;
  height:          auto           !important;
  background:      rgba(255,253,250,0.11) !important;
  backdrop-filter: blur(14px)     !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border:          1px solid rgba(255,253,250,0.16) !important;
  border-radius:   var(--radius-pill) !important;
  color:           rgba(255,253,250,0.90) !important;
  font-family:     var(--font-body)   !important;
  font-size:       0.65rem        !important;
  font-weight:     600            !important;
  letter-spacing:  0.1em          !important;
  text-transform:  uppercase      !important;
  white-space:     nowrap         !important;
  cursor:          pointer;
  flex-shrink:     0;
  transition:
    background   220ms var(--ease-out),
    border-color 220ms var(--ease-out),
    transform    220ms var(--ease-spring),
    box-shadow   220ms var(--ease-out) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.product-card__cta:hover {
  background:   rgba(255,253,250,0.20) !important;
  border-color: rgba(255,253,250,0.28) !important;
  transform:    translateY(-1px)       !important;
  box-shadow:   0 4px 14px rgba(0,0,0,0.22) !important;
}
.product-card__cta:active {
  transform:            scale(0.96) !important;
  transition-duration:  55ms        !important;
}
.product-card__cta svg {
  flex-shrink:    0;
  pointer-events: none;
  opacity:        0.8;
}
.product-card__content  { display: none !important; }
.product-card__stats    { display: none !important; }
.product-card__footer   { display: none !important; }
.product-card__overlay  { display: none !important; } 
.product-card {
  background: #091f1e !important;
}
.product-pause-card {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: center;
  text-align:      center;
  padding:         2.8rem 1.8rem;
  background:      color-mix(in srgb, var(--emerald) 5%, var(--card-bg));
  border:          1px solid color-mix(in srgb, var(--emerald) 10%, transparent);
  border-radius:   var(--radius-lg);
  position:        relative;
  overflow:        hidden;
    grid-column:     1 / -1;
}
.product-pause-card::before {
  content:         '';
  position:        absolute;
  inset:           0;
  background:      radial-gradient(ellipse at 50% 120%, rgba(2,61,58,0.07) 0%, transparent 65%);
  pointer-events:  none;
}
.pause-quote {
  font-family:    var(--font-display);
  font-size:      clamp(1.12rem, 2.8vw, 1.52rem);
  font-weight:    400;
  font-style:     italic;
  letter-spacing: -0.01em;
  line-height:    1.38;
  color:          var(--text-main);
  margin:         0 0 0.65rem;
  max-width:      28rem;
}
.pause-sub {
  font-size:   0.77rem;
  line-height: 1.7;
  color:       var(--text-soft);
  max-width:   22rem;
  margin:      0;
}
html[data-theme="dark"] .product-pause-card {
  background:   rgba(6,22,21,0.8);
  border-color: rgba(183,155,114,0.08);
}
@media (max-width: 767px) {
  .product-card__media {
    aspect-ratio: 0.62 !important;   }
  .product-card__story {
    padding: 1.35rem 1rem 1.15rem;
  }
  .product-card__title {
    font-size: clamp(1.12rem, 4.8vw, 1.42rem) !important;
  }
  .product-card__verse {
    font-size: 0.73rem;
  }
  .product-card__cta {
    font-size: 0.62rem !important;
    padding:   0.38rem 0.78rem !important;
  }
    .product-pause-card {
    flex: 0 0 72vw;
    max-width: 20rem;
    min-height: 12rem;
    padding: 2rem 1.4rem;
    grid-column: auto;
  }
  .pause-quote {
    font-size: 1rem;
  }
  .pause-sub {
    font-size: 0.72rem;
  }
}
.product-card.is-pressing .product-card__story {
  transform: translateY(2px);
  transition: transform 65ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .product-card__media img,
  .product-card__media img.img-loaded {
    animation:  none       !important;
    filter:     none       !important;
    transform:  scale(1.0) !important;
    transition: opacity 200ms linear !important;
  }
  .product-card__cta,
  .product-card__save {
    transition: none !important;
  }
}
@media (display-mode: standalone) {
    .site-header {
    top: max(1.05rem, calc(env(safe-area-inset-top) + 0.55rem)) !important;
  }
    .bottom-dock {
    bottom: max(1.15rem, calc(env(safe-area-inset-bottom) + 0.8rem)) !important;
  }
    @media (max-width: 767px) {
    .support-pill {
      bottom: max(5.9rem, calc(env(safe-area-inset-bottom) + 5.6rem)) !important;
    }
  }
    .hero-section {
    padding-left:  max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
}
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: 180ms ease-out both vt-bg-dim;
  }
  ::view-transition-new(root) {
    animation: 340ms cubic-bezier(0.16, 1, 0.3, 1) both vt-bg-rise;
  }
  @keyframes vt-bg-dim {
    to { opacity: 0.7; transform: scale(0.985); }
  }
  @keyframes vt-bg-rise {
    from { opacity: 0; transform: scale(1.012); }
  }
}
.pwa-sheet {
  position:    fixed;
  inset:       0;
  z-index:     calc(var(--z-header) + 20);
  display:     flex;
  align-items: flex-end;
  justify-content: center;
}
.pwa-sheet[hidden] { display: none; }
.pwa-sheet__backdrop {
  position:   absolute;
  inset:      0;
  background: rgba(1, 18, 17, 0.55);
  backdrop-filter:         blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity:    0;
  transition: opacity 380ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pwa-sheet.is-visible .pwa-sheet__backdrop {
  opacity: 1;
}
.pwa-sheet__card {
  position:        relative;
  width:           100%;
  max-width:       480px;
  background:      color-mix(in srgb, var(--paper) 96%, var(--emerald) 4%);
  border:          1px solid color-mix(in srgb, var(--emerald) 14%, transparent);
  border-bottom:   none;
  border-radius:   1.5rem 1.5rem 0 0;
  padding:         1.6rem 1.4rem calc(1.6rem + env(safe-area-inset-bottom, 0px));
  box-shadow:      0 -8px 48px rgba(1, 24, 22, 0.18),
                   0 -2px 12px rgba(1, 24, 22, 0.08);
  transform:       translateY(100%);
  transition:      transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change:     transform;
}
.pwa-sheet.is-visible .pwa-sheet__card {
  transform: translateY(0);
}
html[data-theme="dark"] .pwa-sheet__card {
  background:  rgba(6, 22, 21, 0.97);
  border-color: rgba(183, 155, 114, 0.10);
  box-shadow:  0 -8px 48px rgba(0, 0, 0, 0.5);
}
.pwa-sheet__grip {
  width:         2.8rem;
  height:        4px;
  background:    color-mix(in srgb, var(--line) 60%, transparent);
  border-radius: 2px;
  margin:        0 auto 1.4rem;
}
.pwa-sheet__identity {
  display:     flex;
  align-items: center;
  gap:         1rem;
  margin-bottom: 1rem;
}
.pwa-sheet__icon {
  width:         3.25rem;
  height:        3.25rem;
  border-radius: 0.85rem;
  object-fit:    cover;
  flex-shrink:   0;
  border:        1px solid color-mix(in srgb, var(--line) 60%, transparent);
}
.pwa-sheet__brand {
  flex: 1;
  min-width: 0;
}
.pwa-sheet__name {
  font-family:    var(--font-display);
  font-size:      1.18rem;
  font-weight:    500;
  letter-spacing: -0.01em;
  color:          var(--text-main);
  margin:         0 0 0.12rem;
}
.pwa-sheet__tagline {
  font-size:      0.73rem;
  color:          var(--text-soft);
  margin:         0;
  letter-spacing: 0.02em;
}
.pwa-sheet__close {
  width:           2.1rem;
  height:          2.1rem;
  border-radius:   50%;
  background:      color-mix(in srgb, var(--line) 40%, transparent);
  border:          none;
  display:         flex;
  align-items:     center;
  justify-content: center;
  cursor:          pointer;
  color:           var(--text-soft);
  flex-shrink:     0;
  transition:      background 180ms var(--ease-out), transform 180ms var(--ease-spring);
}
.pwa-sheet__close:hover {
  background:  color-mix(in srgb, var(--line) 70%, transparent);
  transform:   scale(1.08);
}
.pwa-sheet__copy {
  font-size:   0.83rem;
  line-height: 1.65;
  color:       var(--text-soft);
  margin:      0 0 1.25rem;
}
.pwa-sheet__ios {
  display:       flex;
  flex-direction: column;
  gap:           0.75rem;
  margin-bottom: 0.6rem;
}
.pwa-ios-step {
  display:     flex;
  align-items: center;
  gap:         0.75rem;
  padding:     0.75rem 0.95rem;
  background:  color-mix(in srgb, var(--emerald) 5%, transparent);
  border:      1px solid color-mix(in srgb, var(--emerald) 10%, transparent);
  border-radius: var(--radius-md);
}
.pwa-ios-step__num {
  width:           1.55rem;
  height:          1.55rem;
  border-radius:   50%;
  background:      var(--emerald);
  color:           #fff;
  font-size:       0.7rem;
  font-weight:     700;
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}
.pwa-ios-step__text {
  font-size:   0.8rem;
  line-height: 1.5;
  color:       var(--text-main);
}
.pwa-ios-step__text strong {
  font-weight: 600;
  color:       var(--emerald);
}
.pwa-ios-share {
  display:        inline;
  vertical-align: middle;
  stroke:         var(--emerald);
  margin-inline:  2px;
}
.pwa-sheet__install-btn {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             0.5rem;
  width:           100%;
  height:          3rem;
  background:      var(--emerald);
  color:           #fff;
  border:          none;
  border-radius:   var(--radius-pill);
  font-family:     var(--font-body);
  font-size:       0.82rem;
  font-weight:     700;
  letter-spacing:  0.07em;
  text-transform:  uppercase;
  cursor:          pointer;
  transition:      background 220ms var(--ease-out), transform 220ms var(--ease-spring);
}
.pwa-sheet__install-btn:hover {
  background: color-mix(in srgb, var(--emerald) 88%, #000);
  transform:  translateY(-1px);
}
.pwa-sheet__install-btn:active {
  transform: scale(0.97);
}
html {
    -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering:          optimizeLegibility;
}
@media (max-width: 767px) {
  body {
    overscroll-behavior-y: contain;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pwa-sheet__card,
  .pwa-sheet__backdrop {
    transition: none !important;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}
.product-card__media img {
  filter:    none         !important;     opacity:   0            !important;     transform: scale(1.0)   !important;     transition:
    opacity   600ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.product-card__media img.img-loaded {
  opacity:   1    !important;
  filter:    none !important;
  transform: scale(1.0) !important;
  transition:
    opacity   600ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 700ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@media (hover: none) {
  .product-card__media img.img-loaded {
    animation: none !important;
  }
}
@media (hover: hover) {
  .product-card__media img.img-loaded {
    animation: fabric-breathe 9s ease-in-out var(--fabric-delay, 0s) infinite;
  }
}
.brand-pill,
.orb-button,
.support-pill,
.bottom-dock {
  backdrop-filter:         blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
@media (max-width: 900px) {
  .product-card__cta {
    backdrop-filter:         none !important;
    -webkit-backdrop-filter: none !important;
    background:              rgba(18, 40, 38, 0.72) !important;
    border-color:            rgba(255, 253, 250, 0.18) !important;
  }
  .product-card__save {
    backdrop-filter:         none !important;
    -webkit-backdrop-filter: none !important;
    background:              rgba(18, 40, 38, 0.65) !important;
  }
}
.site-header,
.bottom-dock,
.support-pill {
  -webkit-backface-visibility: hidden;
  backface-visibility:         hidden;
}
.product-card {
  contain: layout style;
}
.story-section {
  content-visibility:        auto;
  contain-intrinsic-block-size: 720px;
}
.circle-section {
  content-visibility:        auto;
  contain-intrinsic-block-size: 640px;
}
.teaser-section {
  content-visibility:        auto;
  contain-intrinsic-block-size: 580px;
}
.account-section {
  content-visibility:        auto;
  contain-intrinsic-block-size: 480px;
}
html[data-theme="dark"] .product-card.is-pressing {
  box-shadow:   var(--shadow-xs)             !important;
  border-color: rgba(183, 155, 114, 0.10)   !important;
  }
@media (prefers-reduced-motion: reduce) {
  .product-card__media img,
  .product-card__media img.img-loaded {
    animation:  none          !important;
    opacity:    1             !important;
    filter:     none          !important;
    transform:  scale(1.0)    !important;
    transition: none          !important;
  }
}
.ec-section {
  padding: var(--section-gap, 5rem) 0;
}
.ec-section + .ec-section {
  padding-top: 0; }
.ec-row {
  display:               grid;
  gap:                   0.9rem;
  grid-template-columns: 1fr;  }
@media (min-width: 861px) {
  .ec-row--hero-duo {
    grid-template-columns: 1.4fr 1fr;
  }
    .ec-row--2up {
    grid-template-columns: 1fr 1fr;
  }
    .ec-row--3up {
    grid-template-columns: 1fr 1fr 1fr;
  }
  }
.ec-card {
  position:          relative;
  overflow:          hidden;
  border-radius:     1.5rem;       background:        #091f1e;     min-height:        520px;
  display:           flex;
  flex-direction:    column;
  justify-content:   flex-end;
    contain:                     layout style;
  -webkit-backface-visibility: hidden;
  backface-visibility:         hidden;
    transition:
    transform  400ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 400ms cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 28px rgba(1, 20, 19, 0.10);
  -webkit-tap-highlight-color: transparent;
  cursor: default;
}
@media (hover: hover) {
  .ec-card[data-ec-link]:hover,
  .ec-card--interactive:hover {
    transform:  translateY(-3px) scale(1.008);
    box-shadow: 0 16px 52px rgba(1, 20, 19, 0.20);
  }
  .ec-card[data-ec-link]:active,
  .ec-card--interactive:active {
    transform:         scale(0.992);
    transition-duration: 80ms;
  }
}
.ec-card--tall   { min-height: 580px; }
.ec-card--cinema { min-height: 460px; }
.ec-card--short  { min-height: 360px; }
.ec-card--wide   { min-height: 320px; } 
.ec-card--ivory { background: #f5f1e8; }
.ec-card--pearl { background: #faf8f3; }
.ec-card--night { background: #040e0e; }
.ec-card--app   {
  background: linear-gradient(
    152deg,
    #0a2825 0%,
    #023d3a 50%,
    #031d1c 100%
  );
}
.ec-card__visual {
  position: absolute;
  inset:    0;
  z-index:  0;
  overflow: hidden;
}
.ec-card__visual img {
  width:           100%;
  height:          100%;
  object-fit:      cover;
  object-position: center 20%;   opacity:         0;
  transition:
    opacity    700ms cubic-bezier(0.16, 1, 0.3, 1),
    transform  800ms cubic-bezier(0.16, 1, 0.3, 1);
  transform:       scale(1.0);
}
.ec-card__visual img.img-loaded {
  opacity: 1;
}
@media (hover: hover) {
  .ec-card[data-ec-link]:hover .ec-card__visual img,
  .ec-card--interactive:hover  .ec-card__visual img {
    transform: scale(1.04);
  }
}
.ec-card__overlay {
  position:       absolute;
  inset:          0;
  z-index:        1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(1, 20, 19, 0.02)  0%,
    rgba(1, 20, 19, 0.08)  38%,
    rgba(1, 20, 19, 0.68)  70%,
    rgba(1, 20, 19, 0.95) 100%
  );
}
.ec-card__overlay--warm {
  background: linear-gradient(
    180deg,
    rgba(250, 248, 243, 0.0)  0%,
    rgba(250, 248, 243, 0.0)  38%,
    rgba(250, 248, 243, 0.72) 68%,
    rgba(250, 248, 243, 0.97) 100%
  );
}
.ec-card__overlay--strong {
  background: linear-gradient(
    180deg,
    rgba(1, 20, 19, 0.0)   0%,
    rgba(1, 20, 19, 0.14)  28%,
    rgba(1, 20, 19, 0.78)  62%,
    rgba(1, 20, 19, 0.98) 100%
  );
}
.ec-card__body {
  position:       relative;
  z-index:        2;
  padding:        2.2rem 2rem 2.4rem;
  display:        flex;
  flex-direction: column;
  gap:            0.42rem;
}
.ec-card__kicker {
  font-family:    var(--font-body);
  font-size:      0.6rem;
  font-weight:    700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color:          rgba(210, 187, 140, 0.86);    margin:         0;
}
.ec-card--ivory .ec-card__kicker,
.ec-card--pearl .ec-card__kicker {
  color: var(--emerald);
}
.ec-card__headline {
  font-family:    var(--font-display);
  font-size:      clamp(1.7rem, 3.8vw, 2.7rem);
  font-weight:    400;
  line-height:    1.08;
  letter-spacing: -0.025em;
  color:          rgba(255, 253, 250, 0.97);
  margin:         0;
}
.ec-card--ivory .ec-card__headline,
.ec-card--pearl .ec-card__headline {
  color: #091f1e;
}
.ec-card__verse {
  font-family:  var(--font-display);
  font-style:   italic;
  font-size:    0.9rem;
  line-height:  1.58;
  color:        rgba(255, 253, 250, 0.66);
  margin:       0.08rem 0 0.15rem;
  max-width:    34ch;
}
.ec-card--ivory .ec-card__verse,
.ec-card--pearl .ec-card__verse {
  color: rgba(9, 31, 30, 0.58);
}
.ec-card__cta {
  display:                inline-flex;
  align-items:            center;
  gap:                    0;
  font-family:            var(--font-body);
  font-size:              0.68rem;
  font-weight:            700;
  letter-spacing:         0.12em;
  text-transform:         uppercase;
  color:                  rgba(255, 253, 250, 0.88);
  background:             none;
  border:                 none;
  padding:                0;
  cursor:                 pointer;
  margin-top:             0.5rem;
  text-decoration:        none;
  transition:
    color     220ms var(--ease-out);
  -webkit-tap-highlight-color: transparent;
}
.ec-card__cta::after {
  content:    ' →';
  display:    inline-block;
  transition: transform 240ms var(--ease-spring);
}
.ec-card__cta:hover { color: var(--gold); }
.ec-card__cta:hover::after { transform: translateX(4px); }
.ec-card--ivory .ec-card__cta,
.ec-card--pearl .ec-card__cta {
  color: var(--emerald);
}
.ec-card--ivory .ec-card__cta:hover,
.ec-card--pearl .ec-card__cta:hover {
  color: color-mix(in srgb, var(--emerald) 75%, #000);
}
.ec-card__badge {
  position:       absolute;
  top:            1.1rem;
  left:           1.1rem;
  z-index:        3;
  font-family:    var(--font-body);
  font-size:      0.56rem;
  font-weight:    700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color:          rgba(255, 253, 250, 0.94);
  background:     rgba(2, 61, 58, 0.60);
  border:         1px solid rgba(255, 253, 250, 0.14);
  border-radius:  var(--radius-pill);
  padding:        0.26rem 0.65rem;
  pointer-events: none;
  white-space:    nowrap;
}
.ec-card--app .ec-card__body {
  justify-content: flex-end;
  padding-bottom:  2.8rem;
  max-width:       44ch;
}
.ec-card--app .ec-card__headline {
  font-size: clamp(2rem, 4.8vw, 3.2rem);
}
.ec-card--app .ec-card__kicker {
  color: rgba(210, 187, 140, 0.72);
}
.ec-card--app .ec-card__verse {
  font-size: 0.92rem;
  max-width: 36ch;
  color:     rgba(255, 253, 250, 0.58);
}
.ec-card--app::before {
  content:       '';
  position:      absolute;
  top:           -30%;
  right:         -10%;
  width:         70%;
  aspect-ratio:  1;
  border-radius: 50%;
  background:    radial-gradient(
    circle,
    rgba(2, 61, 58, 0.55) 0%,
    rgba(2, 61, 58, 0.18) 50%,
    transparent           80%
  );
  z-index:       0;
  pointer-events: none;
}
.ec-card--app::after {
  content:       '';
  position:      absolute;
  bottom:        -20%;
  right:         20%;
  width:         50%;
  aspect-ratio:  1;
  border-radius: 50%;
  background:    radial-gradient(
    circle,
    rgba(197, 161, 59, 0.12) 0%,
    transparent              70%
  );
  z-index:       0;
  pointer-events: none;
}
.ec-app-features {
  display:        flex;
  flex-direction: column;
  gap:            0.55rem;
  margin-top:     0.5rem;
  list-style:     none;
  padding:        0;
}
.ec-app-features li {
  display:     flex;
  align-items: center;
  gap:         0.5rem;
  font-family: var(--font-body);
  font-size:   0.72rem;
  color:       rgba(255, 253, 250, 0.65);
  line-height: 1.4;
}
.ec-app-features li::before {
  content:     '✦';
  font-size:   0.5rem;
  color:       rgba(210, 187, 140, 0.70);
  flex-shrink: 0;
}
html[data-theme="dark"] .ec-card--ivory,
html[data-theme="dark"] .ec-card--pearl {
  background: color-mix(in srgb, var(--card-bg) 95%, var(--emerald) 5%);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__headline,
html[data-theme="dark"] .ec-card--pearl .ec-card__headline {
  color: var(--text-main);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__verse,
html[data-theme="dark"] .ec-card--pearl .ec-card__verse {
  color: var(--text-soft);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__overlay--warm,
html[data-theme="dark"] .ec-card--pearl .ec-card__overlay--warm {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 35%,
    rgba(10, 18, 17, 0.72) 68%,
    rgba(10, 18, 17, 0.97) 100%
  );
}
html[data-theme="dark"] .ec-card--ivory .ec-card__kicker,
html[data-theme="dark"] .ec-card--pearl .ec-card__kicker {
  color: rgba(210, 187, 140, 0.80);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__headline,
html[data-theme="dark"] .ec-card--pearl .ec-card__headline {
  color: rgba(255, 253, 250, 0.95);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__verse,
html[data-theme="dark"] .ec-card--pearl .ec-card__verse {
  color: rgba(255, 253, 250, 0.60);
}
html[data-theme="dark"] .ec-card--ivory .ec-card__cta,
html[data-theme="dark"] .ec-card--pearl .ec-card__cta {
  color: rgba(210, 187, 140, 0.90);
}
@media (max-width: 860px) {
  .ec-card          { min-height: 460px; }
  .ec-card--tall    { min-height: 500px; }
  .ec-card--cinema  { min-height: 420px; }
  .ec-card--short   { min-height: 300px; }
  .ec-card--wide    { min-height: 280px; }
  .ec-card--app     { min-height: 320px; }
  .ec-card__body {
    padding: 1.6rem 1.5rem 1.8rem;
  }
  .ec-card__headline {
    font-size: clamp(1.55rem, 6vw, 2.2rem);
  }
  .ec-card__verse {
    font-size: 0.85rem;
    max-width: 100%;
  }
  .ec-row {
    gap: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ec-card,
  .ec-card__visual img {
    transition: none !important;
  }
  .ec-card[data-ec-link]:hover,
  .ec-card--interactive:hover {
    transform:  none  !important;
    box-shadow: none  !important;
  }
}
html[data-theme="dark"] {
    --card-bg:        rgba(44, 38, 32, 0.93);    --card-border:    rgba(183, 155, 114, 0.17); 
    --surface:        rgba(36, 31, 26, 0.94);     --surface-strong: rgba(22, 19, 17, 0.97);
  --paper:          rgba(40, 34, 29, 0.91);   
    --line:           rgba(183, 155, 114, 0.15); 
    --text-dim:       #9C8572;                   
    --shadow-sm:      0 6px  20px rgba(12, 6, 2, 0.22);    --shadow-soft:    0 14px 36px rgba(12, 6, 2, 0.26);    --shadow-lift:    0 22px 56px rgba(12, 6, 2, 0.34);    --shadow-deep:    0 40px 88px rgba(12, 6, 2, 0.46);  }
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .teaser-card,
html[data-theme="dark"] .feature-card {
  background:   rgba(46, 40, 33, 0.93);          border-color: rgba(183, 155, 114, 0.17);
  box-shadow:
    0 4px 18px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 250, 235, 0.048);  }
html[data-theme="dark"] .section-heading > p {
  opacity: 0.80;
}
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .hero-copy h1 {
  color: var(--text-main);
}
html[data-theme="dark"] .testimonial-card--featured {
  background:   rgba(4, 54, 51, 0.88);           border-color: rgba(197, 161, 59, 0.24);
  box-shadow:
    0 6px 28px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(197, 161, 59, 0.10);
}
html[data-theme="dark"] .testimonial-card--featured p,
html[data-theme="dark"] .testimonial-card--featured strong {
  color: var(--text-main);   }
html[data-theme="dark"] .testimonial-card--featured small {
  color: rgba(230, 220, 200, 0.62);
}
html[data-theme="dark"] .testimonial-card--featured footer span {
  background: var(--gold);
  color:      var(--emerald);
}
html[data-theme="dark"] .editorial-campaign.section-frame {
  background-color: rgba(183, 155, 114, 0.028); }
html[data-theme="dark"] .story-section.section-frame {
  background-color: rgba(255, 253, 248, 0.014); }
html[data-theme="dark"] .circle-section.section-frame {
  background-color: rgba(2, 61, 58, 0.060);     }
html[data-theme="dark"] .teaser-section.section-frame {
  background-color: rgba(183, 155, 114, 0.020); }
html[data-theme="dark"] .lx-breath {
  background: rgba(15, 13, 12, 0.97);  }
html[data-theme="dark"] .lx-breath__statement {
  color: rgba(230, 220, 200, 0.62);    }
html[data-theme="dark"] .orb-button {
  background:   rgba(40, 34, 29, 0.88) !important;
  border-color: rgba(183, 155, 114, 0.16) !important;
}
html[data-theme="dark"] .support-pill {
  background:   rgba(32, 27, 23, 0.94) !important;
  border-color: rgba(183, 155, 114, 0.18) !important;
  box-shadow:   0 4px 18px rgba(0, 0, 0, 0.26) !important;
}
html[data-theme="dark"] .brand-pill {
  background:   rgba(26, 22, 19, 0.90) !important;
  border-color: rgba(183, 155, 114, 0.13) !important;
}
html[data-theme="dark"] .bottom-dock {
  background:   rgba(22, 18, 16, 0.92) !important;
  border-color: rgba(183, 155, 114, 0.14) !important;
}
html[data-theme="dark"] .disclaimer-card {
  background:   rgba(36, 30, 25, 0.92);
  border-color: rgba(183, 155, 114, 0.18);
}
html[data-theme="dark"] .product-card__media {
  background: linear-gradient(135deg, #1c1710 0%, #15120d 100%);
}
html[data-theme="dark"] .testimonial-card p {
  color: var(--text-main);            font-size: 1.0rem;
  line-height: 1.82;
}
html[data-theme="dark"] .testimonial-card footer small {
  color: var(--text-dim);           }
html[data-theme="dark"] .testimonial-card footer strong {
  color: var(--text-soft);          }
html[data-theme="dark"] .testimonial-card footer span {
  background: rgba(183, 155, 114, 0.18);   color:      #B79B72;
}
html[data-theme="dark"] .ec-section {
  }
html[data-theme="dark"] .ec-card {
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.28);
}
html[data-theme="dark"] .story-card h3,
html[data-theme="dark"] .teaser-card h3,
html[data-theme="dark"] .feature-card h3 {
  color: var(--text-main);
}
html[data-theme="dark"] .story-card p,
html[data-theme="dark"] .teaser-card p,
html[data-theme="dark"] .feature-card p {
  color: var(--text-soft);
}
html[data-theme="dark"] .trust-rail {
  background:   rgba(28, 24, 20, 0.70);
  border-color: rgba(183, 155, 114, 0.13);
}
html[data-theme="dark"] .trust-rail__inner span {
  color: rgba(183, 155, 114, 0.72);
}
html[data-theme="dark"] .collection-curation__lead {
  color: var(--text-main);
  opacity: 0.78;
}
html[data-theme="dark"] .collection-curation__list {
  color: var(--text-soft);
  opacity: 0.85;
}
html[data-theme="dark"] .mood-editorial__headline {
  color: var(--text-main);
}
html[data-theme="dark"] .mood-editorial__body {
  color: var(--text-soft);
  opacity: 0.88;
}
.theme-drape--midnight-silk {
  background: linear-gradient(
    138deg,
    rgba(0,  16,  14, 0)    0%,
    rgba(1,  22,  18, 0.78) 28%,
    rgba(2,  30,  24, 0.90) 52%,
    rgba(1,  20,  16, 0.72) 74%,
    rgba(0,  12,  10, 0)    100%
  );
  transform: translateX(-5%) translateY(-3%);
    transition: opacity 300ms cubic-bezier(0.22, 0, 0.36, 1),
              transform 680ms cubic-bezier(0.16, 1, 0.3, 1);
}
.theme-drape--midnight-silk.theme-drape--sweep {
  opacity: 1;
  transform: translateX(0) translateY(0);
}
html[data-theme="dark"] .theme-drape--midnight-silk {
  background: linear-gradient(
    138deg,
    rgba(0,  16,  14, 0)    0%,
    rgba(1,  22,  18, 0.78) 28%,
    rgba(2,  30,  24, 0.90) 52%,
    rgba(1,  20,  16, 0.72) 74%,
    rgba(0,  12,  10, 0)    100%
  );
}
.theme-drape--ivory-shawl {
  background: radial-gradient(
    ellipse 96% 80% at 52% 30%,
    rgba(255, 252, 240, 0.78) 0%,
    rgba(245, 232, 200, 0.56) 32%,
    rgba(230, 210, 170, 0.28) 60%,
    rgba(200, 175, 130, 0)    82%
  );
  transition: opacity 420ms cubic-bezier(0.22, 0, 0.36, 1);
}
.theme-drape--ivory-shawl.theme-drape--sweep { opacity: 1; }
html[data-theme="dark"] .theme-drape--ivory-shawl {
  background: radial-gradient(
    ellipse 96% 80% at 52% 30%,
    rgba(255, 252, 240, 0.78) 0%,
    rgba(245, 232, 200, 0.56) 32%,
    rgba(230, 210, 170, 0.28) 60%,
    rgba(200, 175, 130, 0)    82%
  );
}
.toggle-glyph        { display: block; pointer-events: none; }
.toggle-glyph--pearl { display: none; }
html[data-theme="dark"] .toggle-glyph--silk  { display: none; }
html[data-theme="dark"] .toggle-glyph--pearl { display: block; }
.orb-button#themeToggle { position: relative; overflow: hidden; }
.orb-button#themeToggle::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 240ms ease;
  pointer-events: none;
}
html:not([data-theme="dark"]) .orb-button#themeToggle::after {
  background: radial-gradient(ellipse at 42% 42%, rgba(2,61,58,0.14) 0%, transparent 68%);
}
html[data-theme="dark"] .orb-button#themeToggle::after {
  background: radial-gradient(ellipse at 58% 42%, rgba(197,161,59,0.16) 0%, transparent 68%);
}
.orb-button#themeToggle:hover::after,
.orb-button#themeToggle:focus-visible::after { opacity: 1; }
.site-footer { position: relative; }
.site-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent                  0%,
    rgba(183, 155, 114, 0.22)  20%,
    rgba(183, 155, 114, 0.38)  50%,
    rgba(183, 155, 114, 0.22)  80%,
    transparent                 100%
  );
  pointer-events: none;
  z-index: 1;
}
html[data-theme="dark"] .site-footer::before {
  background: linear-gradient(
    90deg,
    transparent                  0%,
    rgba(183, 155, 114, 0.15)  20%,
    rgba(183, 155, 114, 0.26)  50%,
    rgba(183, 155, 114, 0.15)  80%,
    transparent                 100%
  );
}
@keyframes footer-ambient-breath {
  0%, 100% { opacity: 0; }
  50%       { opacity: 1; }
}
.footer-emotional-close { position: relative; overflow: hidden; }
.footer-emotional-close::after {
  content: '';
  position: absolute;
  inset: -20% -10%;
  background: radial-gradient(
    ellipse 72% 62% at 50% 62%,
    rgba(183, 155, 114, 0.050) 0%,
    transparent 65%
  );
  animation: footer-ambient-breath 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
.footer-emotional-close__inner { position: relative; z-index: 1; }
html[data-theme="dark"] .footer-emotional-close::after {
  background: radial-gradient(
    ellipse 72% 62% at 50% 62%,
    rgba(2, 61, 58, 0.072) 0%,
    transparent 65%
  );
}
.footer-nav-group__title { letter-spacing: 0.055em; }
.footer-relation__btn { position: relative; overflow: hidden; }
.footer-relation__btn::after {
  content: '';
  position: absolute;
  top: 0; left: -110%;
  width: 55%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.09), transparent);
  transform: skewX(-18deg);
  transition: left 440ms ease;
  pointer-events: none;
}
.footer-relation__btn:hover::after { left: 150%; }
@media (prefers-reduced-motion: reduce) {
  .theme-drape--midnight-silk,
  .theme-drape--ivory-shawl {
    transition: opacity 60ms linear !important;
    transform: none !important;
  }
  .theme-drape--midnight-silk.theme-drape--sweep,
  .theme-drape--ivory-shawl.theme-drape--sweep { opacity: 0.5 !important; }
  .footer-emotional-close::after { animation: none !important; opacity: 0 !important; }
  .footer-relation__btn::after   { display: none; }
}
.space-dash-head__identity {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 0;
  min-width: 0;
}
.space-dash-avatar {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--emerald, #023D3A) 0%, rgba(2,61,58,0.6) 100%);
  border: 2px solid rgba(183,155,114,0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10);
  transition: border-color 200ms ease;
}
.space-dash-avatar:hover { border-color: rgba(183,155,114,0.42); }
.space-dash-avatar__initials {
  font-family: var(--font-ui);
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(255,248,230,0.82);
  letter-spacing: 0.04em;
  pointer-events: none;
  user-select: none;
}
.space-dash-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
html[data-theme="dark"] .space-dash-avatar {
  background: linear-gradient(135deg, rgba(44,38,30,0.95) 0%, rgba(28,24,18,0.90) 100%);
  border-color: rgba(183,155,114,0.20);
}
.sp-home { display: flex; flex-direction: column; gap: 2rem; padding: 2rem 0; }
.sp-profile-mini {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: var(--card-bg, rgba(255,255,255,0.55));
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.sp-profile-mini__avatar {
  flex-shrink: 0;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--emerald, #023D3A) 0%, rgba(2,61,58,0.55) 100%);
  border: 2px solid rgba(183,155,114,0.26);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.sp-profile-mini__avatar span {
  font-size: 1.15rem; font-weight: 600;
  color: rgba(255,248,230,0.85);
  pointer-events: none;
}
.sp-profile-mini__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sp-profile-mini__body { flex: 1; min-width: 0; }
.sp-profile-mini__name {
  font-family: var(--font-display);
  font-size: 1.05rem; font-weight: 600;
  color: var(--text-main); margin: 0 0 0.2rem;
}
.sp-profile-mini__identity {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  font-style: italic;
  letter-spacing: 0.02em;
}
.sp-loyalty {
  padding: 1.1rem 1.5rem;
  background: linear-gradient(135deg,
    rgba(2,61,58,0.06) 0%,
    rgba(183,155,114,0.07) 100%
  );
  border: 1px solid rgba(183,155,114,0.18);
  border-radius: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.sp-loyalty__left { display: flex; flex-direction: column; gap: 0.2rem; }
.sp-loyalty__kicker {
  font-size: 0.7rem;
  font-family: var(--font-ui);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.sp-loyalty__tier {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-main);
}
.sp-loyalty__pts {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
}
.sp-loyalty__badge-icon {
  font-size: 1.6rem;
  opacity: 0.75;
  flex-shrink: 0;
}
html[data-theme="dark"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(2,61,58,0.10) 0%, rgba(183,155,114,0.06) 100%);
  border-color: rgba(183,155,114,0.14);
}
.sp-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0;
}
.sp-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  padding: 0.32rem 0.75rem;
  background: var(--card-bg, rgba(255,255,255,0.50));
  border: 1px solid rgba(183,155,114,0.24);
  border-radius: 100px;
  font-size: 0.72rem;
  font-family: var(--font-ui);
  letter-spacing: 0.06em;
  color: var(--text-soft);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.sp-badge__icon {
  font-size: 0.8rem;
  opacity: 0.80;
}
html[data-theme="dark"] .sp-badge {
  background: rgba(44,38,30,0.78);
  border-color: rgba(183,155,114,0.18);
}
.sp-quick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9rem;
}
.sp-quick-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 1.2rem 1.25rem;
  background: var(--card-bg, rgba(255,255,255,0.55));
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  cursor: pointer;
  text-align: left;
  transition: transform 200ms cubic-bezier(0.16,1,0.3,1),
              box-shadow 200ms ease,
              border-color 200ms ease;
  -webkit-tap-highlight-color: transparent;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.sp-quick-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
  border-color: rgba(183,155,114,0.36);
}
.sp-quick-card:active { transform: translateY(0); }
.sp-quick-card__icon {
  font-size: 1.3rem;
  line-height: 1;
}
.sp-quick-card__title {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--text-main);
  margin: 0;
}
.sp-quick-card__sub {
  font-size: 0.72rem;
  color: var(--text-dim);
  line-height: 1.4;
  margin: 0;
}
html[data-theme="dark"] .sp-quick-card {
  background: rgba(36,31,26,0.85);
  border-color: rgba(183,155,114,0.13);
}
html[data-theme="dark"] .sp-quick-card:hover {
  border-color: rgba(183,155,114,0.28);
}
.sp-wardrobe-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.sp-wardrobe-head__title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0;
}
.sp-section-divider {
  margin: 2.5rem 0 0;
  border: none;
  border-top: 1px solid var(--line);
}
.sp-journey-toggle {
  background: none;
  border: none;
  padding: 1.1rem 0;
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  font-weight: 600;
  color: var(--text-soft);
  letter-spacing: 0.04em;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  text-align: left;
  transition: color 180ms ease;
}
.sp-journey-toggle:hover { color: var(--text-main); }
.sp-journey-toggle__arrow {
  margin-left: auto;
  transition: transform 220ms ease;
  font-size: 0.7rem;
  opacity: 0.5;
}
.sp-journey-toggle.is-open .sp-journey-toggle__arrow { transform: rotate(180deg); }
.sp-journey-body { display: none; }
.sp-journey-body.is-open { display: block; }
.sp-lookbook { display: flex; flex-direction: column; gap: 1.75rem; padding: 2rem 0; }
.sp-lookbook-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.sp-lookbook-head__title {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.25rem;
}
.sp-lookbook-head__sub {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  margin: 0;
  font-style: italic;
}
.sp-upload-area {
  position: relative;
  border: 2px dashed rgba(183,155,114,0.32);
  border-radius: 1.25rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 200ms ease, background 200ms ease;
  background: rgba(183,155,114,0.03);
}
.sp-upload-area:hover,
.sp-upload-area.is-dragover {
  border-color: rgba(183,155,114,0.60);
  background: rgba(183,155,114,0.06);
}
.sp-upload-area input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.sp-upload-area__icon {
  font-size: 2rem;
  margin-bottom: 0.6rem;
  opacity: 0.55;
}
.sp-upload-area__title {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.3rem;
}
.sp-upload-area__sub {
  font-size: 0.75rem;
  color: var(--text-dim);
  margin: 0;
}
html[data-theme="dark"] .sp-upload-area {
  border-color: rgba(183,155,114,0.20);
  background: rgba(183,155,114,0.025);
}
html[data-theme="dark"] .sp-upload-area:hover {
  border-color: rgba(183,155,114,0.40);
  background: rgba(183,155,114,0.045);
}
.sp-lb-grid {
  columns: 2;
  column-gap: 0.75rem;
  break-inside: avoid;
}
.sp-lb-item {
  break-inside: avoid;
  margin-bottom: 0.75rem;
  position: relative;
  border-radius: 0.9rem;
  overflow: hidden;
  background: var(--card-bg, rgba(255,255,255,0.50));
  border: 1px solid var(--line);
  group: true;
}
.sp-lb-item img {
  width: 100%;
  display: block;
  border-radius: 0.9rem 0.9rem 0 0;
  object-fit: cover;
  max-height: 280px;
}
.sp-lb-item__caption {
  padding: 0.55rem 0.75rem;
  font-size: 0.75rem;
  color: var(--text-soft);
  font-style: italic;
  line-height: 1.4;
  min-height: 2.2rem;
  border-radius: 0 0 0.9rem 0.9rem;
}
.sp-lb-item__caption[contenteditable="true"]:focus {
  outline: none;
  background: rgba(183,155,114,0.06);
}
.sp-lb-item__del {
  position: absolute;
  top: 0.5rem; right: 0.5rem;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(0,0,0,0.52);
  border: none;
  color: rgba(255,255,255,0.80);
  font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 160ms ease;
}
.sp-lb-item:hover .sp-lb-item__del { opacity: 1; }
.sp-empty {
  text-align: center;
  padding: 3rem 1rem;
}
.sp-empty__icon { font-size: 2.5rem; opacity: 0.35; margin-bottom: 0.75rem; }
.sp-empty__title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  color: var(--text-main);
  margin: 0 0 0.4rem;
}
.sp-empty__body {
  font-size: var(--type-body-sm);
  color: var(--text-dim);
  margin: 0;
  font-style: italic;
  max-width: 28ch;
  margin: 0 auto;
}
.sp-concierge { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem 0; }
.sp-concierge-intro {
  padding: 1.5rem;
  background: linear-gradient(135deg,
    rgba(2,61,58,0.06) 0%,
    rgba(183,155,114,0.05) 100%
  );
  border: 1px solid rgba(183,155,114,0.18);
  border-radius: 1.25rem;
}
.sp-concierge-intro__kicker {
  font-size: 0.7rem;
  font-family: var(--font-ui);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-dim);
  margin: 0 0 0.4rem;
}
.sp-concierge-intro__title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.5rem;
}
.sp-concierge-intro__body {
  font-size: var(--type-body-sm);
  color: var(--text-soft);
  line-height: 1.6;
  margin: 0;
}
html[data-theme="dark"] .sp-concierge-intro {
  background: linear-gradient(135deg, rgba(2,61,58,0.09) 0%, rgba(183,155,114,0.045) 100%);
  border-color: rgba(183,155,114,0.14);
}
.sp-msg-thread {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 340px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(183,155,114,0.22) transparent;
  padding: 0.25rem 0;
}
.sp-msg-thread::-webkit-scrollbar { width: 4px; }
.sp-msg-thread::-webkit-scrollbar-thumb { background: rgba(183,155,114,0.28); border-radius: 2px; }
.sp-msg {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 84%;
}
.sp-msg--sent { align-self: flex-end; align-items: flex-end; }
.sp-msg__bubble {
  padding: 0.7rem 1rem;
  border-radius: 1rem;
  font-size: var(--type-body-sm);
  line-height: 1.55;
  color: var(--text-main);
  background: rgba(183,155,114,0.12);
  border: 1px solid rgba(183,155,114,0.16);
}
.sp-msg--sent .sp-msg__bubble {
  background: var(--emerald, rgba(2,61,58,0.90));
  color: rgba(255,248,230,0.92);
  border-color: transparent;
}
html[data-theme="dark"] .sp-msg--sent .sp-msg__bubble {
  background: rgba(2,61,58,0.80);
  color: rgba(245,235,210,0.90);
}
.sp-msg__img {
  max-width: 160px;
  border-radius: 0.75rem;
  margin-top: 0.3rem;
  object-fit: cover;
  cursor: pointer;
}
.sp-msg__meta {
  font-size: 0.68rem;
  color: var(--text-dim);
  letter-spacing: 0.03em;
}
.sp-msg--sent .sp-msg__meta { text-align: right; }
.sp-msg__wa-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  color: #25D366;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  opacity: 0.85;
  transition: opacity 160ms ease;
}
.sp-msg__wa-link:hover { opacity: 1; }
.sp-compose {
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  overflow: hidden;
  background: var(--card-bg, rgba(255,255,255,0.55));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.sp-compose:focus-within {
  border-color: rgba(183,155,114,0.42);
  box-shadow: 0 0 0 3px rgba(183,155,114,0.08);
}
.sp-compose__img-preview {
  display: none;
  padding: 0.75rem 1rem 0;
}
.sp-compose__img-preview.has-img { display: block; }
.sp-compose__img-preview img {
  height: 70px;
  border-radius: 0.5rem;
  object-fit: cover;
}
.sp-compose__img-clear {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.7rem;
  color: var(--text-dim);
  cursor: pointer;
  vertical-align: top;
  line-height: 70px;
  transition: color 150ms ease;
}
.sp-compose__img-clear:hover { color: var(--text-main); }
.sp-compose__textarea {
  width: 100%;
  padding: 1rem 1.1rem 0.5rem;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  color: var(--text-main);
  resize: none;
  min-height: 80px;
  outline: none;
  line-height: 1.55;
}
.sp-compose__textarea::placeholder { color: var(--text-dim); font-style: italic; }
.sp-compose__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.9rem 0.6rem 1rem;
  border-top: 1px solid rgba(183,155,114,0.10);
}
.sp-compose__img-btn {
  background: none;
  border: none;
  padding: 0.35rem 0.5rem;
  font-size: 1rem;
  color: var(--text-dim);
  cursor: pointer;
  transition: color 160ms ease;
}
.sp-compose__img-btn:hover { color: var(--text-main); }
.sp-compose__send {
  padding: 0.42rem 1.1rem;
  background: var(--emerald, #023D3A);
  color: rgba(255,248,230,0.92);
  border: none;
  border-radius: 100px;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: opacity 160ms ease, transform 160ms ease;
}
.sp-compose__send:hover { opacity: 0.88; }
.sp-compose__send:active { transform: scale(0.97); }
.sp-compose__note {
  font-size: 0.68rem;
  color: var(--text-dim);
  text-align: center;
  padding: 0;
  margin: -0.5rem 0 0.25rem;
  font-style: italic;
}
html[data-theme="dark"] .sp-compose {
  background: rgba(36,31,26,0.88);
  border-color: rgba(183,155,114,0.14);
}
.sp-profile-hero {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.sp-profile-cover {
  height: 120px;
  background: linear-gradient(135deg,
    rgba(2,61,58,0.80) 0%,
    rgba(183,155,114,0.55) 50%,
    rgba(12,8,4,0.70) 100%
  );
  cursor: pointer;
  transition: filter 200ms ease;
  position: relative;
}
.sp-profile-cover:hover { filter: brightness(1.08); }
.sp-profile-cover img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.sp-profile-cover__edit {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0);
  transition: background 200ms ease;
  cursor: pointer;
}
.sp-profile-cover:hover .sp-profile-cover__edit { background: rgba(0,0,0,0.25); }
.sp-profile-cover__edit span {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.90);
  font-family: var(--font-ui);
  letter-spacing: 0.06em;
  opacity: 0;
  transition: opacity 200ms ease;
}
.sp-profile-cover:hover .sp-profile-cover__edit span { opacity: 1; }
.sp-profile-cover input[type="file"] {
  position: absolute; inset: 0; opacity: 0; cursor: pointer;
  width: 100%; height: 100%;
}
.sp-profile-avatar-wrap {
  position: absolute;
  bottom: -28px;
  left: 1.5rem;
}
.sp-profile-avatar-lg {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--emerald,#023D3A) 0%, rgba(2,61,58,0.5) 100%);
  border: 3px solid var(--bg-base, #FAFAF6);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0,0,0,0.14);
  position: relative;
  transition: border-color 200ms ease;
}
.sp-profile-avatar-lg img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sp-profile-avatar-lg span {
  font-size: 1.3rem; font-weight: 600;
  color: rgba(255,248,230,0.85);
}
.sp-profile-avatar-lg input[type="file"] {
  position: absolute; inset: 0; opacity: 0; cursor: pointer;
  width: 100%; height: 100%;
}
html[data-theme="dark"] .sp-profile-avatar-lg {
  border-color: var(--bg-dark, #12100F);
}
.sp-profile-hero__info {
  padding: 2.5rem 1.5rem 1.25rem;
  background: var(--card-bg, rgba(255,255,255,0.55));
}
.sp-profile-hero__name {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.2rem;
}
.sp-profile-hero__email {
  font-size: var(--type-body-sm);
  color: var(--text-dim);
  margin: 0;
}
html[data-theme="dark"] .sp-profile-hero__info {
  background: rgba(36,31,26,0.90);
}
.sp-identity-section {
  padding: 1.5rem 0;
  border-top: 1px solid var(--line);
}
.sp-identity-section__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.2rem;
}
.sp-identity-section__sub {
  font-size: 0.75rem;
  color: var(--text-dim);
  margin: 0 0 1rem;
  font-style: italic;
}
.sp-style-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 0.6rem;
}
.sp-style-card {
  padding: 0.75rem 0.85rem;
  border-radius: 0.85rem;
  border: 1.5px solid var(--line);
  background: var(--card-bg, rgba(255,255,255,0.50));
  cursor: pointer;
  transition: border-color 200ms ease, background 200ms ease, transform 180ms ease;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.sp-style-card:hover { border-color: rgba(183,155,114,0.40); transform: translateY(-1px); }
.sp-style-card.is-selected {
  border-color: var(--gold, rgba(183,155,114,1));
  background: rgba(183,155,114,0.10);
}
.sp-style-card__name {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--text-main);
  margin: 0;
}
html[data-theme="dark"] .sp-style-card {
  background: rgba(36,31,26,0.75);
  border-color: rgba(183,155,114,0.14);
}
html[data-theme="dark"] .sp-style-card.is-selected {
  background: rgba(183,155,114,0.12);
  border-color: rgba(183,155,114,0.50);
}
.sp-tags-section {
  padding: 1.5rem 0;
  border-top: 1px solid var(--line);
}
.sp-tags-section__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.2rem;
}
.sp-tags-section__sub {
  font-size: 0.75rem;
  color: var(--text-dim);
  margin: 0 0 0.85rem;
  font-style: italic;
}
.sp-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sp-tag {
  padding: 0.35rem 0.85rem;
  border-radius: 100px;
  border: 1.5px solid var(--line);
  background: none;
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-soft);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
.sp-tag:hover { border-color: rgba(183,155,114,0.40); color: var(--text-main); }
.sp-tag.is-selected {
  border-color: var(--gold, rgba(183,155,114,1));
  background: rgba(183,155,114,0.12);
  color: var(--text-main);
}
html[data-theme="dark"] .sp-tag { border-color: rgba(183,155,114,0.14); }
html[data-theme="dark"] .sp-tag.is-selected {
  background: rgba(183,155,114,0.12);
  border-color: rgba(183,155,114,0.44);
}
.sp-bio-section {
  padding: 1.5rem 0;
  border-top: 1px solid var(--line);
}
.sp-bio-section__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.65rem;
}
.sp-bio-textarea {
  width: 100%;
  min-height: 80px;
  padding: 0.85rem 1rem;
  border: 1.5px solid var(--line);
  border-radius: 0.85rem;
  background: var(--card-bg, rgba(255,255,255,0.55));
  font-family: var(--font-ui);
  font-size: var(--type-body-sm);
  color: var(--text-main);
  resize: none;
  outline: none;
  line-height: 1.55;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  box-sizing: border-box;
}
.sp-bio-textarea:focus {
  border-color: rgba(183,155,114,0.45);
  box-shadow: 0 0 0 3px rgba(183,155,114,0.08);
}
.sp-bio-textarea::placeholder { color: var(--text-dim); font-style: italic; }
html[data-theme="dark"] .sp-bio-textarea {
  background: rgba(36,31,26,0.88);
  border-color: rgba(183,155,114,0.16);
  color: var(--text-main);
}
.sp-bio-save {
  margin-top: 0.6rem;
  padding: 0.4rem 1.1rem;
  background: transparent;
  border: 1.5px solid rgba(183,155,114,0.40);
  border-radius: 100px;
  font-family: var(--font-ui);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--text-main);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease;
}
.sp-bio-save:hover {
  background: rgba(183,155,114,0.10);
  border-color: rgba(183,155,114,0.60);
}
@media (min-width: 640px) {
  .sp-quick-grid { grid-template-columns: repeat(4, 1fr); }
  .sp-lb-grid    { columns: 3; }
  .sp-style-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .sp-quick-card,
  .sp-style-card,
  .sp-tag,
  .sp-upload-area { transition: none !important; }
  .sp-quick-card:hover,
  .sp-style-card:hover { transform: none !important; }
}
.product-sheet__inquiry {
  padding: 0.6rem 1.25rem 1rem;
  text-align: center;
  border-top: 1px solid rgba(183,155,114,0.10);
}
.product-sheet__ask {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--text-dim);
  text-decoration: none;
  padding: 0.3rem 0.6rem;
  border-radius: 100px;
  transition: color 180ms ease, background 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
.product-sheet__ask::before {
  content: '✦ ';
  font-size: 0.65rem;
  opacity: 0.65;
}
.product-sheet__ask:hover {
  color: var(--text-main);
  background: rgba(183,155,114,0.08);
}
html[data-theme="dark"] .product-sheet__inquiry {
  border-color: rgba(183,155,114,0.10);
}
html[data-theme="dark"] .product-sheet__ask { color: rgba(230,220,200,0.42); }
html[data-theme="dark"] .product-sheet__ask:hover {
  color: rgba(230,220,200,0.75);
  background: rgba(183,155,114,0.08);
}
.cj-journey {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}
.cj-journey__heading {
  font-family: var(--font-ui);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-dim);
  margin: 0 0 1.1rem;
}
.cj-steps {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cj-step {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
}
.cj-step__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(183,155,114,0.10);
  border: 1px solid rgba(183,155,114,0.20);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--gold, rgba(183,155,114,1));
  margin-top: 0.1rem;
}
.cj-step__title {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.18rem;
  letter-spacing: 0.02em;
}
.cj-step__body {
  font-size: 0.76rem;
  color: var(--text-dim);
  margin: 0;
  line-height: 1.5;
}
html[data-theme="dark"] .cj-step__icon {
  background: rgba(183,155,114,0.08);
  border-color: rgba(183,155,114,0.16);
}
.space-journey-card__note {
  font-size: 0.76rem;
  color: var(--text-soft);
  line-height: 1.55;
  padding: 0.55rem 0.9rem;
  margin: 0.6rem 0 0;
  background: linear-gradient(135deg,
    rgba(2,61,58,0.05) 0%,
    rgba(183,155,114,0.04) 100%
  );
  border-left: 2px solid rgba(183,155,114,0.28);
  border-radius: 0 0.5rem 0.5rem 0;
  font-style: italic;
}
html[data-theme="dark"] .space-journey-card__note {
  background: linear-gradient(135deg,
    rgba(2,61,58,0.08) 0%,
    rgba(183,155,114,0.04) 100%
  );
  border-color: rgba(183,155,114,0.22);
  color: rgba(230,220,200,0.55);
}
.sp-delivered-note {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  padding: 1.1rem 1.4rem;
  background: linear-gradient(135deg,
    rgba(2,61,58,0.07) 0%,
    rgba(183,155,114,0.06) 100%
  );
  border: 1px solid rgba(183,155,114,0.20);
  border-radius: 1.1rem;
}
.sp-delivered-note__icon {
  flex-shrink: 0;
  font-size: 1.3rem;
  opacity: 0.70;
  line-height: 1;
  margin-top: 0.1rem;
}
.sp-delivered-note__title {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 0.25rem;
}
.sp-delivered-note__body {
  font-size: 0.76rem;
  color: var(--text-soft);
  margin: 0;
  line-height: 1.55;
  font-style: italic;
}
html[data-theme="dark"] .sp-delivered-note {
  background: linear-gradient(135deg,
    rgba(2,61,58,0.10) 0%,
    rgba(183,155,114,0.055) 100%
  );
  border-color: rgba(183,155,114,0.16);
}
@media (prefers-reduced-motion: reduce) {
  .product-sheet__ask { transition: none !important; }
}
.sp-farewell-veil {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  background: rgba(250, 248, 242, 0.97);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 360ms ease;
}
html[data-theme="dark"] .sp-farewell-veil {
  background: rgba(10, 14, 14, 0.97);
}
.sp-farewell-veil.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.sp-farewell-veil__icon {
  font-size: 1.8rem;
  color: var(--gold, rgba(183,155,114,1));
  opacity: 0.65;
  animation: farewell-pulse 2s ease-in-out infinite;
}
@keyframes farewell-pulse {
  0%, 100% { opacity: 0.65; transform: scale(1); }
  50%       { opacity: 0.90; transform: scale(1.08); }
}
.sp-farewell-veil__title {
  font-family: var(--font-display);
  font-size: 1.10rem;
  font-weight: 500;
  color: var(--text-main);
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0;
}
.sp-farewell-veil__body {
  font-size: 0.80rem;
  color: var(--text-dim);
  text-align: center;
  max-width: 26ch;
  line-height: 1.65;
  margin: 0;
}
.sp-journal {
  padding: 1.2rem 1.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.sp-journal-head {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(183,155,114,0.12);
}
.sp-journal-head__kicker {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold, rgba(183,155,114,1));
  margin: 0 0 0.3rem;
}
.sp-journal-head__title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 500;
  color: var(--text-main);
  margin: 0 0 0.25rem;
  letter-spacing: 0.02em;
}
.sp-journal-head__sub {
  font-size: 0.76rem;
  color: var(--text-dim);
  margin: 0;
  line-height: 1.55;
}
.sp-journal-compose {
  background: rgba(183,155,114,0.04);
  border: 1px solid rgba(183,155,114,0.14);
  border-radius: 1.1rem;
  padding: 1.1rem 1.1rem 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.sp-journal-compose__label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--text-dim);
  margin: 0;
}
.sp-j-mood-row {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sp-j-mood-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid rgba(183,155,114,0.18);
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-soft);
  transition: background 180ms ease, border-color 180ms ease, transform 160ms ease;
  -webkit-tap-highlight-color: transparent;
}
.sp-j-mood-btn.is-selected,
.sp-j-mood-btn:hover {
  background: rgba(183,155,114,0.12);
  border-color: rgba(183,155,114,0.45);
  transform: scale(1.10);
}
.sp-j-occ-row {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.sp-j-occ-chip {
  padding: 0.28rem 0.78rem;
  border-radius: 2rem;
  border: 1px solid rgba(183,155,114,0.16);
  background: transparent;
  font-size: 0.72rem;
  color: var(--text-dim);
  cursor: pointer;
  font-family: var(--font-ui);
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
  -webkit-tap-highlight-color: transparent;
}
.sp-j-occ-chip.is-selected,
.sp-j-occ-chip:hover {
  background: rgba(183,155,114,0.10);
  border-color: rgba(183,155,114,0.38);
  color: var(--text-main);
}
.sp-journal-textarea {
  width: 100%;
  min-height: 82px;
  resize: none;
  border: 1px solid rgba(183,155,114,0.16);
  border-radius: 0.75rem;
  background: var(--bg-base);
  color: var(--text-main);
  font-family: var(--font-ui);
  font-size: 0.82rem;
  line-height: 1.6;
  padding: 0.72rem 0.95rem;
  box-sizing: border-box;
  transition: border-color 180ms ease;
}
.sp-journal-textarea:focus {
  outline: none;
  border-color: rgba(183,155,114,0.42);
}
.sp-journal-save {
  align-self: flex-end;
  padding: 0.46rem 1.3rem;
  border-radius: 2rem;
  background: var(--cta-main, #023d3a);
  color: #fff;
  font-size: 0.78rem;
  font-family: var(--font-ui);
  letter-spacing: 0.07em;
  border: none;
  cursor: pointer;
  transition: opacity 180ms ease;
}
.sp-journal-save:hover { opacity: 0.80; }
.sp-j-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.sp-j-entry {
  background: rgba(183,155,114,0.04);
  border: 1px solid rgba(183,155,114,0.12);
  border-radius: 0.9rem;
  padding: 1rem 2.2rem 1rem 1.1rem;
  position: relative;
}
.sp-j-entry__head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.45rem;
  flex-wrap: wrap;
}
.sp-j-entry__mood {
  font-size: 0.95rem;
  line-height: 1;
  color: var(--gold, rgba(183,155,114,1));
  flex-shrink: 0;
}
.sp-j-entry__meta {
  font-size: 0.68rem;
  color: var(--text-dim);
  letter-spacing: 0.04em;
}
.sp-j-entry__occ {
  margin-left: auto;
  font-size: 0.64rem;
  padding: 0.17rem 0.55rem;
  border-radius: 2rem;
  background: rgba(183,155,114,0.08);
  color: var(--text-dim);
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.sp-j-entry__body {
  font-size: 0.81rem;
  color: var(--text-main);
  line-height: 1.65;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.sp-j-entry__del {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  width: 22px;
  height: 22px;
  border: none;
  background: transparent;
  color: var(--text-dim);
  font-size: 0.68rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.40;
  transition: opacity 160ms ease;
  -webkit-tap-highlight-color: transparent;
}
.sp-j-entry__del:hover { opacity: 0.80; }
html[data-theme="dark"] .sp-journal-compose {
  background: rgba(183,155,114,0.03);
  border-color: rgba(183,155,114,0.10);
}
html[data-theme="dark"] .sp-j-entry {
  background: rgba(183,155,114,0.025);
  border-color: rgba(183,155,114,0.09);
}
html[data-theme="dark"] .sp-journal-textarea {
  background: rgba(12,18,16,0.55);
}
.sp-ic-section {
  margin-top: 0.25rem;
}
.sp-ic-section__kicker {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold, rgba(183,155,114,1));
  margin: 0 0 0.75rem;
}
.sp-ic-cards {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.sp-ic-card {
  border-radius: 0.9rem;
  padding: 1rem 1.15rem;
  position: relative;
  overflow: hidden;
}
.sp-ic-card--locked {
  border: 1px solid rgba(183,155,114,0.09);
  background: rgba(183,155,114,0.025);
  opacity: 0.65;
}
.sp-ic-card--unlocked {
  border: 1px solid rgba(183,155,114,0.22);
  background: linear-gradient(135deg,
    rgba(2,61,58,0.05) 0%,
    rgba(183,155,114,0.045) 100%
  );
}
.sp-ic-card__label {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--gold, rgba(183,155,114,0.85));
  margin: 0 0 0.3rem;
}
.sp-ic-card__title {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-main);
  margin: 0 0 0.25rem;
  letter-spacing: 0.02em;
}
.sp-ic-card__body {
  font-size: 0.73rem;
  color: var(--text-dim);
  margin: 0;
  line-height: 1.55;
}
.sp-ic-card__lock {
  position: absolute;
  top: 0.85rem;
  right: 0.9rem;
  font-size: 0.63rem;
  color: var(--text-dim);
  opacity: 0.50;
  letter-spacing: 0.05em;
}
html[data-theme="dark"] .sp-ic-card--locked {
  background: rgba(183,155,114,0.018);
  border-color: rgba(183,155,114,0.07);
}
html[data-theme="dark"] .sp-ic-card--unlocked {
  background: linear-gradient(135deg,
    rgba(2,61,58,0.09) 0%,
    rgba(183,155,114,0.045) 100%
  );
  border-color: rgba(183,155,114,0.17);
}
.sp-theme-section {
  border-top: 1px solid rgba(183,155,114,0.10);
  padding-top: 1.4rem;
  margin-top: 1.4rem;
}
.sp-theme-section__title {
  font-family: var(--font-display);
  font-size: 0.90rem;
  font-weight: 500;
  color: var(--text-main);
  margin: 0 0 0.22rem;
  letter-spacing: 0.02em;
}
.sp-theme-section__sub {
  font-size: 0.74rem;
  color: var(--text-dim);
  margin: 0 0 1.05rem;
  line-height: 1.5;
}
.sp-theme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.65rem;
}
.sp-theme-card {
  border-radius: 0.8rem;
  border: 1.5px solid rgba(183,155,114,0.15);
  padding: 0.85rem 0.7rem 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.48rem;
  cursor: pointer;
  background: transparent;
  transition: border-color 180ms ease, transform 150ms ease;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  overflow: hidden;
}
.sp-theme-card.is-locked {
  opacity: 0.42;
  cursor: not-allowed;
  pointer-events: none;
}
.sp-theme-card.is-selected {
  border-color: rgba(183,155,114,0.55);
  background: rgba(183,155,114,0.05);
}
.sp-theme-card:not(.is-locked):hover {
  border-color: rgba(183,155,114,0.38);
  transform: translateY(-2px);
}
.sp-theme-swatch {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}
.sp-theme-card__name {
  font-size: 0.71rem;
  color: var(--text-main);
  text-align: center;
  margin: 0;
  line-height: 1.3;
  font-family: var(--font-ui);
  letter-spacing: 0.02em;
}
.sp-theme-card__unlock {
  font-size: 0.60rem;
  color: var(--text-dim);
  text-align: center;
  margin: 0;
  opacity: 0.65;
}
.sp-theme-card.is-selected::after {
  content: "✦";
  position: absolute;
  top: 0.38rem;
  right: 0.48rem;
  font-size: 0.52rem;
  color: var(--gold, rgba(183,155,114,1));
}
#spaceDashboard[data-sp-theme="emerald-night"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(2,61,58,0.16) 0%, rgba(0,80,65,0.09) 100%);
}
#spaceDashboard[data-sp-theme="emerald-night"] .sp-quick-card {
  background: rgba(2,61,58,0.06);
}
#spaceDashboard[data-sp-theme="temple-gold"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(183,155,114,0.15) 0%, rgba(210,180,120,0.09) 100%);
}
#spaceDashboard[data-sp-theme="temple-gold"] .sp-quick-card {
  background: rgba(183,155,114,0.07);
}
#spaceDashboard[data-sp-theme="ivory-calm"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(255,252,240,0.30) 0%, rgba(230,218,196,0.15) 100%);
}
#spaceDashboard[data-sp-theme="monsoon-silk"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(80,90,130,0.12) 0%, rgba(100,110,155,0.07) 100%);
}
#spaceDashboard[data-sp-theme="monsoon-silk"] .sp-quick-card {
  background: rgba(80,90,130,0.05);
}
#spaceDashboard[data-sp-theme="quiet-rose"] .sp-loyalty {
  background: linear-gradient(135deg, rgba(180,130,130,0.13) 0%, rgba(200,150,150,0.07) 100%);
}
#spaceDashboard[data-sp-theme="quiet-rose"] .sp-quick-card {
  background: rgba(180,130,130,0.05);
}
.sp-occ-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0.2rem 0 0.1rem;
  align-items: center;
}
.sp-occ-row__label {
  width: 100%;
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--text-dim);
  margin-bottom: 0.15rem;
}
.sp-occ-chip {
  padding: 0.30rem 0.82rem;
  border-radius: 2rem;
  border: 1px solid rgba(183,155,114,0.17);
  background: transparent;
  font-size: 0.71rem;
  color: var(--text-dim);
  cursor: pointer;
  font-family: var(--font-ui);
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
  -webkit-tap-highlight-color: transparent;
}
.sp-occ-chip:hover,
.sp-occ-chip:active {
  background: rgba(183,155,114,0.10);
  border-color: rgba(183,155,114,0.36);
  color: var(--text-main);
}
html[data-theme="dark"] .sp-occ-chip {
  border-color: rgba(183,155,114,0.13);
}
html[data-theme="dark"] .sp-occ-chip:hover {
  background: rgba(183,155,114,0.08);
  border-color: rgba(183,155,114,0.28);
}
@media (prefers-reduced-motion: reduce) {
  .sp-farewell-veil,
  .sp-farewell-veil__icon { transition: none !important; animation: none !important; }
  .sp-j-mood-btn,
  .sp-j-occ-chip,
  .sp-occ-chip,
  .sp-theme-card { transition: none !important; }
}
.brand-mark img { mix-blend-mode: multiply; }
.footer-mark img { mix-blend-mode: multiply; }
.pwa-sheet__icon { mix-blend-mode: multiply; }
html[data-theme="dark"] .brand-mark img,
html[data-theme="dark"] .footer-mark img { mix-blend-mode: screen; }
html[data-theme="dark"] .pwa-sheet__icon { mix-blend-mode: screen; }
.sp-portal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 420ms cubic-bezier(0.16,1,0.3,1);
}
.sp-portal.is-open {
  opacity: 1;
  pointer-events: all;
}
.sp-portal__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg,#012f2c 0%,#011a18 100%);
}
.sp-portal__stage {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3rem 2rem 2.5rem;
  max-width: 420px;
  width: 100%;
  transform: translateY(24px);
  transition: transform 520ms cubic-bezier(0.16,1,0.3,1);
}
.sp-portal.is-open .sp-portal__stage { transform: translateY(0); }
.sp-portal__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 2.5rem;
}
.sp-portal__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 1.5px solid rgba(197,161,59,0.45);
  background: rgba(0,0,0,0.25);
  flex-shrink: 0;
}
.sp-portal__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: screen;
  opacity: 0.92;
}
.sp-portal__name {
  font-size: 1.15rem;
  letter-spacing: 0.3em;
  color: #c5a13b;
  text-transform: uppercase;
}
.sp-portal__h1 {
  font-family: var(--font-display,"Libre Baskerville",Georgia,serif);
  font-size: clamp(1.9rem,5vw,2.5rem);
  font-weight: 400;
  color: #f8f5ec;
  line-height: 1.15;
  margin: 0 0 0.875rem;
}
.sp-portal__sub {
  font-size: 0.875rem;
  color: rgba(248,245,236,0.62);
  line-height: 1.65;
  max-width: 300px;
  margin: 0 auto;
}
.sp-portal__headline { margin-bottom: 2.25rem; }
.sp-portal__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  max-width: 280px;
  margin-bottom: 1.5rem;
}
.sp-portal__btn-continue {
  background: #c5a13b !important;
  color: #fff !important;
  border-color: transparent !important;
  letter-spacing: 0.04em;
}
.sp-portal__btn-create {
  background: transparent;
  border: 1px solid rgba(248,245,236,0.22);
  color: rgba(248,245,236,0.8);
  font-family: var(--font-body,"Open Sans",sans-serif);
  font-size: 0.875rem;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  cursor: pointer;
  letter-spacing: 0.03em;
  transition: border-color 200ms,color 200ms;
}
.sp-portal__btn-create:hover {
  border-color: rgba(197,161,59,0.55);
  color: #c5a13b;
}
.sp-portal__trust {
  font-size: 0.65rem;
  color: rgba(248,245,236,0.28);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.sp-portal__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background: transparent;
  border: none;
  color: rgba(248,245,236,0.4);
  cursor: pointer;
  padding: 0.4rem;
  border-radius: 50%;
  line-height: 0;
  transition: color 200ms;
}
.sp-portal__close:hover { color: rgba(248,245,236,0.85); }
.share-preview {
  background: linear-gradient(135deg,#023d3a,#012f2c);
  border-radius: 0.875rem;
  padding: 1rem 1.125rem;
  margin-bottom: 0.875rem;
  display: flex;
  gap: 0.875rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(197,161,59,0.15);
}
.share-preview__img {
  width: 68px;
  height: 68px;
  border-radius: 0.5rem;
  object-fit: cover;
  flex-shrink: 0;
}
.share-preview__body { flex: 1; min-width: 0; }
.share-preview__brand {
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c5a13b;
  margin-bottom: 0.2rem;
}
.share-preview__name {
  font-family: var(--font-display,"Libre Baskerville",Georgia,serif);
  font-size: 0.88rem;
  color: #f8f5ec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.15rem;
}
.share-preview__price {
  font-size: 0.75rem;
  color: rgba(248,245,236,0.6);
}
.share-preview__descriptor {
  font-size: 0.65rem;
  color: rgba(197,161,59,0.75);
  font-style: italic;
  margin-top: 0.2rem;
}
.brand-mark img { mix-blend-mode: normal; }
.footer-mark img { mix-blend-mode: normal; }
.pwa-sheet__icon { mix-blend-mode: normal; }
html[data-theme="dark"] .brand-mark img,
html[data-theme="dark"] .footer-mark img,
html[data-theme="dark"] .pwa-sheet__icon { mix-blend-mode: normal; }
.lx-entry { background: var(--emerald) !important; }
html[data-theme="dark"] .lx-entry { background: #010e0d !important; }
.lx-entry__emblem {
  opacity: 0;
  transform: scale(0.88);
  transition: opacity 700ms cubic-bezier(0.16,1,0.3,1), transform 700ms cubic-bezier(0.16,1,0.3,1);
  margin-bottom: 1.5rem;
  will-change: transform, opacity;
}
.lx-entry__emblem.is-visible {
  opacity: 1;
  transform: scale(1);
}
.lx-entry__emblem img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid rgba(197,161,59,0.55);
  box-shadow: 0 0 0 6px rgba(197,161,59,0.08), 0 8px 32px rgba(0,0,0,0.35);
}
.lx-entry__wordmark-img { display: none !important; }
.lx-entry__wordmark-text {
  display: block !important;
  color: rgba(248,245,236,0.92) !important;
  font-size: clamp(1.6rem,5vw,2.4rem) !important;
}
.lx-entry__tagline { color: rgba(248,245,236,0.5) !important; }
html[data-route="your-space"] .site-header,
html[data-route="your-space"] .support-pill,
html[data-route="your-space"] .bottom-dock,
html[data-route="your-space"] .cart-button { display: none !important; }
html[data-route="your-space"] #account {
  position: fixed;
  inset: 0;
  z-index: 2000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--bg);
  padding-top: 0;
  margin: 0;
}
html[data-route="your-space"] #account .container {
  max-width: 100%;
  padding: 0;
}
html[data-route="your-space"] body { overflow: hidden; }
.ys-topbar {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  gap: 1rem;
  padding-top: max(0.875rem, env(safe-area-inset-top));
}
html[data-route="your-space"] .ys-topbar { display: flex !important; }
.ys-topbar__back {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: none;
  color: var(--emerald);
  font-family: var(--font-body,"Open Sans",sans-serif);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0.25rem 0;
  letter-spacing: 0.01em;
  transition: opacity 180ms;
}
.ys-topbar__back:hover { opacity: 0.72; }
.ys-topbar__title {
  font-size: 1rem;
  letter-spacing: 0.22em;
  color: var(--text);
  text-align: center;
  flex: 1;
}
.ys-topbar__spacer { width: 72px; }
html[data-route="your-space"] #account .section-frame { padding: 0; }
html[data-route="your-space"] #account .container { padding: 0 1.25rem 3rem; }
.sp-portal__back {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: transparent;
  border: none;
  color: rgba(248,245,236,0.5);
  font-family: var(--font-body,"Open Sans",sans-serif);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  cursor: pointer;
  padding: 0.25rem 0;
  text-transform: uppercase;
  transition: color 200ms;
}
.sp-portal__back:hover { color: rgba(248,245,236,0.88); }
.sp-portal__close { display: none !important; }
.sp-portal__ys-label {
  font-size: 0.58rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(197,161,59,0.6);
  margin-top: 0.15rem;
}
.sp-portal__member {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.sp-portal__member-av {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(197,161,59,0.4);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(197,161,59,0.12);
  font-family: var(--font-display,"Libre Baskerville",serif);
  font-size: 1.4rem;
  color: rgba(197,161,59,0.9);
}
.sp-portal__member-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sp-portal__member-nm {
  font-family: var(--font-display,"Libre Baskerville",serif);
  font-size: 1rem;
  color: rgba(248,245,236,0.85);
  letter-spacing: 0.04em;
}
.sp-profile-mini__since {
  font-size: 0.68rem;
  color: var(--muted);
  opacity: 0.65;
  letter-spacing: 0.03em;
  margin-top: 0.15rem;
}
.sp-quick-grid { grid-template-columns: repeat(3, 1fr); }
.sp-recently {
  margin: 1.5rem 0 0;
}
.sp-recently__kicker {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 0.875rem;
}
.sp-recently__list {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.25rem;
}
.sp-recently__list::-webkit-scrollbar { display: none; }
.sp-recently__item {
  flex: 0 0 130px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
}
.sp-recently__thumb {
  width: 130px;
  height: 160px;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  background: var(--card-bg, rgba(2,61,58,0.04));
}
.sp-recently__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 340ms cubic-bezier(0.16,1,0.3,1);
}
.sp-recently__item:hover .sp-recently__thumb img { transform: scale(1.04); }
.sp-recently__name {
  font-family: var(--font-display,"Libre Baskerville",serif);
  font-size: 0.8rem;
  color: var(--text);
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sp-recently__price {
  font-size: 0.72rem;
  color: var(--muted);
  margin-top: 0.2rem;
}
.space-leave-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.space-signout-hard{background:transparent;border:none;color:var(--muted);font-size:.72rem;cursor:pointer;padding:.2rem .4rem;letter-spacing:.04em;opacity:.65;transition:opacity 180ms}
.space-signout-hard:hover{opacity:1}
.sp-section-wrap{padding:1.25rem 0 2rem}
.sp-section-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.35rem}
.sp-section-sub{font-size:.85rem;color:var(--text);opacity:.72;line-height:1.6;margin-bottom:1.25rem}
.sp-empty-note{font-size:.85rem;color:var(--muted);font-style:italic;padding:.75rem 0}
.sp-profile-mini__tier{font-size:.78rem;color:var(--gold,#c5a13b);letter-spacing:.06em;margin-top:.25rem}
.sp-profile-mini__pts{font-size:.72rem;color:var(--muted)}
.sp-moments-form{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.25rem;padding:1rem;background:var(--card-bg,rgba(2,61,58,.04));border-radius:.75rem}
.sp-moments-cat,.sp-moments-title,.sp-moments-note,.sp-req-desc,.sp-req-occ,.sp-req-budget{width:100%;font-family:var(--font-body,"Open Sans",sans-serif);font-size:.85rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg);color:var(--text);box-sizing:border-box}
.sp-moments-note,.sp-req-desc{resize:vertical;min-height:4rem}
.sp-moments-list{display:flex;flex-direction:column;gap:.75rem}
.sp-moment-item{padding:1rem;background:var(--card-bg,rgba(2,61,58,.04));border-radius:.75rem}
.sp-moment-item__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}
.sp-moment-item__cat{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold,#c5a13b);background:rgba(197,161,59,.08);padding:.18rem .55rem;border-radius:999px}
.sp-moment-item__date{font-size:.7rem;color:var(--muted);flex:1}
.sp-moment-item__del{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:.1rem .35rem;border-radius:.25rem;opacity:.55;transition:opacity 150ms}
.sp-moment-item__del:hover{opacity:1}
.sp-moment-item__title{font-family:var(--font-display,"Libre Baskerville",serif);font-size:.92rem;color:var(--text)}
.sp-moment-item__note{font-size:.78rem;color:var(--muted);margin-top:.3rem;line-height:1.55}
.sp-req-form{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.25rem;padding:1rem;background:var(--card-bg,rgba(2,61,58,.04));border-radius:.75rem}
.sp-req-upload{display:flex;align-items:center;justify-content:center;padding:.7rem;border:1.5px dashed var(--line);border-radius:.5rem;cursor:pointer;color:var(--muted);font-size:.8rem;font-family:var(--font-body,"Open Sans",sans-serif);transition:border-color 180ms}
.sp-req-upload:hover{border-color:var(--emerald,#023d3a)}
.sp-req-list{display:flex;flex-direction:column;gap:.875rem}
.sp-req-item{padding:1rem;background:var(--card-bg,rgba(2,61,58,.04));border-radius:.75rem}
.sp-req-item__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}
.sp-req-status{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold,#c5a13b);background:rgba(197,161,59,.1);padding:.18rem .55rem;border-radius:999px}
.sp-req-date{font-size:.7rem;color:var(--muted)}
.sp-req-img{width:100%;max-height:160px;object-fit:cover;border-radius:.5rem;margin-bottom:.6rem}
.sp-req-desc-text{font-size:.85rem;color:var(--text);line-height:1.55}
.sp-req-meta{font-size:.72rem;color:var(--muted);margin-top:.3rem}
.sp-req-timeline{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin-top:.75rem;align-items:center}
.sp-req-step{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.18rem .45rem;border-radius:999px;border:1px solid var(--line);transition:all 200ms}
.sp-req-step.is-done{color:var(--gold,#c5a13b);border-color:rgba(197,161,59,.35);background:rgba(197,161,59,.06)}
.sp-msg-history{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}
.sp-msg-hist-item{padding:.875rem 1rem;border-radius:.75rem;max-width:88%}
.sp-msg-hist-item--customer{background:var(--card-bg,rgba(2,61,58,.06));align-self:flex-end}
.sp-msg-hist-item--abdan{background:rgba(197,161,59,.06);align-self:flex-start}
.sp-msg-hist-text{font-size:.85rem;color:var(--text);line-height:1.55}
.sp-msg-hist-img{width:100%;max-height:120px;object-fit:cover;border-radius:.4rem;margin-top:.4rem}
.sp-msg-hist-time{display:block;font-size:.65rem;color:var(--muted);margin-top:.35rem}
.sp-membership-hero{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,rgba(2,61,58,.05),rgba(197,161,59,.05));border-radius:1rem;margin-bottom:1rem}
.sp-membership-hero__tier{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1.5rem;color:var(--text);margin-bottom:.35rem}
.sp-membership-hero__pts{font-size:.85rem;color:var(--gold,#c5a13b);margin-bottom:.35rem}
.sp-membership-hero__next{font-size:.78rem;color:var(--muted);margin-bottom:.75rem}
.sp-membership-bar{height:4px;background:rgba(197,161,59,.15);border-radius:999px;overflow:hidden;margin:0 auto;max-width:200px}
.sp-membership-bar__fill{height:100%;background:linear-gradient(90deg,var(--gold,#c5a13b),rgba(197,161,59,.6));border-radius:999px;transition:width 600ms cubic-bezier(.16,1,.3,1)}
.sp-settings-list{display:flex;flex-direction:column;gap:0}
.sp-settings-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.95rem 0;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text);font-family:var(--font-body,"Open Sans",sans-serif);font-size:.88rem;cursor:pointer;text-align:left;transition:opacity 150ms}
.sp-settings-item:last-child{border-bottom:none}
.sp-settings-item:hover{opacity:.7}
.sp-settings-item__label{font-size:.88rem}
.sp-settings-signout{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.sp-signout-text{background:transparent;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;padding:.2rem 0;letter-spacing:.03em;opacity:.65;transition:opacity 180ms}
.sp-signout-text:hover{opacity:1}
.sp-quick-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:420px){.sp-quick-grid{grid-template-columns:repeat(2,1fr)}}
.sp-portal__view{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
.sp-portal__view--form{text-align:left;max-width:340px;width:100%}
.sp-portal__form-kicker{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(197,161,59,.6);margin-bottom:.5rem;text-align:center;width:100%}
.sp-portal__form-h2{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1.45rem;font-weight:400;color:#f8f5ec;margin:0 0 .4rem;line-height:1.2}
.sp-portal__form-sub{font-size:.8rem;color:rgba(248,245,236,.55);line-height:1.55;margin-bottom:1.5rem}
.sp-portal__form{display:flex;flex-direction:column;gap:.7rem;width:100%}
.sp-portal__field{display:flex;flex-direction:column;gap:.25rem}
.sp-portal__field span{font-size:.72rem;color:rgba(248,245,236,.55);letter-spacing:.03em}
.sp-portal__field input{width:100%;padding:.7rem .9rem;background:rgba(248,245,236,.06);border:1px solid rgba(248,245,236,.14);border-radius:.5rem;color:#f8f5ec;font-family:var(--font-body,"Open Sans",sans-serif);font-size:.875rem;box-sizing:border-box;transition:border-color 200ms}
.sp-portal__field input:focus{outline:none;border-color:rgba(197,161,59,.5)}
.sp-portal__field input::placeholder{color:rgba(248,245,236,.28)}
.sp-portal__field--check{flex-direction:row;align-items:flex-start;gap:.5rem}
.sp-portal__field--check input{width:auto;flex-shrink:0;margin-top:.15rem}
.sp-portal__field--check span{font-size:.72rem;color:rgba(248,245,236,.55);line-height:1.45}
.sp-portal__pw-wrap{position:relative}
.sp-portal__pw-wrap input{padding-right:2.8rem}
.sp-portal__eye{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(248,245,236,.38);cursor:pointer;padding:.2rem;line-height:0;transition:color 180ms}
.sp-portal__eye:hover{color:rgba(248,245,236,.75)}
.sp-portal__form-err{font-size:.78rem;color:#ffb3b3;padding:.4rem .6rem;background:rgba(255,100,100,.08);border-radius:.35rem;border:1px solid rgba(255,100,100,.18);line-height:1.45}
.sp-portal__btn-submit{margin-top:.35rem;background:#c5a13b !important;color:#fff !important;border-color:transparent !important}
.sp-portal__switch{background:transparent;border:none;color:rgba(248,245,236,.45);font-size:.78rem;cursor:pointer;margin-top:.875rem;text-align:center;width:100%;letter-spacing:.02em;transition:color 200ms}
.sp-portal__switch:hover{color:rgba(248,245,236,.8)}
.sp-portal__view[hidden]{display:none!important}
.sp-portal__member[hidden]{display:none!important}
html[data-route="your-space"] .space-dash-head__text{display:flex;flex-direction:column}
html[data-route="your-space"] .space-dash-head__text .space-heading{order:-1}
.sp-profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem 1.25rem;gap:.5rem}
.sp-profile-hero__av{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--emerald,#023d3a);display:flex;align-items:center;justify-content:center;color:rgba(248,245,236,.85);font-family:var(--font-display,"Libre Baskerville",serif);font-size:1.8rem;font-weight:400;flex-shrink:0;border:2px solid rgba(2,61,58,.12)}
.sp-profile-hero__av img{width:100%;height:100%;object-fit:cover}
.sp-profile-hero__name{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1.5rem;font-weight:400;color:var(--text,#162f2d);line-height:1.2;margin:0}
.sp-profile-hero__identity{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#c5a13b);margin:0}
.sp-profile-hero__identity--set{background:transparent;border:none;cursor:pointer;padding:0;font-size:.72rem;letter-spacing:.08em;color:var(--muted,#5d6964);transition:color 180ms}
.sp-profile-hero__identity--set:hover{color:var(--emerald,#023d3a)}
.sp-profile-hero__tier-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}
.sp-profile-hero__tier{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(197,161,59,.1);color:var(--gold,#c5a13b);padding:.22rem .65rem;border-radius:999px;border:1px solid rgba(197,161,59,.25)}
.sp-profile-hero__pts{font-size:.78rem;color:var(--muted,#5d6964)}
.sp-profile-hero__since{font-size:.68rem;color:var(--muted,#5d6964);opacity:.65;margin:0}
.sp-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}
.sp-action-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:var(--card-bg,rgba(255,252,246,.78));border:1px solid var(--card-border,rgba(2,61,58,.1));border-radius:1.1rem;padding:1.1rem 1rem;min-height:110px;cursor:pointer;text-align:left;transition:transform 200ms cubic-bezier(.16,1,.3,1),box-shadow 200ms;gap:.22rem;position:relative;overflow:hidden}
.sp-action-card:active{transform:scale(.97)}
.sp-action-card:hover{box-shadow:0 8px 24px rgba(2,61,58,.07)}
.sp-action-card__sym{font-size:1.5rem;color:var(--emerald,#023d3a);opacity:.5;position:absolute;top:.9rem;right:.9rem;line-height:1}
.sp-action-card__title{font-family:var(--font-display,"Libre Baskerville",serif);font-size:.95rem;font-weight:400;color:var(--text,#162f2d);line-height:1.25}
.sp-action-card__desc{font-size:.7rem;color:var(--muted,#5d6964);letter-spacing:.02em}
.sp-req-upload-row{display:flex;gap:.6rem;margin-bottom:.75rem}
.sp-req-upload-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;border:1.5px dashed var(--line);border-radius:.5rem;cursor:pointer;font-size:.78rem;color:var(--muted);flex:1;justify-content:center;transition:border-color 180ms}
.sp-req-upload-btn:hover{border-color:var(--emerald)}
.sp-req-img-prev{margin-bottom:.75rem}
.sp-req-img-prev img{width:100%;max-height:160px;object-fit:cover;border-radius:.5rem}
.sp-req-img-prev button{font-size:.7rem;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:.2rem 0}
.sp-req-empty{text-align:center;padding:2rem 1rem}
.sp-req-empty__icon{font-size:2rem;color:var(--gold);opacity:.4;margin-bottom:.5rem}
.sp-req-empty__title{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1rem;color:var(--text);margin-bottom:.35rem}
.sp-req-empty__sub{font-size:.8rem;color:var(--muted);line-height:1.55}
.sp-req-tl{display:flex;gap:0;margin-top:.875rem;overflow-x:auto;padding-bottom:.25rem}
.sp-req-tl-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:64px;position:relative}
.sp-req-tl-dot{width:10px;height:10px;border-radius:50%;background:var(--line);border:2px solid rgba(2,61,58,.15);flex-shrink:0;transition:background 250ms}
.sp-req-tl-line{position:absolute;top:4px;left:50%;width:100%;height:2px;background:var(--line);z-index:0}
.sp-req-tl-label{font-size:.58rem;letter-spacing:.04em;color:var(--muted);margin-top:.4rem;text-align:center;white-space:nowrap}
.sp-req-tl-step.is-done .sp-req-tl-dot{background:var(--gold);border-color:var(--gold)}
.sp-req-tl-step.is-done .sp-req-tl-line{background:var(--gold)}
.sp-req-tl-step.is-current .sp-req-tl-label{color:var(--gold);font-weight:600}
.sp-voice-btn{background:transparent;border:1.5px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);flex-shrink:0;transition:border-color 200ms,color 200ms;font-size:.72rem}
.sp-voice-btn:hover,.sp-voice-btn.is-recording{border-color:var(--emerald);color:var(--emerald)}
.sp-voice-btn.is-recording{background:rgba(2,61,58,.06)}
.sp-msg__cat{display:inline-block;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:rgba(197,161,59,.08);padding:.15rem .5rem;border-radius:999px;margin-bottom:.35rem}
.sp-msg__audio{width:100%;height:34px;margin-top:.4rem;border-radius:.35rem}
.sp-conv-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}
.sp-conv-group{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.875rem;padding:1rem}
.sp-conv-group__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:.75rem}
.sp-conv-group__msgs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}
.sp-conv-bubble{background:rgba(2,61,58,.04);border-radius:.6rem;padding:.6rem .75rem}
.sp-conv-bubble__text{font-size:.82rem;color:var(--text);line-height:1.5}
.sp-conv-bubble__img{width:100%;max-height:100px;object-fit:cover;border-radius:.35rem;margin-top:.3rem}
.sp-conv-bubble__audio{width:100%;height:32px;margin-top:.3rem}
.sp-conv-bubble__time{display:block;font-size:.62rem;color:var(--muted);margin-top:.3rem}
.sp-conv-group__wa{font-size:.75rem;color:var(--emerald);text-decoration:none;display:block;padding-top:.4rem;border-top:1px solid var(--line)}
.sp-tier-display{text-align:center;padding:2rem 1rem 1.5rem;background:linear-gradient(135deg,rgba(197,161,59,.06),rgba(2,61,58,.04));border-radius:1.25rem;margin-bottom:1.75rem}
.sp-tier-display__icon{display:block;font-size:2.2rem;color:var(--gold);margin-bottom:.5rem;opacity:.7}
.sp-tier-display__kicker{font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:.25rem}
.sp-tier-display__name{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1.75rem;font-weight:400;color:var(--text);margin:0 0 .35rem}
.sp-tier-display__pts{font-size:.9rem;color:var(--gold);margin-bottom:.25rem}
.sp-tier-display__next{font-size:.8rem;color:var(--muted);margin:.25rem 0 0}
.sp-ic-preview{padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.1rem;margin-bottom:1rem}
.sp-ic-preview__kicker{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:.35rem}
.sp-ic-preview__tagline{font-family:var(--font-display,"Libre Baskerville",serif);font-size:1rem;color:var(--text);margin-bottom:1.25rem;font-style:italic;line-height:1.45}
.sp-ic-benefits{display:flex;flex-direction:column;gap:.875rem}
.sp-ic-benefit{display:flex;gap:.75rem;align-items:flex-start}
.sp-ic-benefit__icon{font-size:1rem;color:var(--gold);flex-shrink:0;margin-top:.1rem;opacity:.7}
.sp-ic-benefit__label{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.1rem}
.sp-ic-benefit__desc{font-size:.75rem;color:var(--muted);line-height:1.5}
.sp-ic-preview__lock{margin-top:1.25rem;padding-top:.875rem;border-top:1px solid var(--line)}
.sp-ic-preview__lock-note{font-size:.78rem;color:var(--muted);text-align:center;font-style:italic}
.sp-portal__recovery{display:block;text-align:center;font-size:.75rem;color:rgba(248,245,236,.45);text-decoration:none;margin:.5rem 0 .25rem;letter-spacing:.02em;transition:color 180ms}
.sp-portal__recovery:hover{color:rgba(248,245,236,.75)}
.space-tabs-wrap{position:relative}
.space-tabs-wrap::after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--bg,#f8f5ec));pointer-events:none;z-index:1}
html[data-theme="dark"] .space-tabs-wrap::after{background:linear-gradient(to right,transparent,var(--emerald-deep,#012f2c))}
.sp-msg-hist-item--abdan{background:rgba(197,161,59,.08);border-left:2.5px solid rgba(197,161,59,.5)}
.sp-msg-hist-item--system{background:rgba(2,61,58,.05);text-align:center;font-style:italic;border:1px dashed rgba(2,61,58,.15)}
.sp-msg-hist-item--customer{background:var(--card-bg)}
.sp-msg-hist-sender{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.25rem;font-style:normal}
.sp-req-status--done{background:rgba(2,61,58,.08);color:var(--emerald);border-color:rgba(2,61,58,.2)}
.sp-req-complete{background:linear-gradient(135deg,rgba(2,61,58,.06),rgba(197,161,59,.06));border:1px solid rgba(197,161,59,.25);border-radius:.75rem;padding:1rem;margin-top:.875rem;text-align:center}
.sp-req-complete__title{font-family:var(--font-display,"Libre Baskerville",serif);font-size:.95rem;color:var(--text);margin-bottom:.3rem}
.sp-req-complete__sub{font-size:.78rem;color:var(--muted);margin-bottom:.75rem;line-height:1.5}
.sp-req-complete__cta{background:transparent;border:1px solid var(--emerald);color:var(--emerald);font-size:.78rem;padding:.45rem 1rem;border-radius:999px;cursor:pointer;transition:all 180ms}
.sp-req-complete__cta:hover{background:var(--emerald);color:#f8f5ec}
.sp-wardrobe-section{margin-bottom:.75rem}
.sp-wardrobe-section__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.2rem}
.sp-wardrobe-section__sub{font-size:.75rem;color:var(--muted);opacity:.7;margin-bottom:.75rem}
.sp-rec-cols{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.5rem}
.sp-rec-col{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.875rem;padding:.875rem;cursor:pointer;text-align:left;transition:transform 200ms,box-shadow 200ms}
.sp-rec-col:active{transform:scale(.97)}
.sp-rec-col__icon{font-size:1.1rem;color:var(--gold);opacity:.7}
.sp-rec-col__title{font-family:var(--font-display,"Libre Baskerville",serif);font-size:.85rem;color:var(--text)}
.sp-rec-col__desc{font-size:.68rem;color:var(--muted)}
html[data-theme="dark"] .sp-req-upload-btn{border-color:rgba(248,245,236,.15);color:rgba(248,245,236,.5)}
html[data-theme="dark"] .sp-req-form,html[data-theme="dark"] .sp-moments-form{background:rgba(248,245,236,.04)}
html[data-theme="dark"] .sp-moments-cat,html[data-theme="dark"] .sp-moments-title,html[data-theme="dark"] .sp-moments-note,html[data-theme="dark"] .sp-req-desc,html[data-theme="dark"] .sp-req-occ,html[data-theme="dark"] .sp-req-budget{background:rgba(248,245,236,.06);border-color:rgba(248,245,236,.12);color:rgba(248,245,236,.9)}
html[data-theme="dark"] .sp-req-item,html[data-theme="dark"] .sp-moment-item{background:rgba(248,245,236,.05)}
html[data-theme="dark"] .sp-tier-display{background:linear-gradient(135deg,rgba(197,161,59,.08),rgba(248,245,236,.03))}
html[data-theme="dark"] .sp-ic-preview{background:rgba(248,245,236,.04);border-color:rgba(248,245,236,.1)}
html[data-theme="dark"] .sp-action-card{background:rgba(248,245,236,.05);border-color:rgba(248,245,236,.08)}
html[data-theme="dark"] .sp-rec-col{background:rgba(248,245,236,.05);border-color:rgba(248,245,236,.08)}
html[data-theme="dark"]{--muted:rgba(220,213,200,.56);--text:rgba(247,241,228,.92)}
html[data-theme="dark"] .sp-section-kicker,html[data-theme="dark"] .sp-section-sub,html[data-theme="dark"] .sp-recently__kicker,html[data-theme="dark"] .sp-wardrobe-section__label,html[data-theme="dark"] .sp-wardrobe-section__sub,html[data-theme="dark"] .sp-req-meta,html[data-theme="dark"] .sp-profile-hero__since,html[data-theme="dark"] .sp-req-date,html[data-theme="dark"] .sp-moment-item__date,html[data-theme="dark"] .sp-moment-item__note,html[data-theme="dark"] .sp-ic-benefit__desc,html[data-theme="dark"] .sp-rec-col__desc,html[data-theme="dark"] .sp-recently__price,html[data-theme="dark"] .sp-action-card__desc,html[data-theme="dark"] .sp-tier-display__next,html[data-theme="dark"] .sp-membership-hero__next,html[data-theme="dark"] .sp-empty-note,html[data-theme="dark"] .sp-conv-bubble__time,html[data-theme="dark"] .sp-msg-hist-time,html[data-theme="dark"] .space-browse-cta__text,html[data-theme="dark"] .sp-ic-preview__lock-note{color:rgba(220,213,200,.58)}
html[data-theme="dark"] .sp-req-desc-text,html[data-theme="dark"] .sp-moment-item__title,html[data-theme="dark"] .sp-conv-bubble__text,html[data-theme="dark"] .sp-msg-hist-text,html[data-theme="dark"] .sp-recently__name,html[data-theme="dark"] .sp-action-card__title,html[data-theme="dark"] .sp-rec-col__title,html[data-theme="dark"] .sp-settings-item__label,html[data-theme="dark"] .sp-profile-hero__name,html[data-theme="dark"] .sp-tier-display__name,html[data-theme="dark"] .sp-ic-benefit__label,html[data-theme="dark"] .sp-ic-preview__tagline,html[data-theme="dark"] .sp-wardrobe-head__title,html[data-theme="dark"] .sp-req-empty__title,html[data-theme="dark"] .space-section-heading,html[data-theme="dark"] .sp-req-empty__sub{color:rgba(247,241,228,.88)}
html[data-theme="dark"] .ec-card__verse,html[data-theme="dark"] .wsy-quote__text,html[data-theme="dark"] .editorial-panel p,html[data-theme="dark"] .sp-ic-preview__tagline{color:rgba(247,241,228,.74)}
.space-tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.space-tab{scroll-snap-align:start;flex-shrink:0}
html[data-route="your-space"] #account{overflow-x:hidden}
.sp-section-wrap,.sp-home,.sp-moments-form,.sp-req-form,.sp-req-list,.sp-moments-list,.sp-ic-benefits,.sp-settings-list{max-width:100%;overflow-x:hidden;box-sizing:border-box}
.sp-recently__list{max-width:calc(100vw - 2rem)}
.sp-req-tl{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sp-req-tl::-webkit-scrollbar{display:none}
html[data-theme="dark"] .sp-req-item,html[data-theme="dark"] .sp-moment-item{background:rgba(230,220,200,.04);border-color:rgba(230,220,200,.1)}
html[data-theme="dark"] .space-saved-card{background:rgba(10,33,31,.9);border-color:rgba(230,220,200,.1)}
html[data-theme="dark"] .sp-settings-item{color:rgba(247,241,228,.88);border-color:rgba(230,220,200,.12)}
html[data-theme="dark"] .sp-settings-item svg{stroke:rgba(230,220,200,.45)}
html[data-theme="dark"] .sp-membership-hero{background:linear-gradient(135deg,rgba(197,161,59,.1),rgba(247,241,228,.04))}
html[data-theme="dark"] .sp-recently__thumb{background:rgba(230,220,200,.06)}
html[data-theme="dark"] .sp-profile-hero__tier{background:rgba(197,161,59,.15);border-color:rgba(197,161,59,.35)}
html[data-theme="dark"] .sp-profile-hero__pts{color:rgba(220,213,200,.65)}
html[data-theme="dark"] .sp-tier-display__pts{color:#C8A84E}
html[data-theme="dark"] .sp-section-kicker{color:rgba(200,168,78,.7)}
html[data-route="your-space"] .support-pill{display:none!important}
@media(max-width:767px){.support-pill{bottom:max(4.5rem,env(safe-area-inset-bottom))}}
/* Hide storefront sections but KEEP #account (the dashboard lives inside <main>) */
html[data-route="your-space"] main > *:not(#account){display:none!important}
/* Hide body-level storefront siblings (footer, etc.) so nothing bleeds behind the overlay */
html[data-route="your-space"] .site-footer,
html[data-route="your-space"] .footer-emotional-close{display:none!important}
html[data-route="your-space"] body{overscroll-behavior:none;-webkit-overflow-scrolling:initial}
/* content-visibility:visible removes the containing block that content-visibility:auto
   (from .account-section perf rule) created — otherwise the floating nav's
   position:fixed anchors to #account and scrolls with content instead of the viewport. */
html[data-route="your-space"] #account{isolation:isolate;overscroll-behavior:none;content-visibility:visible}
html[data-route="your-space"] .product-sheet,html[data-route="your-space"] .teaser-modal{z-index:3500!important}
html[data-route="your-space"] .cart-drawer{z-index:3400!important}
html[data-route="your-space"] #abdan-toast,html[data-route="your-space"] .s-toast{z-index:3600!important}
html[data-route="your-space"] #lxEntry{z-index:0!important;display:none!important}
html[data-route="your-space"] #spaceAuthPortal{z-index:10100!important}
html[data-route="your-space"] #account .container{padding-bottom:5rem}
/* Mobile overflow fix: .space-dashboard is display:grid; its auto column
   sized to the flex-nowrap header's wide min-content, blowing the layout
   to ~1174px (clipped by overflow-x:hidden). minmax(0,1fr) caps the track
   to the container so all dashboard content stays within the viewport. */
html[data-route="your-space"] .space-dashboard{grid-template-columns:minmax(0,1fr)}
html[data-route="your-space"] .space-dash-head{min-width:0;flex-wrap:wrap}
html[data-route="your-space"] .space-dash-head__identity{min-width:0}
.ys-bottom-nav{display:none;position:sticky;bottom:0;z-index:100;background:var(--bg);border-top:1px solid var(--line);padding:0.35rem 0 max(0.5rem,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr)}
html[data-route="your-space"] .ys-bottom-nav{display:grid!important}
.ys-bnav-btn{display:flex;flex-direction:column;align-items:center;gap:0.2rem;background:transparent;border:none;cursor:pointer;color:var(--muted);font-family:var(--font-body,"Open Sans",sans-serif);font-size:.6rem;letter-spacing:.04em;padding:.35rem .25rem;transition:color 180ms;-webkit-tap-highlight-color:transparent}
.ys-bnav-btn svg{opacity:.7;transition:opacity 180ms}
.ys-bnav-btn.is-active{color:var(--emerald,#023d3a)}
.ys-bnav-btn.is-active svg{opacity:1}
html[data-theme="dark"] .ys-bnav-btn{color:rgba(220,213,200,.45)}
html[data-theme="dark"] .ys-bnav-btn.is-active{color:var(--gold,#c5a13b)}
html[data-theme="dark"] .ys-bottom-nav{background:var(--bg);border-top-color:rgba(230,220,200,.1)}
@media(min-width:768px){.ys-bottom-nav{display:none!important}}
.ys-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem 0 1rem}
.ys-discover-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;overflow:hidden;cursor:pointer;transition:transform 220ms cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}
.ys-discover-card:active{transform:scale(.97)}
.ys-discover-card__img{aspect-ratio:3/4;overflow:hidden}
.ys-discover-card__img img{width:100%;height:100%;object-fit:cover}
.ys-discover-card__body{padding:.75rem .875rem .875rem}
.ys-discover-card__name{font-family:var(--font-display,"Libre Baskerville",serif);font-size:.88rem;color:var(--text);line-height:1.3;margin-bottom:.2rem}
.ys-discover-card__price{font-size:.75rem;color:var(--muted)}
html[data-theme="dark"] .ys-discover-card{background:rgba(10,33,31,.84);border-color:rgba(230,220,200,.1)}
/* Theme atmosphere-shift — smooth surface/color interpolation on theme change.
   Scoped to non-interactive surfaces so hover/press transitions stay snappy. */
@media (prefers-reduced-motion: no-preference) {
  .site-footer,
  .ec-card__body,
  .editorial-panel,
  .space-saved-card,
  .sp-req-item,.sp-moment-item,
  .sp-action-card,.sp-rec-col,
  .sp-tier-display,.sp-ic-preview,
  .sp-conv-group,
  .ys-discover-card,
  .sp-membership-hero {
    transition: background-color 620ms cubic-bezier(0.4,0,0.2,1),
                border-color 620ms cubic-bezier(0.4,0,0.2,1),
                color 480ms cubic-bezier(0.4,0,0.2,1);
  }
  body.page-ready {
    transition: opacity 540ms var(--ease-out),
                background-color 620ms cubic-bezier(0.4,0,0.2,1);
  }
}
/* ═══ RC-4 — Customer Experience Final Polish ═══ */

/* --- Audit fixes: dark-mode contrast --- */
/* UI-H01: topbar back button invisible in dark (emerald on near-black) */
html[data-theme="dark"] .ys-topbar__back{color:var(--gold,#c5a13b)}
html[data-theme="dark"] .ys-topbar__back svg{stroke:var(--gold,#c5a13b)}
/* UI-M01: action-card icons too dark in dark mode */
html[data-theme="dark"] .sp-action-card__sym{color:var(--gold,#c5a13b);opacity:.75}
/* UI-M02: saved-card remove ✕ black on dark */
html[data-theme="dark"] .space-saved-card__remove{color:rgba(230,223,203,.62)}
html[data-theme="dark"] .space-saved-card__remove svg{stroke:rgba(230,223,203,.62)}
/* UI-M04: Pause My Space too faint */
html[data-theme="dark"] .space-leave-btn{color:rgba(230,223,203,.62)}
/* UI-L03: Save Moment / primary buttons inside dark surfaces keep readable text */
html[data-theme="dark"] .sp-moments-form .primary-button,
html[data-theme="dark"] .sp-req-form .primary-button{color:#fff}

/* UI-L01: request timeline scroll-cue fade */
.sp-req-tl{position:relative}
.sp-req-tl::after{content:"";position:absolute;right:0;top:0;bottom:0;width:28px;background:linear-gradient(to right,transparent,var(--bg,#f8f5ec));pointer-events:none}
html[data-theme="dark"] .sp-req-tl::after{background:linear-gradient(to right,transparent,var(--bg,#091010))}

/* UI-L02: tab count badge — keep visible inline (now also mirrored in nav) */
.space-tab__count{flex-shrink:0}

/* --- Replace 12-tab model: hide top strip on mobile, floating nav is primary --- */
@media (max-width:767px){
  html[data-route="your-space"] .space-tabs-wrap{display:none!important}
}

/* --- Secondary navigation hub (inside Profile) --- */
.sp-secondary-nav{margin-bottom:1.5rem}
.sp-secondary-grid{display:flex;flex-direction:column;gap:.25rem}
.sp-secondary-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem .25rem;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text);font-family:var(--font-body,"Open Sans",sans-serif);font-size:.9rem;cursor:pointer;text-align:left;transition:opacity 160ms}
.sp-secondary-item:last-child{border-bottom:none}
.sp-secondary-item:active{opacity:.6}
.sp-secondary-item__icon{font-size:1rem;color:var(--gold,#c5a13b);width:1.4rem;text-align:center;flex-shrink:0}
.sp-secondary-item__label{flex:1}
.sp-secondary-item svg{color:var(--muted);opacity:.5}
html[data-theme="dark"] .sp-secondary-item{color:rgba(247,241,228,.88);border-color:rgba(230,220,200,.12)}
html[data-theme="dark"] .sp-secondary-item__icon{color:var(--gold,#c5a13b)}

/* --- Phil Murphy floating glass nav (mobile only) --- */
@media (max-width:767px){
  html[data-route="your-space"] .ys-bottom-nav{
    position:fixed;
    left:50%;
    bottom:max(0.9rem, env(safe-area-inset-bottom));
    transform:translateX(-50%);
    width:auto;
    max-width:calc(100vw - 1.5rem);
    display:flex!important;
    gap:0.25rem;
    padding:0.5rem 0.6rem;
    border-radius:999px;
    background:rgba(248,245,236,0.72);
    -webkit-backdrop-filter:saturate(140%) blur(18px);
    backdrop-filter:saturate(140%) blur(18px);
    border:1px solid rgba(2,61,58,0.10);
    box-shadow:0 12px 40px rgba(18,31,29,0.18);
    z-index:120;
    transition:transform 420ms cubic-bezier(0.4,0,0.2,1),
               opacity 360ms cubic-bezier(0.4,0,0.2,1);
  }
  html[data-route="your-space"] .ys-bottom-nav.is-hidden{
    transform:translateX(-50%) translateY(140%);
    opacity:0;
    pointer-events:none;
  }
  html[data-theme="dark"][data-route="your-space"] .ys-bottom-nav{
    background:rgba(7,28,26,0.72);
    border-color:rgba(197,161,59,0.18);
    box-shadow:0 12px 44px rgba(0,0,0,0.45);
  }
  .ys-bnav-btn{
    flex:0 0 auto;
    min-width:3.4rem;
    padding:0.4rem 0.55rem;
    border-radius:999px;
    gap:0.15rem;
    transition:color 200ms, background 200ms;
  }
  /* Light mode: emerald active */
  .ys-bnav-btn.is-active{color:var(--emerald,#023d3a);background:rgba(2,61,58,0.07)}
  /* Dark mode: gold active */
  html[data-theme="dark"] .ys-bnav-btn{color:rgba(230,223,203,0.55)}
  html[data-theme="dark"] .ys-bnav-btn.is-active{color:var(--gold,#c5a13b);background:rgba(197,161,59,0.12)}
}
/* extra bottom padding so content clears the floating pill */
@media (max-width:767px){
  html[data-route="your-space"] #account .container{padding-bottom:6rem}
}
@media (prefers-reduced-motion:reduce){
  html[data-route="your-space"] .ys-bottom-nav{transition:none!important}
}
/* RC-4b: Pause My Space / Sign Out relocated from header into Profile */
html[data-route="your-space"] .space-leave-wrap{display:none!important}
.sp-profile-signout{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.sp-profile-signout .secondary-button{font-size:.85rem}
.sp-signout-text{background:transparent;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;padding:.2rem 0;letter-spacing:.03em;opacity:.7;transition:opacity 180ms}
.sp-signout-text:hover{opacity:1}
html[data-theme="dark"] .sp-profile-signout{border-top-color:rgba(230,220,200,.12)}
html[data-theme="dark"] .sp-signout-text{color:rgba(230,223,203,.6)}
/* Dark-mode text-visibility fixes (storefront):
   1) .promise-band blockquote — its dark rule set only text-shadow, not color,
      so the "Modest fashion can feel emotional…" quote stayed dark-on-dark.
   2) .story-card h3 — an earlier light-mode rule out-cascaded the dark override. */
html[data-theme="dark"] .promise-band blockquote,
html[data-theme="dark"] .promise-band__inner blockquote {
  color: rgba(230, 223, 203, 0.90) !important;
}
html[data-theme="dark"] #wsy .story-card h3,
html[data-theme="dark"] .story-card h3 {
  color: #F0E9D6 !important;
}

/* ── Container audit fix (RC-6): align edge-to-edge content bands to the
   canonical 16px mobile gutter used by .section-frame sections. Placed at
   EOF so it wins over the base `.ec-section`/`.promise-trust-strip` padding
   shorthand. Background bleeds stay full-width; only inner content is inset
   so section left/right edges line up consistently while scrolling.        */
@media (max-width: 767px) {
  .ec-section,
  .promise-trust-strip {
    padding-inline: 16px;
  }
}

/* ── Accent bands (RC-7): trust-rail & promise-band are intentional editorial
   accents, kept deliberately wider than the standard 34px content column but
   no longer full-bleed. A mobile-only 8px inline padding seats them ~8px wider
   than standard on each side — landing ~24-28px from the edge (22 @320, 26 @390,
   28 @430). Subtle, grid-aligned hierarchy; not uniformity, not detached.     */
@media (max-width: 767px) {
  .trust-rail,
  .promise-band {
    padding-inline: 8px;
  }
}

/* ════════════════════════════════════════════════════════════════════
   RC-8 — Targeted layout corrections (QA screenshots)
   1) Floating nav: center orb icons; stop "Your Space" clipping
   2) Mood editorial: restore visible container on desktop
   3) Her Story cards: equal height
   5) Her Circle: give side testimonials a card container + equal height
   (Issue 4 "remove quote ornament" handled in index.html markup.)
   ════════════════════════════════════════════════════════════════════ */

/* 1a — orb buttons (theme toggle, cart): center the glyph inside the circle */
.orb-button {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
}

/* 1b — desktop floating nav: tighten link spacing so all items (incl.
   "Your Space") fit inside the pill without overflow/clipping. */
@media (min-width: 1024px) {
  .site-header.is-scrolled .bottom-dock { gap: 2px !important; }
  .site-header.is-scrolled .bottom-dock .dock-link {
    padding-left:  10px !important;
    padding-right: 10px !important;
  }
}

/* 3 — Her Story cards: equal height across the row */
.story-grid { align-items: stretch !important; }
.story-card { height: 100% !important; }

/* 5 — Her Circle: side (non-featured) testimonials were stripped of card
   styling. Restore a contained light card so all three read as cards, and
   stretch the row so the trio is uniform. Featured stays emerald-emphasised. */
.testimonial-grid { align-items: stretch !important; }
.testimonial-card:not(.testimonial-card--featured) {
  background:      var(--card-bg) !important;
  border:          1px solid var(--line) !important;
  box-shadow:      0 2px 20px rgba(0, 0, 0, 0.055) !important;
  border-radius:   var(--radius-xl) !important;
  padding:         clamp(1.6rem, 3vh, 2.2rem) clamp(1.4rem, 3vw, 2rem) !important;
  backdrop-filter: none !important;
  height:          100% !important;
}

/* 2 — Mood editorial ("For Slower Mornings"): the desktop layout stripped
   the card, leaving the copy reading as loose, uncontained text. Restore the
   visible container (matches its mobile treatment) so the content sits inside
   a defined box. Grid columns are fr-based and reflow within the padding. */
@media (min-width: 1024px) {
  #moodEditorial.mood-editorial,
  .mood-editorial {
    background:    var(--paper-soft) !important;
    border:        1px solid var(--line) !important;
    border-radius: var(--radius-lg) !important;
    padding:       clamp(1.5rem, 2.4vw, 1.9rem) clamp(1.6rem, 2.6vw, 2rem) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   RC-9 — Your Space teaser: editorial image as the section background.
   The gift visual now fills the entry panel; the heading/copy/actions and
   the four feature cards layer on top over a legibility scrim.
   ════════════════════════════════════════════════════════════════════ */
.space-entry-grid {
  position:      relative;
  overflow:      hidden;
  border-radius: var(--radius-xl, 1.25rem);
  padding:       clamp(1.75rem, 4vw, 3.25rem);
  min-height:    clamp(460px, 64vh, 680px);
  align-items:   center;
  isolation:     isolate;
}
.space-entry-grid > .space-editorial,
.space-entry-grid > .account-features {
  position: relative;
  z-index:  1;
}
/* background image layer */
.space-entry-grid > .space-gift-visual {
  position:      absolute !important;
  inset:         0;
  margin:        0 !important;
  padding:       0;
  z-index:       0;
  border-radius: inherit;
  overflow:      hidden;
}
.space-entry-grid > .space-gift-visual img {
  width:           100% !important;
  height:          100% !important;
  aspect-ratio:    auto !important;
  object-fit:      cover;
  object-position: center 22%;
  opacity:         1 !important;
  border-radius:   0 !important;
  box-shadow:      none !important;
}
.space-entry-grid > .space-gift-visual img:hover { transform: none; }
/* legibility scrim — localised wash behind the top-left copy that falls off
   quickly so the photograph reads through the centre, lower-left figure, and
   the right (behind the glass cards, which carry their own legibility). */
.space-entry-grid > .space-gift-visual::after {
  content:    "";
  position:   absolute;
  inset:      0;
  background: linear-gradient(
    105deg,
    rgba(244, 239, 228, 0.82) 0%,
    rgba(244, 239, 228, 0.62) 24%,
    rgba(244, 239, 228, 0.30) 50%,
    rgba(244, 239, 228, 0.10) 74%,
    rgba(244, 239, 228, 0.04) 100%
  );
}
html[data-theme="dark"] .space-entry-grid > .space-gift-visual::after {
  background: linear-gradient(
    105deg,
    rgba(4, 18, 17, 0.80) 0%,
    rgba(4, 18, 17, 0.60) 26%,
    rgba(4, 18, 17, 0.34) 52%,
    rgba(4, 18, 17, 0.12) 76%,
    rgba(4, 18, 17, 0.05) 100%
  );
}
/* feature cards: glass over a now-more-visible photo — keep them readable */
.space-entry-grid .feature-card {
  background:               color-mix(in srgb, var(--surface-soft, #ffffff) 92%, transparent) !important;
  backdrop-filter:          blur(8px);
  -webkit-backdrop-filter:  blur(8px);
  border-color:             color-mix(in srgb, var(--line) 70%, transparent) !important;
}

/* ════════════════════════════════════════════════════════════════════
   RC-10 — Premium Savings & Benefits System (Phase 1: pricing, badges,
   transparency). Editorial language only — never sale/deal styling.
   ════════════════════════════════════════════════════════════════════ */
/* Product card price with compare-at saving */
.product-card__price-soft--saver {
  display:        flex;
  flex-direction: column;
  gap:            0.08rem;
  line-height:    1.22;
}
.product-card__price-soft--saver .price-was {
  font-size:               0.72em;
  color:                   var(--text-soft);
  text-decoration:         line-through;
  text-decoration-thickness: 1px;
  opacity:                 0.7;
}
.product-card__price-soft--saver .price-now { font-weight: 600; }
.product-card__price-soft--saver .price-save {
  font-size:      0.62em;
  letter-spacing: 0.03em;
  color:          var(--gold, #c5a13b);
}
/* Editorial badge chip */
.abdan-badge {
  display:        inline-block;
  font-size:      0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding:        0.3em 0.72em;
  border-radius:  999px;
  border:         1px solid color-mix(in srgb, var(--gold, #c5a13b) 42%, transparent);
  color:          var(--gold, #c5a13b);
  background:     color-mix(in srgb, var(--gold, #c5a13b) 8%, transparent);
  white-space:    nowrap;
}
.abdan-badge--card  { align-self: flex-start; margin: 0 0 0.45rem; }
.abdan-badge--sheet { margin-left: 0.6rem; vertical-align: middle; }
/* Product page savings + transparency block */
.product-price.is-saver { margin-bottom: 0.55rem; }
.product-savings { margin: 0.3rem 0 1.1rem; }
.product-savings__rows {
  display:       grid;
  gap:           0.42rem;
  max-width:     23rem;
  padding:       0.95rem 1.15rem;
  border:        1px solid var(--line);
  border-radius: var(--radius-lg, 1rem);
  background:    color-mix(in srgb, var(--gold, #c5a13b) 4%, transparent);
}
.product-savings__row {
  display:         flex;
  justify-content: space-between;
  align-items:     baseline;
  gap:             1rem;
  font-size:       0.92rem;
  color:           var(--text-soft);
}
.product-savings__was { text-decoration: line-through; opacity: 0.7; }
.product-savings__now { color: var(--text-main); font-weight: 600; }
.product-savings__row--accent { color: var(--text-main); }
.product-savings__row--accent strong { color: var(--gold, #c5a13b); font-weight: 700; }

/* RC-10 Phase 2 — Savings visibility (cart / checkout / order confirmation).
   Quiet, editorial — gold accent, never a discount-banner. */
.drawer-savings {
  display:         flex;
  justify-content: space-between;
  align-items:     baseline;
  margin-bottom:   0.5rem;
  font-size:       0.92rem;
  color:           var(--gold, #c5a13b);
}
.drawer-savings strong { font-weight: 700; }
.checkout-savings {
  margin-top:     0.5rem;
  font-size:      0.9rem;
  letter-spacing: 0.01em;
  color:          var(--gold, #c5a13b);
}
.cart-success__savings {
  margin:        0.4rem 0 0.2rem;
  font-family:   var(--font-editorial, inherit);
  font-style:    italic;
  font-size:     1.02rem;
  color:         var(--gold, #c5a13b);
}

/* RC-10 Phase 4 — Your Space "My Savings" + Circle Benefits.
   Calm editorial cards, gold accent; deliberately not gamified. */
.sp-savings { margin: 1.5rem 0; }
.sp-savings__kicker {
  font-size:      0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color:          var(--text-soft);
  margin:         0 0 0.9rem;
}
.sp-savings__grid {
  display:               grid;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  gap:                   0.8rem;
}
.sp-savings__card {
  display:        flex;
  flex-direction: column;
  gap:            0.3rem;
  padding:        1.1rem 1rem;
  border:         1px solid var(--line);
  border-radius:  var(--radius-lg, 1rem);
  background:     color-mix(in srgb, var(--gold, #c5a13b) 3%, transparent);
}
.sp-savings__card--lifetime {
  background:   color-mix(in srgb, var(--gold, #c5a13b) 9%, transparent);
  border-color: color-mix(in srgb, var(--gold, #c5a13b) 32%, transparent);
}
.sp-savings__value {
  font-family:    var(--font-display, inherit);
  font-size:      1.5rem;
  font-weight:    500;
  letter-spacing: -0.02em;
  color:          var(--text-main);
}
.sp-savings__label {
  font-size:      0.74rem;
  letter-spacing: 0.06em;
  color:          var(--text-soft);
}
.sp-circle-benefit {
  margin-top:    1rem;
  padding:       1.4rem 1.5rem;
  border-radius: var(--radius-lg, 1rem);
  border:        1px solid color-mix(in srgb, var(--gold, #c5a13b) 28%, transparent);
  background:    color-mix(in srgb, var(--gold, #c5a13b) 6%, transparent);
  text-align:    center;
}
.sp-circle-benefit__label {
  font-size:      0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color:          var(--text-soft);
  margin:         0 0 0.4rem;
}
.sp-circle-benefit__value {
  font-family:    var(--font-display, inherit);
  font-size:      2.1rem;
  font-weight:    500;
  letter-spacing: -0.02em;
  color:          var(--gold, #c5a13b);
  margin:         0;
}
.sp-circle-benefit__note {
  font-family: var(--font-editorial, inherit);
  font-style:  italic;
  font-size:   0.9rem;
  color:       var(--text-soft);
  margin:      0.5rem 0 0;
}

/* RC-10 — Live coupon application in the cart drawer (quiet, editorial). */
.drawer-coupon {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}
.drawer-coupon__input {
  flex: 1;
  min-width: 0;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 0.6rem);
  background: var(--surface, transparent);
  color: var(--text-main);
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
.drawer-coupon__input::placeholder { color: var(--text-soft); letter-spacing: 0; }
.drawer-coupon__apply {
  flex: 0 0 auto;
  padding: 0.6rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--gold, #c5a13b) 45%, transparent);
  border-radius: var(--radius-md, 0.6rem);
  background: color-mix(in srgb, var(--gold, #c5a13b) 10%, transparent);
  color: var(--gold, #c5a13b);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
.drawer-coupon__msg { margin: 0 0 0.6rem; font-size: 0.8rem; }
.drawer-coupon__msg--ok  { color: var(--gold, #c5a13b); }
.drawer-coupon__msg--err { color: color-mix(in srgb, #b4452f 80%, var(--text-main)); }
.drawer-savings--applied {
  color: var(--text-main);
  position: relative;
}
.drawer-savings--applied strong { color: var(--gold, #c5a13b); }
.drawer-coupon__remove {
  border: none;
  background: none;
  color: var(--text-soft);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 0.4rem;
  margin-right: auto;
}

/* ════════════════════════════════════════════════════════════════════
   MY WARDROBE — personal fashion archive (additive). Editorial, portrait,
   cinematic spacing, soft transitions. Lives in the Your Space saved panel.
   ════════════════════════════════════════════════════════════════════ */
.ward-head { margin: 0.5rem 0 1.4rem; }
.ward-head__kicker {
  font-size: 0.7rem; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--gold, #c5a13b); margin: 0 0 0.5rem;
}
.ward-head__title {
  font-family: var(--font-display, serif); font-weight: 500;
  font-size: clamp(1.7rem, 6vw, 2.3rem); letter-spacing: -0.02em;
  margin: 0 0 0.5rem; color: var(--text-main);
}
.ward-head__intro {
  font-family: var(--font-editorial, serif); font-style: italic;
  font-size: 0.98rem; line-height: 1.5; color: var(--text-soft); margin: 0; max-width: 34rem;
}
.ward-subnav {
  display: flex; gap: 0.4rem; overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem; margin-bottom: 1.4rem;
  border-bottom: 1px solid var(--line); scrollbar-width: none;
}
.ward-subnav::-webkit-scrollbar { display: none; }
.ward-subnav__btn {
  flex: 0 0 auto; border: none; background: none; cursor: pointer;
  font-size: 0.82rem; letter-spacing: 0.04em; color: var(--text-soft);
  padding: 0.5rem 0.85rem; border-radius: 999px; white-space: nowrap;
  transition: color 240ms ease, background 240ms ease;
}
.ward-subnav__btn.is-active {
  color: var(--text-main);
  background: color-mix(in srgb, var(--gold, #c5a13b) 12%, transparent);
}
.ward-body { animation: wardFade 360ms ease; }
@keyframes wardFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ward-body { animation: none; } }
.ward-section { margin: 0 0 2rem; }
.ward-section__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.ward-section__label {
  font-family: var(--font-display, serif); font-size: 1.15rem; font-weight: 500;
  letter-spacing: -0.01em; color: var(--text-main); margin: 0 0 0.2rem;
}
.ward-section__sub { font-size: 0.82rem; color: var(--text-soft); margin: 0 0 1rem; }
.ward-grid {
  display: grid; gap: clamp(0.7rem, 2.5vw, 1.1rem);
  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
}
.ward-piece {
  display: flex; flex-direction: column; border-radius: var(--radius-lg, 1rem);
  overflow: hidden; background: color-mix(in srgb, var(--gold, #c5a13b) 3%, transparent);
  border: 1px solid var(--line); transition: transform 320ms cubic-bezier(0.16,1,0.3,1), box-shadow 320ms ease;
}
.ward-piece:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }
.ward-piece__img { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.ward-piece__img img { width: 100%; height: 100%; object-fit: cover; }
.ward-piece__ph { width: 100%; height: 100%; background: linear-gradient(135deg, color-mix(in srgb, var(--gold,#c5a13b) 8%, transparent), transparent); }
.ward-piece__body { padding: 0.7rem 0.8rem 0.85rem; }
.ward-piece__name { font-size: 0.85rem; line-height: 1.3; color: var(--text-main); margin: 0; }
.ward-piece__price { font-size: 0.78rem; color: var(--text-soft); margin: 0.25rem 0 0; }
.ward-fav {
  position: absolute; top: 0.5rem; right: 0.5rem; width: 2rem; height: 2rem;
  border-radius: 50%; border: none; cursor: pointer; font-size: 1rem; line-height: 1;
  display: grid; place-items: center; color: var(--gold, #c5a13b);
  background: color-mix(in srgb, #fff 78%, transparent); backdrop-filter: blur(6px);
  transition: transform 220ms ease;
}
.ward-fav:hover { transform: scale(1.1); }
.ward-fav.is-fav { background: var(--gold, #c5a13b); color: #fff; }
.ward-fav.is-remove { color: var(--text-soft); font-size: 1.1rem; }
.ward-add-btn {
  flex: 0 0 auto; border: 1px solid color-mix(in srgb, var(--gold,#c5a13b) 40%, transparent);
  background: color-mix(in srgb, var(--gold,#c5a13b) 8%, transparent); color: var(--gold,#c5a13b);
  border-radius: 999px; padding: 0.45rem 0.95rem; font-size: 0.78rem; letter-spacing: 0.03em; cursor: pointer;
  transition: background 240ms ease;
}
.ward-add-btn:hover { background: color-mix(in srgb, var(--gold,#c5a13b) 16%, transparent); }
.ward-form {
  display: flex; flex-direction: column; gap: 0.6rem; margin: 0 0 1.2rem;
  padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-lg, 1rem);
  background: color-mix(in srgb, var(--gold,#c5a13b) 3%, transparent);
}
.ward-input {
  padding: 0.6rem 0.8rem; border: 1px solid var(--line); border-radius: 0.6rem;
  background: var(--surface, transparent); color: var(--text-main); font-size: 0.88rem; width: 100%;
}
.ward-upload {
  display: inline-block; text-align: center; cursor: pointer;
  padding: 0.6rem 0.8rem; border: 1px dashed color-mix(in srgb, var(--gold,#c5a13b) 45%, transparent);
  border-radius: 0.6rem; color: var(--gold,#c5a13b); font-size: 0.82rem;
}
.ward-form__hint { font-size: 0.74rem; color: var(--text-soft); }
.ward-save-btn {
  align-self: flex-start; border: none; cursor: pointer; border-radius: 999px;
  padding: 0.55rem 1.3rem; font-size: 0.8rem; letter-spacing: 0.04em;
  background: var(--emerald, #023d3a); color: #fff; transition: opacity 220ms ease;
}
.ward-save-btn:disabled { opacity: 0.45; cursor: default; }
.ward-looks, .ward-gallery {
  display: grid; gap: clamp(0.7rem, 2.5vw, 1.1rem);
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
}
.ward-look { border-radius: var(--radius-lg, 1rem); overflow: hidden; border: 1px solid var(--line); background: var(--surface, transparent); }
.ward-look__img, .ward-mem { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.ward-look__img img, .ward-mem img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ward-look__tag {
  position: absolute; left: 0.6rem; bottom: 0.6rem; font-size: 0.66rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: #fff; background: color-mix(in srgb, var(--emerald,#023d3a) 80%, transparent);
  padding: 0.25rem 0.6rem; border-radius: 999px; backdrop-filter: blur(4px);
}
.ward-look__note { font-size: 0.8rem; color: var(--text-soft); margin: 0.5rem 0.7rem 0.8rem; font-style: italic; }
.ward-mem { border-radius: var(--radius-lg, 1rem); border: 1px solid var(--line); }
.ward-mem__cap {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 1.2rem 0.6rem 0.5rem;
  font-size: 0.7rem; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,0.6));
}
.ward-mem__type { font-weight: 600; letter-spacing: 0.04em; }
.ward-private { font-size: 0.66rem; color: var(--text-soft); letter-spacing: 0.04em; }
.ward-pairings, .ward-notes { display: grid; gap: 0.8rem; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); }
.ward-pairing, .ward-note {
  position: relative; padding: 1.1rem 1.2rem; border-radius: var(--radius-lg, 1rem);
  border: 1px solid var(--line); background: color-mix(in srgb, var(--gold,#c5a13b) 3%, transparent);
}
.ward-pairing__combo { font-family: var(--font-display, serif); font-size: 1.05rem; color: var(--text-main); margin: 0; }
.ward-pairing__title { font-size: 0.8rem; color: var(--gold,#c5a13b); margin: 0.3rem 0 0; }
.ward-pairing__note, .ward-note__text { font-size: 0.85rem; color: var(--text-soft); margin: 0.4rem 0 0; line-height: 1.5; }
.ward-note__text { font-family: var(--font-editorial, serif); font-style: italic; }
.ward-del {
  position: absolute; top: 0.5rem; right: 0.5rem; width: 1.7rem; height: 1.7rem;
  border-radius: 50%; border: none; cursor: pointer; font-size: 1rem; line-height: 1;
  display: grid; place-items: center; color: var(--text-soft);
  background: color-mix(in srgb, #fff 80%, transparent); backdrop-filter: blur(4px);
}
.ward-del--inline { background: none; backdrop-filter: none; }
.ward-empty {
  text-align: center; padding: 2rem 1rem; color: var(--text-soft);
  font-family: var(--font-editorial, serif); font-style: italic; font-size: 0.95rem; line-height: 1.6;
}
.ward-empty .secondary-button { margin-top: 1rem; display: inline-block; font-style: normal; }

.ward-form[hidden] { display: none !important; }