/* On phones the photograph and copy have separate spaces. */
@media(max-width:800px){
  .kyl-editorial-hero{--kyl-hero-extension:120px;display:flex;flex-direction:column;min-height:0}
  .kyl-editorial-hero-image{position:relative;inset:auto;z-index:auto;display:block;flex:none;height:calc(clamp(260px,75vw,440px) + var(--kyl-hero-extension));margin-bottom:calc(-1 * var(--kyl-hero-extension));object-position:72% 45%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.7) 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.7) 70%,transparent 100%)}
  .kyl-editorial-hero:after{display:none}
  .kyl-editorial-hero-inner{display:block;z-index:1;min-height:0;padding:30px 0 40px}
  .kyl-editorial-hero-copy{width:100%}
  .kyl-editorial-hero h1{font-size:clamp(48px,14.5vw,84px)}
  .kyl-editorial-lead{max-width:none}
  .kyl-hero-caption,.kyl-desktop-break{display:none}
}

/* One-time entrances; no scroll handlers or animation library. */
.home .header-inner{animation:kyl-header-in .65s ease-out backwards}
@keyframes kyl-header-in{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
.kyl-motion-enabled [data-kyl-reveal]{transition:opacity .7s ease var(--kyl-delay,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--kyl-delay,0ms),scale 1.1s ease var(--kyl-delay,0ms)}
.kyl-motion-enabled [data-kyl-reveal]:not(.kyl-is-visible){opacity:0;translate:0 24px}
.kyl-motion-enabled [data-kyl-reveal="image"]:not(.kyl-is-visible){translate:none;scale:1.035}
.kyl-motion-enabled [data-kyl-reveal].kyl-is-visible{opacity:1;translate:none;scale:1}
.home .kyl-gold-button,.home .header-booking{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.home .kyl-gold-button span,.home .kyl-editorial-link span,.home .kyl-service-reserve>span{display:inline-block;transition:transform .25s}
.home .kyl-gold-button:focus-visible span,.home .kyl-gold-button:hover span,.home .kyl-editorial-link:hover span,.home .kyl-service-photo-card:hover .kyl-service-reserve>span{transform:translate(3px,-3px)}
@media(hover:hover){.home .kyl-gold-button:hover,.home .header-booking:hover{transform:translateY(-3px);box-shadow:0 8px 22px #e8bd571a}}
@media(prefers-reduced-motion:reduce){
  .home .header-inner{animation:none}
  .home [data-kyl-reveal]{opacity:1!important;translate:none!important;scale:none!important;transition:none!important}
  .home .kyl-gold-button:hover,.home .header-booking:hover,.home .kyl-service-photo-card:hover,.home .kyl-service-photo-card:hover img,.home .kyl-gold-button span,.home .kyl-editorial-link span,.home .kyl-service-reserve>span{transform:none!important}
}
