/* =========================
   FLAVA — Variables / Reset
========================= */
:root{
  --silver-light:#F2F3F2;
  --silver-medium:#C5C6C3;
  --silver-dark:#AEB0AC;
  --vert-gris:#6A6D68;
  --vert-gris-accent:#858680;
  --vert-gris-fonce:#5A5D58;
  --text-dark:#2A2A2A;
  --text-light:#F2F3F2;
  --text-meduim:#5A5A5A;
  --ink:#151414;
  --transition:all .4s cubic-bezier(.165,.84,.44,1);
  --headerH: 60px;
   --hero-img-desktop: url('images/test.jpg');          /* version desktop */
  --hero-img-mobile:  url('images/1.jpg');   /* version mobile */
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Montserrat',sans-serif;
  background:var(--silver-light);
  color:var(--text-dark);
  line-height:1.7; font-weight:300;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.5px;}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 40px;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.text-gold{color:var(--vert-gris-accent);}

/* =========================
   Header / Navigation
========================= */
header{
  position:fixed; inset:0 0 auto 0; width:100%; z-index:1000;
  background: var(--vert-gris-accent) ;
  backdrop-filter:blur(8px);
  padding:25px 0;
  border-bottom:1px solid rgba(197,198,195,.3);
  transition:var(--transition);
}
  .burger,
  .mobile-drawer{ display:none !important; }

header.is-scrolled{ padding:14px 0; border-bottom-color:rgba(47, 48, 46, 0.5); background:#858680; }
.header-container{display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;height:60px;}
.logo img{height:100%;max-width:180px;object-fit:contain;transition:var(--transition);}
.logo img:hover{transform:scale(1.03);opacity:.9;}

nav ul{display:flex;list-style:none;}
nav li{margin-left:40px;}
nav a{
  color:var( --text-light); text-decoration:none; font-size:15px; font-weight:300;
  letter-spacing:1px; text-transform:uppercase; position:relative; transition:var(--transition);
}
nav a:hover{color:var(--vert-gris-accent);}
nav a::after{
  content:''; position:absolute; left:0; bottom:-5px; height:1px; width:0;
  background:var(--vert-gris-accent); transition:var(--transition);
}
nav a:hover::after{width:100%;}

.header-right{display:flex;align-items:center;gap:30px;}
.social-links-top{display:flex;gap:18px;}
.social-links-top a{font-size:16px;color:var( --text-light);text-decoration:none;transition:var(--transition);}
.social-links-top a:hover{color:var(--vert-gris-accent);transform:translateY(-3px);}

/* Langue */
.language-selector{position:relative;display:inline-block;}
.language-selector select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background:var(--silver-light); border:1px solid var(--vert-gris-accent);
  color:var(--text-dark); padding:7px 25px 7px 10px; font-size:12px; font-weight:100;
  text-transform:uppercase; border-radius:0; cursor:pointer; transition:var(--transition);
}
.language-selector select:hover{border-color:var(--vert-gris-fonce);}
.language-selector select:focus{outline:none;border-color:var(--silver-medium);box-shadow:0 0 5px rgba(197,198,195,.5);}
.language-selector::after{
  content:'\25BC'; position:absolute; right:10px; top:50%; transform:translateY(-50%);
  pointer-events:none; color:var(--vert-gris-accent); font-size:12px;
}

/* CTA générique */
.cta-button{
  background:url('./images/Background.png') center/cover no-repeat; color:#fff;
  padding:15px 30px; border:1px solid var(--vert-gris-accent);
  border-radius:0; text-decoration:none; text-transform:uppercase;
  letter-spacing:2px; font-size:.9rem; display:inline-flex; align-items:center; gap:10px;
  transition:var(--transition);
}
.cta-button:hover{background:var(--vert-gris-fonce); transform:translateY(-2px);}

/* =========================
   Hero
========================= */
.hero{
height:100vh; display:flex; align-items:flex-start; position:relative; /* top */
justify-content:flex-start;
padding-top: calc(var(--headerH) + 120px); /* espace sous le header fixe */
background:#F2F3F2;
}
.hero::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;                 
  height:min(78vh, 790px);  
  background:var(--hero-img-desktop) bottom center  / contain no-repeat;
  pointer-events:none;
  z-index:0;
}

/* le contenu du hero reste au-dessus */
.hero > *{ position:relative; z-index:1; }

/* ========= À propos FLAVA ========= */
.about-flava{ padding:80px 0; background:var(--silver-light); }
.about-wrap{
  display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center;
}
/* remplace l'ancien kicker texte par l'image-slogan */
.about-text .kicker { display: none; }  /* masque "À propos" si tu l'as encore */

.kicker-slogan{
  display:inline-block;
  line-height:1;
  margin-bottom:1px;        /* même rythme qu'avant */
  vertical-align:middle;
}

.kicker-slogan img{
  height:48px;               /* taille "kicker" */
  width:auto;
  opacity:.99;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.08));
  transition: opacity .25s ease, transform .25s ease;
}
.kicker-slogan img:hover{ opacity:1; transform: translateY(-1px); }

