/* =========================================================
   ACCUEIL — compléments (bandeau valeurs, citation, aperçus)
   ========================================================= */

/* --- Bandeau de valeurs sous le hero --- */
.strip{
  background:linear-gradient(150deg,var(--wood),var(--wood-deep));
  color:var(--cream);position:relative;overflow:hidden;
}
.strip::before{
  content:"";position:absolute;top:-60%;left:50%;transform:translateX(-50%);
  width:820px;height:820px;border-radius:50%;
  background:radial-gradient(circle,rgba(192,138,62,.16),transparent 66%);
}
.strip-inner{
  position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.strip-item{
  padding:38px 26px;display:flex;align-items:center;gap:16px;
  border-right:1px solid rgba(255,255,255,.09);
}
.strip-item:last-child{border-right:0}
.strip-num{
  font-family:var(--serif);font-style:italic;font-size:2rem;line-height:1;
  color:var(--amber-light);flex-shrink:0;
}
.strip-item p{font-size:.84rem;color:rgba(250,244,234,.82);line-height:1.55}

/* --- Citation chaleureuse --- */
.quote-band{
  text-align:center;padding:clamp(56px,7vw,92px) 32px;
}
.quote-band blockquote{
  max-width:900px;margin:0 auto;font-family:var(--serif);font-style:italic;
  font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.42;color:var(--ink);
}
.quote-band .sig{
  margin-top:22px;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--amber);
}

/* --- Aperçu chambres : lien "tout voir" --- */
.head-row{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-bottom:clamp(30px,4vw,46px);
}
.head-row h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
.head-row .kicker{margin-bottom:12px}
.link-more{
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);
  display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;
  border-bottom:1px solid var(--amber);transition:gap .35s,color .3s;
}
.link-more:hover{gap:18px;color:var(--ember-deep)}

@media(max-width:900px){
  .strip-inner{grid-template-columns:1fr 1fr}
  .strip-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
}
@media(max-width:560px){
  .strip-inner{grid-template-columns:1fr}
  .head-row{flex-direction:column;align-items:flex-start}
}