/* MASTER452 -- Homepage soft photo fade / modal-inspired polish.
   Isolated layer. Does not alter booking, search, consent or JS interactions. */
:root { --kl452-ice: #f2f8ff; --kl452-coral: #ff426d; }
.hero { isolation:isolate; background:var(--kl452-ice); }
.hero__media { background-position:center 45%; transform:scale(1.035); }
/* Gentle modal-like wash over scenic photo, retained on all viewports. */
.hero__overlay { background:
  linear-gradient(90deg,rgba(248,251,255,.84) 0%,rgba(246,251,255,.62) 34%,rgba(247,250,255,.20) 68%,rgba(0,34,73,.09) 100%),
  linear-gradient(180deg,rgba(242,248,255,.02) 0%,rgba(242,248,255,.02) 55%,rgba(242,248,255,.48) 78%,var(--kl452-ice) 100%);
  pointer-events:none; }
/* Blending overlay is applied to the image itself, not over inputs/buttons. */
.hero::after { content:""; position:absolute; inset:auto 0 -1px; height:180px; z-index:2; pointer-events:none;
  background:linear-gradient(180deg,rgba(242,248,255,0),rgba(242,248,255,.55) 46%,var(--kl452-ice) 97%); }
.hero__content { z-index:4; }
.hero + .benefits { position:relative; background:linear-gradient(180deg,var(--kl452-ice),#f7fbff); }
.benefits .benefit { border-radius:22px; box-shadow:0 12px 30px rgba(18,65,125,.055); }
.benefits .benefit:nth-child(1) .benefit__icon { color:#ff406e; background:#fff0f5; border-radius:15px; }
.benefits .benefit:nth-child(2) .benefit__icon { color:#ee8c12; background:#fff5df; border-radius:15px; }
.benefits .benefit:nth-child(3) .benefit__icon { color:#2085d7; background:#eaf5ff; border-radius:15px; }
.discover-submit { background:linear-gradient(120deg,#ff416d,#ff5a72); color:white; box-shadow:0 13px 28px rgba(255,65,109,.22); }
.discover-submit:hover { filter:brightness(1.035); box-shadow:0 16px 30px rgba(255,65,109,.27); }
@media (max-width:768px) {
 .hero::after { height:145px; }
 .hero__overlay { background:
  linear-gradient(90deg,rgba(248,251,255,.80),rgba(248,251,255,.47)),
  linear-gradient(180deg,transparent 40%,var(--kl452-ice) 100%); }
 .hero__media { background-position:56% center; transform:scale(1.025); }
}
@media (prefers-reduced-motion:reduce) { .hero__media,.discover-submit { transition:none!important; } }

/* MASTER452.1: seamless dissolve below the three homepage benefit cards. */
.hero + .benefits {
  position: relative;
  padding-bottom: 34px;
  background: linear-gradient(180deg, #f2f8ff 0%, #f5faff 55%, #f7fbff 100%);
}
.hero + .benefits::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0; right: 0;
  height: 76px;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, #f7fbff 0%, rgba(247,251,255,.85) 25%, rgba(247,251,255,0) 100%);
}
@media (max-width: 768px) {
  .hero + .benefits { padding-bottom: 24px; }
  .hero + .benefits::after { height: 48px; }
}