/* un peu plus petit sur mobile */
@media (max-width:768px){
  .kicker-slogan img{ height:22px; }
}
/* ===== Lightbox ===== */
.lb{
  position: fixed; inset: 0; z-index: 3000;
  display: grid; place-items: center;
  background: rgba(0,0,0,.9);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.lb.is-open{ opacity: 1; visibility: visible; pointer-events: auto; }
.lb__img{
  max-width: 92vw; max-height: 92vh; object-fit: contain;
  box-shadow: 0 10px 40px rgba(0,0,0,.6);
}
.lb__close{
  position: absolute; top: 14px; right: 14px;
  font-size: 30px; line-height: 1; color: #fff;
  background: transparent; border: 0; cursor: pointer;
}
.lb__nav{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 999px;
  background: rgba(255,255,255,.15); color: #fff; border: 0; cursor: pointer;
  font-size: 28px; display: grid; place-items: center;
}
.lb__prev{ left: 12px; } .lb__next{ right: 12px; }
.lb__nav:active, .lb__close:active{ transform: translateY(-50%) scale(.96); }
@media (max-width: 600px){
  .lb__nav{ width: 38px; height: 38px; font-size: 24px; }
  .lb__prev, .lb__next{ top: auto; bottom: 14px; transform: none; }
}
.body-lock{ overflow: hidden; touch-action: none; }

.about-text h2{ margin:8px 0 12px; font-size:2rem; color:var(--text-dark); }
.about-text p{ color:var(--text-meduim); margin-bottom:14px; }
.about-bullets{ margin:10px 0 18px; padding-left:18px; color:var(--text-dark); }
.about-bullets li{ margin:6px 0; }
/* grille existante OK ; on garde ton style global */
.about-icons{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(16px, 2vw, 28px);
  margin-top: 18px;
}
.icon-item{ display:flex; align-items:flex-start; gap: 12px; }

/* icône luxe : fines, nettes, couleur or de ta charte */
.lux-icon{
  font-size: 34px;                 /* taille */
  color: var(--gold, #b2804b);     /* ta couleur or */
  line-height: 1;
  /* micro-contraste pour écran, reste très soft */
  filter: drop-shadow(0 0 0.2px rgba(0,0,0,.15));
}

.icon-text h3{
  font-weight: 600;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.2;
  margin: 2px 0 4px;
  letter-spacing: .2px;
}
.icon-text p{
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-light, #5E5E5E);
}

/* Responsive */
@media (max-width: 900px){
  .about-icons{ grid-template-columns: 1fr; }
}


/* ====== ABOUT GALLERY : enlever le cadre noir, arrondis, ombres ====== */
.about-gallery{
  position: relative;
  height: clamp(280px, 48vw, 620px);
  /* on annule le cadre */
  background: transparent;    /* plus de fond noir */
  border-radius: 0;           /* plus d’arrondi */
 
  overflow: visible;          /* permet aux cartes latérales de dépasser */
}

/* ====== SLIDER LAYOUT : fine ====== */
.slider{
  position: absolute; inset: 0;
  display: grid;
    grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: center;
  z-index: 2;
}
.slider--btn{ display:none !important; }

.slides__wrapper{
  position: relative;
  height: 100%;
  overflow: visible;          /* important pour voir les cartes latérales */
    grid-column: 1 / -1 !important;
}

/* ====== FONDS floutés (léger voile, sans “cadre”) ====== */
.slide__bg{
  position: absolute; inset: -10%;

  background-size: cover; background-position: center;
  transform: translate3d(calc(var(--bgPosX,0)*1%), calc(var(--bgPosY,0)*1%), 0) scale(1.08);
  opacity: 0; transition: opacity .45s ease;
  pointer-events: none;
}
.slide__bg[data-current]{ opacity: .28; }
.slide__bg[data-next], .slide__bg[data-previous]{ opacity: .18; }

/* ====== PILE DES CARTES : 3 visibles, effet 3D ====== */
.slides{ position: relative; height: 100%; perspective: 1400px; }
.slide{
  --rotX: 0deg; --rotY: 0deg;
  position: absolute; inset: 0;
  display:grid; place-items:center;
  z-index: 10; opacity: 0;
  transform: translateZ(0);
  transition:
    opacity .38s ease,
    transform .6s cubic-bezier(.2,.8,.2,1),
    z-index 0s linear .6s;
}

/* Carte centrale — grande et droite */
.slide[data-current]{
  z-index: 30; opacity: 1; transition-delay: 0s;
  transform: translate3d(0,0,0) rotateY(0deg) scale(1);
}

/* Cartes latérales visibles, tournées et décalées */
.slide[data-previous]{
 opacity: 0 !important;
  transform: translate3d(-60%,0,-260px) rotateY(0deg) scale(.80) !important;
  pointer-events: none !important;
} .slide__bg[data-previous]{ opacity: 0 !important; }
.slide[data-next]{
  z-index: 20; opacity: .95;
  transform: translate3d(38%, 0, -120px) rotateY(-12deg) scale(.92);
}

/* Les cartes en attente restent masquées */
.slide[data-idle]{ z-index: 5; opacity: 0; transform: translate3d(0,0,-240px) scale(.86); }

/* La “carte” (image) elle-même */
.slide__inner{
  width: min(64%, 820px);   /* plus étroite pour laisser voir les latérales */
  height: 84%;
  overflow: hidden;
  transform-style: preserve-3d;
  /* ombre douce, pas de cadre */
 
  transform: rotateX(var(--rotX)) rotateY(var(--rotY));
  transition: transform .15s ease;
}
.slide--image__wrapper, .slide--image{
  width:100%; height:100%; object-fit: cover; display:block;
}
/* masque totalement le bloc de textes et les boutons */
.slides--infos{ display:none !important; }

/* ====== Responsive ====== */
@media (max-width: 992px){
  .slider{ grid-template-columns: 46px 1fr 46px; }
  .slide__inner{ width: 72%; height: 86%; }
  .slide[data-previous]{ transform: translate3d(-44%,0,-100px) rotateY(10deg) scale(.9); }
  .slide[data-next]{ transform: translate3d(44%,0,-100px) rotateY(-10deg) scale(.9); }
}
@media (max-width: 600px){
  .slide__inner{ width: 78%; height: 82%; border-radius: 12px; }
  .slides--infos{ bottom: 16px; }
}


/* =========================
   Localisation
========================= */
.location-section{width:100%;padding:0;}
.location-map{ height:380px; overflow:hidden; }
#flava-map{ width:100%; height:100%; }
.location-info{ padding:30px 15%; text-align:center; }
.key-numbers{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:20px 30px; }
.key-numbers li{ position:relative; display:inline-flex; align-items:center; gap:6px; color:var(--text-light); font-size:18px; line-height:1; padding-left:14px; white-space:nowrap; }
.key-numbers li::before{ content:"•"; position:absolute; left:0; top:0.5em; color:var(--ink); font-size:20px; line-height:1; }
.key-numbers .number{ font-family:'Cormorant Garamond', serif; font-size:25px; color:var(--text-dark); margin-right:6px; }
.key-numbers .label{ color:var(--vert-gris-accent); }
/* ===== Headline ===== */
.flava-community{
  position: relative;
  padding: clamp(32px, 6vw, 72px) 0;
}
.fc-head{
  max-width: 980px; margin: 0 auto clamp(18px, 3vw, 28px);
  padding: 0 16px;
  text-align: center;
}
.fc-kicker{
  display:inline-block;
  font-size: 12px; letter-spacing:.24em; text-transform:uppercase;
  color: var(--gold, #b2804b);
}
.fc-title{
  font-size: clamp(22px, 3.4vw, 40px);
  line-height: 1.15; margin: 6px 0 8px;
  color: var(--ink, #111);
}
.fc-sub{
  max-width: 740px; margin: 0 auto;
  color: var(--text-meduim, #5E5E5E);
  font-size: clamp(14px,1.6vw,16px);
}

/* ===== Grid ===== */
.fc-grid{
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(10px, 1.4vw, 18px);
  padding: 10px 16px 0;
  max-width: 1280px; margin: 0 auto;
}

/* Layout responsive chic (2 rangées, 5 cartes) */
.fc-card{
  grid-column: span 4;   /* 3 par ligne en desktop (12/4) */
  position: relative; overflow: hidden;
  aspect-ratio: 4/3;
  will-change: transform, opacity;
}
.fc-card:nth-child(1){ grid-column: span 8; aspect-ratio: 16/9; }   /* “héros” */
.fc-card:nth-child(4){ grid-column: span 8; aspect-ratio: 16/9; }   /* large bas */

@media (max-width: 900px){
  .fc-card{ grid-column: span 6; }         /* 2 par ligne */
  .fc-card:nth-child(1),
  .fc-card:nth-child(4){ grid-column: span 12; }
}
@media (max-width: 600px){
  .fc-grid{
    display: grid;
    grid-auto-flow: row;
  }
  .fc-card{ grid-column: 1 / -1; }
}

/* ===== Media ===== */
.fc-media, .fc-media img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; display:block;
  transform: scale(1.02);
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}

/* ===== Meta overlay ===== */
.fc-meta{
  position: absolute; left: 14px; right: 14px; bottom: 12px;
  display: grid; grid-template-columns: auto 1fr; gap: 8px 10px;
  align-items: center;
  color:#fff;
  pointer-events: none;
}
.fc-icon{
  width: 28px; height: 28px;
  color: var(--gold, #b2804b);
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
.fc-icon svg{ width:100%; height:100%; stroke: currentColor; fill: none; }
.fc-name{
  font-size: clamp(14px,1.6vw,18px);
  line-height:1.15; margin:0;
  text-shadow: 0 1px 12px rgba(0,0,0,.42);
}
.fc-desc{
  grid-column: 1 / -1;
  margin: 2px 0 0;
  font-size: 13px; line-height: 1.45;
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(3px);
  background: linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,0));
  padding: 6px 8px; border-radius: 10px;
  transform: translateY(8px); opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}

/* Hover micro-interactions (desktop only) */
@media (hover:hover){
  .fc-card:hover .fc-media img{ transform: scale(1.08); }
  .fc-card:hover .fc-desc{ transform: translateY(0); opacity: 1; }
}

/* Motion-safe */
@media (prefers-reduced-motion: reduce){
  .fc-media, .fc-desc{ transition: none; }
}

/* ===== Head ===== */
.community-luxe{ padding: clamp(32px, 6vw, 72px) 0; }
.cl-head{ text-align:center; max-width: 980px; margin: 0 auto 18px; padding: 0 16px; }
.cl-kicker{
  display:inline-block; font-size:12px; letter-spacing:.24em; text-transform:uppercase;
  color: var(--gold, #b2804b);
}
.cl-title{
  margin: 6px 0 8px; line-height:1.15;
  color: var(--ink, #121212);
  font-size: clamp(22px, 3.4vw, 40px);
}
.cl-sub{ color: var(--text-light, #5E5E5E); font-size: clamp(14px,1.6vw,16px); }

/* ===== Rail (scroll-snap + autoplay) ===== */
.cl-rail{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(66%, 1fr); /* cartes larges */
  gap: clamp(10px, 1.6vw, 18px);
  padding: 10px 16px 0;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cl-rail::-webkit-scrollbar{ display:none; }

/* ===== Card ===== */
.cl-card{
  position: relative; scroll-snap-align: center;
  aspect-ratio: 16/9; overflow: hidden;
  transform: translateZ(0);
}
.cl-card img{
  position:absolute; inset:0; width:100%; height:100%; object-fit: cover;
  transform: scale(1.02);
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
@media (hover:hover){
  .cl-card:hover img{ transform: scale(1.06); }
}

/* Héros en premier plan (un peu plus large desktop) */
@media (min-width: 1100px){
  .cl-card.cl-hero{ grid-column: span 1; }
  .cl-rail{ grid-auto-columns: minmax(58%, 1fr); }
}

/* ===== Meta overlay (ligne or + icône + texte) ===== */
.cl-meta{
  position:absolute; left: clamp(12px, 1.6vw, 18px); bottom: clamp(12px, 1.6vw, 18px);
  display: grid; grid-template-columns: auto auto 1fr; gap: 8px 10px; align-items:center;
  color:#fff; pointer-events:none;
  text-shadow: 0 2px 18px rgba(0,0,0,.4);
}
.cl-line{
  display:block; height: 1px; width: 26px;
  background: linear-gradient(90deg, rgba(0,0,0,0), var(--gold, #b2804b), rgba(0,0,0,0));
  grid-column: 1 / -1; margin-bottom: 6px;
}
.cl-icn iconify-icon{
  font-size: 30px; color: var(--gold, #b2804b);
  filter: drop-shadow(0 0 0.2px rgba(0,0,0,.15));
}
.cl-text h3{
  margin:0; font-weight:700; font-size: clamp(15px,1.8vw,18px); line-height:1.15;
}
.cl-text p{
  margin:.5px 0 0; font-size: 13px; line-height:1.45; color: rgba(255,255,255,.95);
  backdrop-filter: blur(2px);
}

/* Tag discret en coin */
.cl-tag{
  position:absolute; right: clamp(10px, 1.2vw, 16px); top: clamp(10px, 1.2vw, 16px);
  font-size: 12px; letter-spacing:.08em; text-transform:uppercase;
  color:#fff; padding:4px 8px; border-radius: 999px;
  background: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.18));
  border: 1px solid rgba(255,255,255,.25);
}

/* ===== Dots (pills) ===== */
.cl-dots{
  display:flex; justify-content:center; gap:8px; margin: 14px 0 0;
}
.cl-dots button{
  width: 24px; height: 4px; border-radius: 999px; border:0; padding:0; cursor: default;
  background: rgba(0,0,0,.12);
}
.cl-dots button[aria-current="true"]{
  background: var(--gold, #b2804b);
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .cl-rail{ grid-auto-columns: minmax(86%, 1fr); }
}
@media (max-width: 600px){
  .cl-rail{ grid-auto-columns: 92%; }
}


/* =========================
   Features
========================= */
.features{padding:60px 0; background:url('./images/Background.png') center/cover no-repeat;  position:relative;}
.features::before{ content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:linear-gradient(90deg, transparent, var(--vert-gris-accent), transparent); }
.section-title{text-align:center; margin-bottom:40px;}
.section-title h2{font-size:2.4rem; color:var(--text-dark); margin-bottom:15px; font-weight:400;}

.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
.feature-card{ background:var(--silver-light); padding:28px 22px; text-align:center; position:relative; overflow:hidden; transition:var(--transition); box-shadow:0 5px 30px rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.03); }
.feature-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--vert-gris-accent); transform:scaleX(0); transform-origin:left; transition:var(--transition); }
.feature-card:hover::before{transform:scaleX(1);}
.feature-card:hover{transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,.06);}
.feature-icon{font-size:2rem; color:var(--vert-gris-accent); margin-bottom:18px;}
.feature-card h3{font-size:1.4rem; margin-bottom:10px; font-weight:500; color:var(--vert-gris-fonce);}
.feature-card p{color:var(--text-meduim); font-weight:300;}

/* =========================
   Galerie / Carousel
========================= */
.gallery{ padding:100px 0; background:linear-gradient(135deg,var(--silver-light) 0%, var(--silver-medium) 100%); position:relative; }
.section-header{text-align:center;margin-bottom:30px;}
.section-subtitle{display:block;font-size:1.05rem;letter-spacing:3px;color:var(--vert-gris-accent);margin-bottom:12px;text-transform:uppercase;}
.section-header p{color:var(--text-meduim);font-size:1.05rem;max-width:600px;margin:0 auto;}
.gold-line{width:80px;height:2px;background:var(--vert-gris-accent);margin:14px auto;}

.gallery-carousel{position:relative; max-width:1200px; margin:0 auto 30px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.08);}
.carousel-track{display:flex; transition:transform .5s cubic-bezier(.645,.045,.355,1); height:60vh; min-height:420px; max-height:640px;}
.carousel-slide{min-width:100%; position:relative; opacity:0; transition:opacity .5s ease;}
.carousel-slide.active{opacity:1;}
.carousel-slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slide-overlay{position:absolute; inset:0; background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.65) 100%); display:flex; align-items:flex-end; padding:28px; opacity:1;}
.slide-content{color:#fff;}
.slide-content h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;margin-bottom:6px;font-weight:500;}
.slide-number{font-size:.9rem; opacity:.8; letter-spacing:1px;}

.carousel-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.35); color:#fff;
  width:56px;height:56px; display:flex;align-items:center;justify-content:center;
  cursor:pointer; z-index:10; transition:all .3s ease; backdrop-filter:blur(10px);
}
.carousel-nav:hover{background:rgba(133,134,128,.8); transform:translateY(-50%) scale(1.06);}
.carousel-nav.prev{left:16px;} .carousel-nav.next{right:16px;}
.carousel-nav i{font-size:1.1rem;}

.gallery-thumbnails{margin:28px 0;}
.thumbnails-container{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;max-width:1200px;margin:0 auto;}
.thumbnail{cursor:pointer;overflow:hidden;position:relative;aspect-ratio:4/3;opacity:.6;transition:all .3s ease;border:2px solid transparent;}
.thumbnail:hover,.thumbnail.active{opacity:1;transform:translateY(-5px);border-color:var(--vert-gris-accent);}
.thumbnail img{width:100%;height:100%;object-fit:cover;display:block;}

.gallery-cta{text-align:center;padding:28px;background:rgba(133,134,128,.12);margin-top:20px;}
.gallery-cta p{font-size:1.1rem;color:var(--text-dark);margin-bottom:12px;}
.gallery-cta span{color:var(--vert-gris-fonce);font-weight:500;}

/* =========================
   Promoteur
========================= */
.promoter-section{padding:60px 0; position:relative;}
.promoter-card{background:transparent;border-radius:12px;padding:40px 30px;position:relative;z-index:2;text-align:center;}
.promoter-logo img{max-width:180px;height:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.12));}
.promoter-logo1 img{max-width:80px;height:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.12));}
.promoter-title{font-size:2rem;color:var(--text-dark);margin:18px 0;position:relative;display:inline-block;font-weight:500;}
.promoter-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:var(--vert-gris-accent);}
.promoter-content{font-size:1.06rem;line-height:1.85;color:var(--text-meduim);max-width:800px;margin:24px auto 10px;text-align:justify;}
.signature{margin-top:18px;text-align:right;font-style:italic;color:var(--vert-gris-accent);font-family:'Cormorant Garamond',serif;font-size:1.1rem;}

