/* ==========================================================
   v8 A, "Rose maison": built on the house rose of the v6 Classique (blush, paper),
   warmer and more current: rose-tinted grounds, elegant Bodoni, a lot of air,
   the colours of the frames standing out on the rose. Opening video behind the title.
   ========================================================== */
:root {
  --rose: #DA8A7F; --rose-d: #A9564F; --rose-dd: #8A433D; --rose-l: #F0C3BA;
  --paper: #FCF5F1; --cream: #FBEDE6; --blush: #F6E3DC; --panel: #F3DFD8; --beige: #EBD7CF;
  --case: #F7E8E2; --case-2: #EFDAD2; --ink: #2A1E1C; --text-2: #5E4844; --muted: #8E7670; --muted-2: #8E7670;
  --coral: #A9564F; --coral-d: #8A433D; --coral-l: #F0C3BA; --gold: #A9564F; --gold-d: #8A433D; --gold-l: #F0C3BA;
  --line: rgba(42,30,28,.13); --line-soft: rgba(42,30,28,.07);
  --v8-bg: #FCF5F1; --v8-bg2: #F6E3DC; --v8-tile: #F8E9E3; --v8-ink: #2A1E1C; --v8-text: #5E4844; --v8-muted: #8E7670;
  --v8-line: rgba(42,30,28,.14); --v8-accent: #A9564F; --v8-btn: #2A1E1C; --v8-btn-ink: #FFF8F5;
  --v8-map-land: #FBEEE8; --v8-map-line: #B9766D; --v8-map-sea: transparent; --v8-label-bg: #FFFBF9;
  --v8-r: 4px; --v8-r-s: 999px;
}
body { background: var(--paper); }
::selection { background: var(--rose-d); color: #fff; }
.announce { background: var(--rose-d) !important; color: #FFF5F1 !important; }
.announce-track span::after { background: #FFE2D8 !important; }
.site-header { background: rgba(252,245,241,.92) !important; border-bottom: 1px solid rgba(42,30,28,.07); }
.btn-primary { background: var(--rose-d) !important; border-color: var(--rose-d) !important; color: #fff !important; box-shadow: none !important; }
.btn-primary:hover { background: var(--rose-dd) !important; border-color: var(--rose-dd) !important; }
.pill-try { background: #F6DDD5 !important; color: var(--rose-dd) !important; }
.site-footer { background: #F1DAD2 !important; color: var(--ink) !important; }
.site-footer p, .site-footer small, .site-footer .lead { color: var(--text-2) !important; }
.site-footer .inline-form input { border-color: rgba(42,30,28,.25) !important; color: var(--ink) !important; background: #FFF8F5 !important; }
.site-footer .inline-form input::placeholder { color: var(--muted) !important; }
.site-footer .inline-form .btn { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; }
.media.white, .media.jewel { background: radial-gradient(60% 55% at 50% 50%, #FFFFFF, #F6E3DC) !important; }
.finder { background: linear-gradient(180deg, #FBEDE6, #FCF5F1) !important; border-bottom: 0 !important; }
.chip { background: #FFFBF9 !important; border-radius: 999px !important; }
.v7-piece-img, .v7-col-img, .v7-tile { background: #F8E9E3 !important; }
.v7tp-stage { background: radial-gradient(70% 60% at 50% 40%, #FFFFFF, #F6E3DC) !important; }
.v7-eyebrow { color: var(--rose-d) !important; }

/* hero: the opening video, a warm rose veil on the left so the title reads on the white marble */
.v8-hero-rose .v8-media { --v8-hero-bg: #F6E3DC; }
.v8-hero-rose .v8-veil { background: linear-gradient(90deg, rgba(252,245,241,.94) 0%, rgba(252,245,241,.78) 26%, rgba(252,245,241,.2) 50%, rgba(252,245,241,0) 62%), linear-gradient(0deg, rgba(246,227,220,.55), rgba(246,227,220,0) 30%); }
.v8-hero-rose .v8-media::after { content: ''; position: absolute; inset: 0; background: #F3D3C8; mix-blend-mode: multiply; opacity: .16; pointer-events: none; }
.v8-hero-rose .v8-title { font-size: clamp(58px, 6.6vw, 118px); }
.v8-hero-rose .v8-title .it { font-size: .5em; color: var(--rose-d); margin-top: .1em; }
.v8-hero-rose .v8-hero-cap { background: rgba(255,251,249,.86); }
/* sections: alternating rose grounds */
.v8-marquee { background: #F6E3DC; border: 0; }
.v8-mq span span { color: var(--rose-dd); }
.v8-panel.col { background: radial-gradient(70% 60% at 50% 36%, #FFFFFF 0%, #FBEDE6 50%, #F3DAD1 100%); }
.v8-panel.end { border-color: rgba(169,86,79,.35); }
.v8-hscroll { background: #F6E3DC; }
.v8-zoom { background: radial-gradient(70% 60% at 50% 45%, #FFFFFF 0%, #FBEFEA 55%, #F4DFD7 100%); }
.v8-worn-slot { background: radial-gradient(70% 60% at 50% 45%, #FFFFFF 0%, #FBEDE6 50%, #F1D6CD 100%); }
.v8-try { background: #F6E3DC; }
.v8-stockist { background: #F6E3DC; }
.v8-house { background: #FCF5F1; }
.v8-btn:hover { background: var(--rose-d); border-color: var(--rose-d); }
@media (max-width: 900px) {
  .v8-hero-rose .v8-veil { background: linear-gradient(0deg, rgba(252,245,241,1) 0%, rgba(252,245,241,.9) 22%, rgba(252,245,241,0) 46%); }
  .v8-hero-rose .v8-title { font-size: clamp(50px, 14vw, 70px); }
}
}
