/*
 * Casa De Lago -- homepage showcase components: the scrolling tagline
 * marquee and the photo-card zoom. Used by index.html (and the parked
 * catering page, which shares these sections). Load after site.css.
 */

  @keyframes cdlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
  @keyframes cdlMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .cdl-marquee{display:flex;width:max-content;animation:cdlMarquee 46s linear infinite;will-change:transform}
  .cdl-marquee:hover{animation-play-state:paused}
  .cdl-mq{display:inline-flex;align-items:center;gap:.42em;white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(42px,7.4vw,108px);line-height:1;text-transform:uppercase;letter-spacing:.012em;color:rgba(16,75,95,.16);padding-right:.42em}
  .cdl-mq em{font-style:italic;color:rgba(196,82,42,.26)}
  .cdl-mq i{font-style:normal;font-size:.5em;color:rgba(16,75,95,.32);transform:translateY(-.12em)}
  .cdl-card .cdl-zoom{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
  .cdl-card:hover .cdl-zoom{transform:scale(1.07)}
  .cdl-mh-card .cdl-zoom{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
  .cdl-mh-card:hover .cdl-zoom{transform:scale(1.06)}
  .cdl-chiplink:hover{background:#104b5f;color:#faf4e6;border-color:#104b5f}

  @media(max-width:920px) {
    .cdl-hero-grid{grid-template-columns:1fr} /* !important retired in 2h: the
      desktop value lives in site.css now; this later file still wins on mobile */
  }