/* =========================
   Témoignages
========================= */
.testimonials{padding:100px 0;background:var(--silver-medium);position:relative;}
.testimonials::before{ content:'';position:absolute;top:0;left:0;width:100%;height:1px; background:linear-gradient(90deg,transparent,var(--vert-gris-accent),transparent); }
.testimonials .section-title h2{font-size:2.2rem;color:var(--vert-gris-fonce);font-weight:500;margin-bottom:12px;}
.testimonials .section-title p{color:var(--text-light);font-size:1.05rem;}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;max-width:1200px;margin:0 auto;}
.testimonial-card{background:var(--silver-light);padding:34px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.05);height:100%;border:1px solid rgba(0,0,0,.04);}
.testimonial-content{font-size:1.1rem;font-style:italic;margin-bottom:20px;line-height:1.8;color:var(--text-dark);}
.testimonial-author{display:flex;align-items:center;gap:14px;}
.author-image{width:64px;height:64px;border-radius:50%;overflow:hidden;border:1px solid var(--vert-gris-accent);}
.author-image img{width:100%;height:100%;object-fit:cover;}
.author-info h4{color:var(--vert-gris-fonce);margin-bottom:2px;font-size:1.1rem;font-weight:500;}
.author-info p{color:var(--text-light);font-size:.9rem;}

