/* WOOW LANKA LEISURE — desktop first-screen hero v11
   Home page only. Uses the EXISTING admin-managed hero photograph and copy.
   No photo, logo, carousel, page text, link or mobile rule is replaced.
*/
@media screen and (min-width:781px) {
  body#home main > section.hero {
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    height:max(100svh - var(--woow-hero-top, 0px), 590px) !important;
    min-height:max(100svh - var(--woow-hero-top, 0px), 590px) !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    background-color:#0d2d40;
  }
  /* Preserve the real image selected in homepage admin, don't replace it. */
  body#home main > section.hero > .hero-scene {
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background-position:center 48% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    filter:saturate(1.08) contrast(1.035) brightness(1.045) !important;
    opacity:1 !important;
    transform:none !important;
  }
  /* Light, localized shadow behind copy; leave the sky, lake and right side bright. */
  body#home main > section.hero > .hero-vignette {
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(90deg,rgba(3,21,29,.60) 0%,rgba(3,21,29,.34) 35%,rgba(3,21,29,.06) 68%,transparent 90%),
      linear-gradient(0deg,rgba(3,20,26,.57) 0%,rgba(3,20,26,.19) 30%,transparent 62%) !important;
    opacity:1 !important;
    pointer-events:none;
  }
  body#home main > section.hero > .hero-inner,
  body#home main > section.hero > .container.hero-inner {
    box-sizing:border-box !important;
    position:relative !important;
    z-index:3 !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:var(--container,1440px) !important;
    margin:0 auto !important;
    padding:0 clamp(25px,5.2vw,88px) clamp(26px,4.5vh,52px) !important;
    align-self:center !important;
    text-align:left !important;
    transform:none !important;
  }
  body#home main > section.hero .hero-inner > .eyebrow {
    display:block !important;
    width:fit-content;
    margin:0 0 11px !important;
    color:#fff !important;
    font-size:clamp(.88rem,1.12vw,1.12rem) !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:.045em !important;
    opacity:1 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.85) !important;
  }
  body#home main > section.hero h1 {
    width:fit-content !important;
    max-width:min(100%,19ch) !important;
    margin:0 !important;
    color:#fff !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:clamp(3.15rem,5.35vw,5.55rem) !important;
    font-weight:700 !important;
    letter-spacing:-.026em !important;
    line-height:1.025 !important;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    text-shadow:0 3px 19px rgba(0,0,0,.75) !important;
  }
  body#home main > section.hero h1 span,
  body#home main > section.hero h1 em {display:block !important;}
  body#home main > section.hero h1 em {
    color:#ffda78 !important;
    font-style:normal !important;
    font-weight:700 !important;
    text-decoration:underline;
    text-decoration-color:#f15c37;
    text-decoration-thickness:3px;
    text-underline-offset:6px;
  }
  body#home main > section.hero .lede {
    max-width:63ch !important;
    margin:15px 0 0 !important;
    color:#fff !important;
    font-size:clamp(1.06rem,1.43vw,1.34rem) !important;
    font-weight:650 !important;
    line-height:1.48 !important;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    text-shadow:0 2px 11px rgba(0,0,0,.85) !important;
  }
  body#home main > section.hero .hero-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:clamp(12px,1.5vw,24px) !important;
    margin:20px 0 0 !important;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
  body#home main > section.hero .hero-actions .btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:54px !important;
    padding:14px clamp(17px,1.65vw,29px) !important;
    border-radius:999px !important;
    font-size:clamp(.83rem,.95vw,1rem) !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    color:#fff !important;
    box-shadow:0 5px 17px rgba(0,0,0,.22) !important;
  }
  body#home main > section.hero .hero-actions .btn-primary {
    background:#f04d25 !important;
    border-color:#f04d25 !important;
  }
  body#home main > section.hero .hero-actions .btn-line {
    background:rgba(7,33,42,.29) !important;
    border:1.5px solid rgba(255,255,255,.94) !important;
    backdrop-filter:blur(2px);
  }
  body#home main > section.hero .hero-actions .btn-ghost-dark {
    background:#069c67 !important;
    border:1.5px solid rgba(255,255,255,.96) !important;
  }
  body#home main > section.hero .hero-actions .btn:hover,
  body#home main > section.hero .hero-actions .btn:focus-visible {
    filter:brightness(1.13) !important;
    transform:translateY(-2px) !important;
  }
  /* Keep the next section below the initial viewport. Don't hide it. */
  body#home main > section.hero + section {position:relative;}
}
/* Short laptops: maintain the full-screen boundary without clipping copy. */
@media screen and (min-width:781px) and (max-height:700px) {
  body#home main > section.hero {
    height:max(100svh - var(--woow-hero-top,0px), 570px) !important;
    min-height:max(100svh - var(--woow-hero-top,0px), 570px) !important;
  }
  body#home main > section.hero h1 {font-size:clamp(2.65rem,4.65vw,4.25rem) !important;}
  body#home main > section.hero .hero-inner,
  body#home main > section.hero > .container.hero-inner {padding-bottom:20px !important;}
  body#home main > section.hero .lede {font-size:clamp(.97rem,1.18vw,1.1rem) !important;margin-top:10px !important;}
  body#home main > section.hero .hero-actions {margin-top:13px !important;}
  body#home main > section.hero .hero-actions .btn {min-height:44px !important;padding:11px 17px !important;}
}