/* These six studies use the reverse of the original business card. */
.hero-proposal[data-carnet-study] .welcome-card.carnet-dark-card{border-color:#313940;background:#313940;color:#fff;box-shadow:inset 0 0 0 var(--card-rule) #fff;padding:calc(2 * var(--card-rule) + 12px)}
.hero-proposal[data-carnet-study] .welcome-card.carnet-dark-card h1{color:#fff}

/* Only Carnet II extends the paper from the top of the site past the form. */
body[data-hero-variant="carnet-continu"]{background:#f3f1ec}
body[data-hero-variant="carnet-continu"] #contenu{background:#fff}
body[data-hero-variant="carnet-continu"] .hero-opening{background:#f3f1ec;padding-bottom:42px}
.hero-proposal[data-variant="carnet-continu"] .carnet-paper{display:none}
.hero-proposal[data-variant="carnet-continu"] .hero-booking .stay-search{box-shadow:0 8px 24px #31394006;border-color:#e4e0d8}
@media(max-width:760px){body[data-hero-variant="carnet-continu"] .hero-opening{padding-bottom:28px}}

/* Carnet II is the selected welcome: the smaller card lets the photographs breathe. */
.hero-proposal[data-variant="carnet-continu"]{padding-top:16px}
.hero-proposal[data-variant="carnet-continu"] .carnet-scene{height:auto;min-height:clamp(390px,46vw,660px);display:flow-root}
.hero-proposal[data-variant="carnet-continu"] .carnet-details{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,2.5vw,36px);width:34%;margin-left:auto;margin-right:1.8%;padding-block:64px 30px}
.hero-proposal[data-variant="carnet-continu"] .carnet-card-position{position:relative;width:100%;inset:auto}
.hero-proposal[data-variant="carnet-continu"] .carnet-breakfast{position:relative;inset:auto;width:85.3%;height:auto;aspect-ratio:3/2}
.hero-proposal[data-variant="carnet-continu"] .carnet-breakfast>.photo-surface{position:absolute;inset:11px 11px 25px;width:auto;height:auto}
.hero-proposal[data-variant="carnet-continu"] .welcome-card h1{font-size:clamp(1.9rem,3.15vw,3.2rem)}
.hero-proposal[data-variant="carnet-continu"] .hero-booking{margin-top:26px}
@media(max-width:1100px) and (min-width:761px){
  .hero-proposal[data-variant="carnet-continu"] .carnet-details{width:36.5%;margin-right:1%;padding-top:48px}
  .hero-proposal[data-variant="carnet-continu"] .welcome-card h1{font-size:clamp(1.6rem,3.15vw,2.25rem)}
}
@media(max-width:760px){
  .hero-proposal[data-variant="carnet-continu"]{padding-top:12px}
  .hero-proposal[data-variant="carnet-continu"] .carnet-details{display:contents}
  .hero-proposal[data-variant="carnet-continu"] .carnet-scene{height:clamp(355px,105vw,490px);min-height:0;margin-top:2px}
  .hero-proposal[data-variant="carnet-continu"] .carnet-print{padding:7px}
  .hero-proposal[data-variant="carnet-continu"] .carnet-garden{left:.8%;top:6px;width:92%;height:70%;transform:rotate(-1deg)}
  .hero-proposal[data-variant="carnet-continu"] .carnet-garden-photo>img{object-position:53% 48%}
  .hero-proposal[data-variant="carnet-continu"] .carnet-card-position{position:absolute;width:64%;max-width:270px;left:55%;right:auto;top:auto;bottom:0;transform:translateX(-50%) rotate(-1.4deg)}
  .hero-proposal[data-variant="carnet-continu"] .carnet-breakfast{position:absolute;inset:auto;right:1%;top:34%;width:44%;height:28%;padding:7px 7px 15px;aspect-ratio:auto;transform:rotate(3deg)}
  .hero-proposal[data-variant="carnet-continu"] .carnet-breakfast>.photo-surface{inset:7px 7px 15px}
  .hero-proposal[data-variant="carnet-continu"] .welcome-card h1{font-size:clamp(1.3rem,5.5vw,2rem)}
  .hero-proposal[data-variant="carnet-continu"] .hero-booking{margin-top:28px}
}
@media(min-width:601px) and (max-width:760px){
  .hero-proposal[data-variant="carnet-continu"] .carnet-breakfast{width:34%;height:32%;top:30%}
}

/* The six current studies are immediately accessible; earlier rounds remain available. */
.hero-review-carnets{flex-wrap:wrap;gap:12px 30px;justify-content:flex-start}
.hero-review .hero-review-top{column-gap:28px}
.hero-review .hero-review-previous>.hero-review-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:380px;gap:8px 22px}
.hero-review .hero-review-previous>.hero-review-choices>a{white-space:nowrap}
@media(max-width:1100px){
  .hero-review-label{flex-basis:100%}
  .hero-review-carnets{gap:10px 24px}
}
@media(max-width:760px){
  .hero-review-carnets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 12px;margin-block:8px}
  .hero-review-carnets>a{font-size:.75rem}
  .hero-review .hero-review-previous>.hero-review-choices{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px}
  .hero-review .hero-review-previous>.hero-review-choices>a{font-size:.75rem}
  .hero-review-description{margin-top:10px}
}