/* =========================
   Contact
========================= */
.contact-form-section{padding:90px 0;background:var(--silver-light);position:relative;}
.contact-form-section::before{ content:'';position:absolute;top:0;left:0;width:100%;height:1px; background:linear-gradient(90deg,transparent,var(--vert-gris-accent),transparent); }
.contact-form-container{ display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1200px;margin:40px auto 0; }
.contact-form{ background:#fff;padding:36px;box-shadow:0 10px 40px rgba(0,0,0,.05);border:1px solid rgba(197,198,195,.35); }
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.form-group{margin-bottom:18px;}
.form-group.full-width{grid-column:span 2;}
.form-group label{display:block;margin-bottom:8px;color:var(--text-dark);font-weight:500;font-size:14px;}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:14px;border:1px solid var(--silver-dark);background:var(--silver-light);color:var(--text-dark);
  font-family:'Montserrat',sans-serif;font-size:15px;transition:var(--transition);
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none;border-color:var(--vert-gris-accent);box-shadow:0 0 0 2px rgba(133,134,128,.2);
}
.form-group textarea{resize:vertical;min-height:140px;}
.form-submit{text-align:center;margin-top:24px;}
.form-submit .cta-button{border:none;padding:16px 36px;font-size:14px;letter-spacing:1.6px;cursor:pointer;}
.form-notice{margin-top:16px;text-align:center;font-size:13px;color:var(--text-meduim);}
.form-notice i{color:var(--vert-gris-accent);margin-right:8px;}

