/* Carnet: a considered arrangement of paper and photographs, kept square-edged. */
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-scene{height:clamp(560px,46vw,660px);isolation:isolate;margin-top:4px}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-paper{position:absolute;z-index:-1;inset:74px 3.5% 26px 22%;background:#f3f1ec}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-print{position:absolute;background:#fff;padding:10px;box-shadow:0 8px 24px #3139400c}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-print>.photo-surface,.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-print>.photo-surface>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-garden{left:.5%;top:18px;width:68%;height:84%;transform:rotate(-1.2deg);transform-origin:center}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-garden-photo>img{object-position:51% 57%}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-breakfast{z-index:2;right:7%;bottom:15px;width:29%;height:39%;padding:11px 11px 25px;transform:rotate(3deg)}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-breakfast-photo>img{object-position:50% 84%}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-card-position{position:absolute;z-index:3;right:1.8%;top:47px;width:39.5%;transform:rotate(1.4deg);filter:drop-shadow(0 8px 16px #31394014)}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .welcome-card h1{font-size:clamp(2rem,3.65vw,3.7rem);line-height:1.18}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-discover{position:absolute;left:3%;bottom:0}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-discover>.text-link{font-size:.875rem;padding-block:7px;gap:20px}
.hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .hero-booking{margin-top:40px}

@media(max-width:1100px) and (min-width:601px){
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-scene{height:560px}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-garden{width:71%;height:81%;top:17px}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-card-position{width:43%;top:39px;right:1%}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .welcome-card h1{font-size:clamp(1.8rem,3.7vw,2.55rem)}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-breakfast{width:33%;height:40%;right:4%;bottom:21px}
}

@media(max-width:600px){
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-scene{height:clamp(504px,116vw,660px);margin-top:2px;margin-bottom:0}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-paper{inset:37px 0 33px 14%}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-print{padding:7px}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-garden{left:.8%;top:6px;width:92%;height:69%;transform:rotate(-1deg)}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-garden-photo>img{object-position:53% 48%}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-breakfast{z-index:2;right:1%;top:35%;bottom:auto;width:44%;height:29%;padding:7px 7px 15px;transform:rotate(3deg)}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-card-position{left:1.2%;right:auto;top:auto;bottom:0;width:86%;transform:rotate(-1.4deg)}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .welcome-card h1{font-size:clamp(1.6rem,6.9vw,3.1rem)}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-discover{left:0;bottom:-47px;width:100%;text-align:center}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-discover>.text-link{font-size:.8125rem;gap:15px}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .hero-booking{margin-top:73px}
}

@media(max-width:390px){
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-scene{height:490px}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .carnet-card-position{width:90%;bottom:0}
  .hero-proposal:is([data-variant="carnet"],[data-variant="carnet-continu"]) .welcome-card h1{font-size:clamp(1.5rem,6.8vw,1.7rem)}
}