/* Lennure · marfim, areia e o dourado da marca. */
:root {
  color-scheme: light;
  --paper: #fdfbf7;
  --cream: #faf6ee;
  --cream-deep: #f4ecdf;
  --muted: #695848;
  --gold-readable: #765625;
  --lennure-hero-surface: linear-gradient(112deg, #fffdf8 3%, #f8f2e7 43%, #ecddc4 100%);
  --lennure-hero-light: radial-gradient(ellipse at 79% 44%, #d5b78161 0%, transparent 52%),
                        radial-gradient(ellipse at 27% 76%, #fffdf9b8 0%, transparent 63%);
  --lennure-linen: linear-gradient(118deg, #fcf9f2, #f3eadb 65%, #efe3cf);
}

body {
  background: linear-gradient(110deg, #fffdf9, #fdfbf7 56%, #f7f1e6);
}
.site-header {
  background: linear-gradient(105deg, #fffdf9, #fcf9f3 62%, #f7efdf);
}

/* Keep the uploaded photograph, its focal points and its adjustable veil independent. */
.hero.hero-v3:not(.hero-has-background) {
  background: var(--lennure-hero-surface);
}
.hero.hero-v3:not(.hero-has-background)::before {
  background: var(--lennure-hero-light);
}
.hero-v3 h1 em {
  color: #95703a;
}
.hero-v3 .ritual-caption .eyebrow,
.hero-v3 .hero-copy > .eyebrow {
  color: var(--gold-readable);
}

/* The reflected light follows the first screen of scrolling. Only its
   position changes, so the title, photograph and controls remain still. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll(root block)) and (animation-range: 0 80vh) {
    .hero.hero-v3:not(.hero-has-background)::before {
      inset: -4% -3%;
      animation: lennure-reflexo 1s linear both;
      animation-timeline: scroll(root block);
      animation-range: 0 80vh;
    }
    @keyframes lennure-reflexo {
      from { transform: translate(0, 0); }
      to { transform: translate(-2%, 3%); }
    }
  }
}

.page-heading,
.team-section,
.ll-arrival {
  background: var(--lennure-linen);
}
.story,
.quiet-banner {
  background: linear-gradient(106deg, #efdfc6, #f6eddf 46%, #fdf9f1);
}
.daily-offer-strip {
  background: linear-gradient(100deg, #eee0c9, #f3e8d7 48%, #ede0cb);
}
.location-section,
.ll-institutional,
.ll-contact-section {
  background: linear-gradient(132deg, #fffdf9 8%, #fbf7ef 66%, #f5ecde);
}
.footer {
  background: linear-gradient(116deg, #f6eee1, #eee1ce 72%, #f4ebdd);
}

.week-row.today,
.profile-sections .profile-schedule {
  background: linear-gradient(125deg, #fffcf6, #f6eddf);
}
.promo-copy,
#contact-dialog,
#wechat-dialog {
  background: linear-gradient(145deg, #fffdf9 15%, #fbf6ec 65%, #f4ead8);
}
.quiet-banner .btn-outline,
.daily-offer-strip strong {
  color: #43382e;
}