.contact-info-sidebar{height:fit-content; position:sticky; top:120px;}
.contact-info-card{ background:#fff;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.05);border:1px solid rgba(197,198,195,.35); }
.contact-info-card h3{ font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--text-dark);margin-bottom:18px;text-align:center;font-weight:500;position:relative;padding-bottom:10px; }
.contact-info-card h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:var(--vert-gris-accent);}
.contact-item{display:flex;align-items:flex-start;margin-bottom:16px;}
.contact-icon{ width:46px;height:46px;background:rgba(133,134,128,.12);border-radius:50%; display:flex;align-items:center;justify-content:center;color:var(--vert-gris-accent);font-size:18px;margin-right:12px;flex-shrink:0; }
.contact-details h4{color:var(--vert-gris-fonce);font-size:17px;margin-bottom:4px;font-weight:600;}
.contact-details p{color:var(--text-meduim);font-size:14px;line-height:1.5;}

/* =========================
   Footer
========================= */
footer{background:var(--silver-medium);padding:80px 0 40px;position:relative;}
footer::before{ content:'';position:absolute;top:0;left:0;width:100%;height:1px; background:linear-gradient(90deg,transparent,var(--vert-gris-accent),transparent); }
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}
.footer-column h3{color:var(--vert-gris-fonce);font-size:1.2rem;margin-bottom:18px;position:relative;font-weight:600;padding-bottom:10px;}
.footer-column h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:1px;background:var(--vert-gris-accent);}
.footer-column p{margin-bottom:18px;color:var(--text-light);font-weight:300;}
.footer-column ul{list-style:none;}
.footer-column li{margin-bottom:12px;}
.footer-column a{color:var(--text-dark);text-decoration:none;transition:var(--transition);display:flex;align-items:center;font-weight:300;}
.footer-column a:hover{color:var(--vert-gris-accent);transform:translateX(5px);}
.footer-column li i{margin-right:10px;color:var(--vert-gris-accent);font-size:.9rem;}

.social-links{display:flex;gap:12px;margin-top:18px;}
.social-links a{ width:40px;height:40px;border-radius:50%; border:1px solid var(--vert-gris-accent); display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:var(--transition); }
.social-links a:hover{background:var(--vert-gris-accent);color:var(--silver-light);transform:translateY(-5px);}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(197,198,195,.4);font-size:.9rem;color:var(--text-light);font-weight:300;}

/* =========================
   WhatsApp flottant
========================= */
.whatsapp-float{
  position:fixed; width:60px;height:60px; bottom:25px; right:25px;
  background:#25D366; color:#fff; border-radius:50px; text-align:center; font-size:30px;
  box-shadow:0 4px 20px rgba(37,211,102,.5); z-index:1000; display:flex; align-items:center; justify-content:center;
  text-decoration:none; transition:all .3s ease;
}
.whatsapp-float:hover{background:#128C7E; transform:scale(1.05);}
.notification-badge{
  position:absolute; top:-5px; right:-5px; background:#FF3333; color:#fff; border-radius:50%;
  width:22px;height:22px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:bold;
}

/* =========================
   Responsive
========================= */
@media (max-width:1200px){
  .hero-content{max-width:55%;}
  .carousel-track{min-height:380px;}
}
@media (max-width:992px){
  header{ padding:16px 0 !important; }
  header.is-scrolled{ padding:16px 0 !important; }
  .logo{ height:48px !important; }
  .logo img{ height:100% !important; width:auto !important; max-width:none !important; }

   .hero{ display: none !important; }
  .hero::before{ content: none !important; }
  /* cache le gros menu desktop et la CTA dans le header */
  header nav#mainmenu,
  header .header-right .social-links-top,
  header .header-right .cta-button,
  header .language-selector { display:none !important; }
  .burger{ display:flex !important; }           /* visible et cliquable */
  .mobile-drawer{ display:block !important; }   /* présent dans le flux (puis géré par opacity/visibility) */
  /* centre le logo */
  .header-container{ justify-content:center; }
  .logo{ height:44px; }

  /* bouton burger en haut à droite */
  .burger{
    position:absolute; right:16px; top:50%; transform:translateY(-50%);
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    gap:5px;
    width:44px; height:44px;       /* grande zone clic (invisible) */
    padding:0; border:0; background:transparent;
    box-shadow:none; outline:none; cursor:pointer;
  }
  /* Les 3 lignes */
  .burger span{
    display:block;
    width:24px; height:2px;
    background:#fff;               /* adapte si fond clair: var(--ink) */
    border-radius:2px;
    transition:transform .25s ease, opacity .2s ease;
  }
  /* état ouvert (anim X) */
  .burger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .burger.is-open span:nth-child(2){ opacity:0; }
  .burger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

  /* tiroir plein écran */
  .mobile-drawer{
    position:fixed; inset:0; z-index:1500;
    background: rgba(0,0,0,.4);
    opacity:0; visibility:hidden; transition:var(--transition);
  }
  .mobile-drawer.is-open{ opacity:1; visibility:visible; }
  .mobile-drawer .md-inner{
    position:absolute; right:0; top:0; bottom:0; width:min(86vw, 380px);
    background: var(--silver-light);
    box-shadow: -20px 0 60px rgba(0,0,0,.18);
    transform: translateX(100%); transition:var(--transition);
    display:grid; grid-template-rows: auto 1fr auto auto;
    padding:18px;
  }
  .mobile-drawer.is-open .md-inner{ transform: translateX(0); }

  .md-logo{ display:block; text-align:left; margin-bottom:4px; }
  .md-logo img{ height:42px; width:auto; }

  .md-nav{ list-style:none; padding:16px 0 6px; margin:0; display:flex; flex-direction:column; gap:6px; }
  .md-nav a{
    display:block; padding:12px 8px;
    font-size:15px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--ink); text-decoration:none; border-bottom:1px solid rgba(0,0,0,.06);
  }
  .md-nav a:active{ background:rgba(0,0,0,.04); }

  .md-cta{ padding:14px 6px; }
  .md-cta .cta-button{ width:100%; justify-content:center; }

  .md-meta{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    border-top:1px solid rgba(0,0,0,.08); padding-top:12px;
  }
  .md-lang select{
    appearance:none; background:#fff; border:1px solid var(--vert-gris-accent);
    color:var(--text-dark); padding:8px 28px 8px 10px; font-size:12px; text-transform:uppercase;
  }
  .md-social{ display:flex; gap:14px; font-size:18px; }
  .md-social a{ color:var(--ink); }


/* Empêche le scroll sous le tiroir */
.body-lock{ overflow:hidden; touch-action:none; }
  .hero .container{ padding-inline:30px; }
  .hero-content{ max-width:100%; text-align:center; flex-direction:column; gap:24px; margin:0 auto; }
  .melodie{ max-width:420px; margin: 4px auto 10px; }
  .hero-right p{ max-width:640px; margin: 0 auto 18px; font-size:16px; line-height:1.7; }
  .stats-grid{ max-width:800px; margin: 12px auto 0; grid-template-columns: repeat(3,1fr); background: rgba(242,243,242,.9); }
  .hero-right .hero-buttons{ justify-content:center; gap:14px; }

  .features .features-grid{ gap:20px; justify-items:center; }
  .features .feature-card{ width:100%; max-width:320px; }

  .contact-form-container{ grid-template-columns:1fr; gap:22px; justify-items:center; }
  .contact-form{ width:100%; max-width:380px; padding:26px 22px; }
  .contact-form .form-row{ grid-template-columns:1fr; gap:14px; margin-bottom:10px; }
  .contact-info-card{ width:100%; max-width:380px; }
  .testimonial-grid{ grid-template-columns:1fr; gap:20px; }
  .testimonial-card{ max-width:380px; margin:0 auto; }

  .about-gallery{
    order: -1;                    /* galerie tout en haut */
    height: min(72vh, 560px);     /* grande hauteur visible */
    margin: 0 -20px;              /* plein bord (gouttières mobile = 20px) */
    border-radius: 0;
  }

  /* 2) La "carte" occupe tout l'espace (on coupe l'effet 3D pour la lisibilité) */
  .slides{ perspective: none; }
  .slide{ transform: none !important; opacity: 1 !important; }
  .slide[data-next], .slide[data-previous], .slide[data-idle]{ display: none !important; }

  .slide__inner{
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    transform: none !important;
  }
  .slide--image{ object-fit: cover; }

  /* 3) Fond flouté plus discret (optionnel) */
  .slide__bg{ display:none; }

  /* 4) Typo + respi pour le texte */
  .about-text{
    padding-top: 16px;
  }
  .about-text h2{
    font-size: clamp(22px, 6vw, 28px);
    line-height: 1.15;
    margin: 6px 0 10px;
  }
  .about-text p{ font-size: 14px; line-height: 1.7; }

  .about-wrap{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  /* Titre + texte centrés */
  .about-text{ text-align:center; }
  .kicker-slogan{ display:block; }
  .kicker-slogan img{ height:22px; margin:0 auto 8px; }

  .about-text h2{
    font-size: clamp(22px, 6vw, 28px);
    line-height: 1.15;
    margin: 8px 0 10px;
  }
  .about-text p{
    font-size:14px; line-height:1.7;
    max-width: 60ch; margin: 0 auto 14px;
  }

  /* Icônes centrées, texte sous l'icône */
  .about-icons{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr)); /* 3 icônes par ligne */
    gap: 14px;
    justify-items:center;      /* centre chaque cellule */
    margin-top: 14px;
  }
  .icon-item{
    display:flex;
    flex-direction: column;    /* icône au-dessus, texte en dessous */
    align-items:center;
    gap:6px;
  }
  .lux-icon{
    display:block;
    font-size: 32px;           /* ajuste si tu veux plus grand/petit */
    line-height:1;
  }
  .icon-text{ text-align:center; }
  .icon-text h3{
    margin:0;
    font-weight:600;
    font-size:13px;
    letter-spacing:.2px;
  }

}
@media (max-width:768px){
  .container{padding:0 25px;}
  .logo{height:45px;} .logo img{max-width:130px;}
  .hero{min-height:85vh;padding-top:90px;}
  .melodie{max-width:350px;}
  .hero-right .hero-buttons{flex-direction:column;gap:10px;}
  .hero-right .cta-button{width:100%;justify-content:center;padding:14px 18px;font-size:13px;}
  .location-map{height:300px;}
  .key-numbers{gap:18px;justify-content:center;}
  .key-numbers li{flex:0 0 calc(50% - 18px);text-align:center;}
  .key-numbers .number{font-size:22px;}
  .thumbnails-container{display:flex; gap:12px; overflow-x:auto; padding-bottom:10px; -webkit-overflow-scrolling:touch;}
  .thumbnail{flex:0 0 45%; max-width:45%;}
  footer{padding:48px 0 28px;}
  .footer-grid{grid-template-columns:1fr; gap:28px;}
  .footer-column{text-align:center;}
  .social-links{justify-content:center;}
}
@media (max-width:576px){
  .container{padding:0 20px;}
  .logo{height:40px;} .logo img{max-width:110px;}
  .cta-button{padding:12px 20px;font-size:12px;}
  .hero{padding-top:80px; min-height:80vh;}
  .location-map{height:250px;}
  .carousel-track{min-height:300px;}
  .carousel-nav{width:40px;height:40px;}
}
   /* Écran de démarrage */
        .splash-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            cursor: pointer;
            transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
            background: black;
        }
        
        .splash-video {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        
        .splash-content {
            position: relative;
            text-align: center;
            color: white;
            z-index: 2;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
        }
        
        .splash-logo {
            max-width: 250px;
            margin-bottom: -380px;
            filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
        }
        
        .splash-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: 3.5rem;
            margin-bottom: 20px;
            font-weight: 500;
        }
        
        .splash-subtitle {
            font-size: 1.2rem;
            margin-bottom: 40px;
            letter-spacing: 3px;
            text-transform: uppercase;
        }
        
        .splash-instruction {
            position: absolute;
            bottom: 50px;
            width: 100%;
            text-align: center;
            font-size: 1rem;
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { opacity: 0.6; }
            50% { opacity: 1; }
            100% { opacity: 0.6; }
        }
/* Section */
.brochure-section{
  padding: clamp(36px,5vw,60px) 0;
  background: linear-gradient(180deg,#f4f4f4 0%,#e9e9e9 100%);
}
.brochure-section .section-kicker{
  text-align:center;
  font-family:'Montserrat',sans-serif;
  letter-spacing:.18em;
  font-weight:600;
  color:#1f2a37;
  margin:0 0 20px;
}

/* Conteneur + style "carte" façon SPIV */
.fliphtml5-wrap{
  width:min(1180px, 94vw);
  margin:0 auto;
  position:relative;
  background:#fff;
  border-radius:6px;
  box-shadow:0 18px 60px rgba(0,0,0,.15);
  overflow:hidden;
}

/* Iframe responsive : 80vh sur desktop, un peu moins sur mobile */
.fliphtml5-frame{
  width:100%;
  height:80vh;
  border:0;
  display:block;
}
@media (max-width: 768px){
  .fliphtml5-frame{ height:70vh; }
}

/* Bouton secours en bas à droite */
.fliphtml5-fullscreen{
  position:absolute; right:10px; bottom:10px; z-index:2;
  display:inline-block;
  padding:8px 10px; font-size:12px;
  border:1px solid rgba(0,0,0,.15);
  background:rgba(255,255,255,.9);
  color:#111; text-decoration:none; border-radius:4px;
  backdrop-filter: blur(6px);
  transition: transform .2s ease, box-shadow .2s ease;
}
.fliphtml5-fullscreen:hover{
  transform: translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

   /* ===== Inventaire / Accordéon — FLAVA ===== */
:root{
  --ink:#0B0E0B;
  --text-dark:#1E2320;
  --beige-light:#F6F8F5;
  --beige-medium:#ECF0EB;
  --beige-dark:#D8DED6;
  --gold-accent:#3E6B57;          /* accent FLAVA (olive) */
  --transition:all .25s ease;
}

.inventaire { padding:30px 0 40px; background:var(--beige-light); }
.inventaire-title{
  text-align:center; font-family:"Cormorant Garamond",serif;
  font-size:clamp(22px,3.2vw,34px); letter-spacing:.12em;
  color:var(--ink); margin:0 0 28px;
}

/* Conteneur */
.inv-accordion{ max-width:1100px; margin:16px auto 20px; }

/* Carte */
.inv-item{
  border:1px solid var(--beige-dark); border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(246,248,245,.95)),var(--beige-light);
  box-shadow:0 10px 28px rgba(0,0,0,.04); overflow:hidden;
}

/* Head */
.inv-head{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:18px 22px; background:transparent; color:var(--ink);
  border:0; cursor:pointer; text-align:left;
  font:400 17px/1.25 "Montserrat",sans-serif; letter-spacing:.3px;
  transition:background .25s ease, filter .25s ease;
}
.inv-head + .inv-panel{ border-top:1px solid var(--beige-dark); }

.inv-head em{
  margin-left:auto; font-style:normal; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; line-height:1; opacity:.78; width:140px; text-align:right; white-space:nowrap;
}

/* Hover olive léger */
.inv-head:hover{ background: color-mix(in srgb, var(--gold-accent) 8%, transparent); }

/* Chevron */
.inv-head::after{
  content:"▾"; font-size:14px; line-height:1; color:var(--gold-accent);
  transform:translateY(1px) rotate(0); transition:transform .25s ease;
}
.inv-head[aria-expanded="true"]::after{ transform:translateY(1px) rotate(180deg); }

/* Panel */
.inv-panel{ background:transparent; padding:18px 16px 24px; }

/* --------- Table --------- */
.inv-table-wrap{
  overflow:auto; border:1px solid var(--beige-dark); border-radius:10px; background:#fff;
}
.inv-table{
  width:100%; min-width:860px; border-collapse:collapse; background:#fff;
}
.inv-table thead th{
  background:var(--beige-medium); color:var(--ink); font-weight:600; text-transform:uppercase;
  font-size:12px; letter-spacing:.08em; padding:12px 10px; white-space:nowrap; text-align:center;
  border-bottom:1px solid var(--beige-dark);
}
.inv-table tbody td{
  padding:12px 10px; border-top:1px solid rgba(0,0,0,.06);
  color:var(--text-dark); font-size:14px; text-align:center; vertical-align:middle;
}
.inv-table tbody tr:nth-child(odd){
  background: color-mix(in srgb, var(--gold-accent) 6%, transparent);
}

/* Badges (si tu les utilises) */
.badge{ display:inline-block; padding:6px 10px; font-size:12px; border-radius:3px;
  letter-spacing:.06em; text-transform:uppercase; font-weight:600; }
.badge--green{ background:#eef7f1; color:#1f8456; border:1px solid #cfe9dc; }
.badge--red{   background:#fff1f1; color:#b33c3c; border:1px solid #f2d3d3; }

/* Bouton Plan */
.plan-btn{
  display:inline-flex; align-items:center; gap:6px; padding:8px 14px;
  font-size:12px; letter-spacing:1.2px; text-transform:uppercase;
  border-radius:0; border:1px solid var(--gold-accent);
  background:transparent; color:var(--ink); text-decoration:none; transition:var(--transition);
}
.plan-btn:hover{ background:var(--gold-accent); color:var(--beige-light); transform:translateY(-1px); }

/* (Optionnel) Tags génériques */
.tag{ display:inline-block; padding:4px 8px; font-size:12px; border-radius:2px;
  border:1px solid var(--beige-dark); background:#fafbf8; color:var(--text-dark); }

.inv-title{ font-family:"Cormorant Garamond",serif; font-weight:500; color:var(--ink); letter-spacing:.2px; }