/*
 * Motion for golendl.com (public/site/lendl-motion.js). Soft and quick: things rise 18px and fade in,
 * groups stagger by 70ms, nothing bounces. Colours stay the theme's; shadows are neutral.
 */
:root { --lm-ease: cubic-bezier(.2, .8, .2, 1); --lm-dur: .7s; }

/* Hidden until revealed (only ever set by the script on things below the fold) */
.lm .lm-reveal:not(.lm-in),
.lm .lm-group > .lm-item:not(.lm-in) { opacity: 0; transform: translateY(18px); }
.lm .lm-media:not(.lm-in) { opacity: 0; transform: translateY(14px) scale(.985); }
.lm .lm-reveal, .lm .lm-group > .lm-item, .lm .lm-media {
  transition: opacity var(--lm-dur) var(--lm-ease), transform var(--lm-dur) var(--lm-ease);
  transition-delay: calc(var(--lm-i, 0) * 70ms);
}
.lm .lm-media { transition-duration: .9s; }

/* The page's first heading, intro and actions enter on load (CSS only, so there is no flash) */
@keyframes lm-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
#MainContent > :first-child h1,
#MainContent > :first-child [class*="eyebrow"],
#MainContent > :first-child h1 + p,
#MainContent > :first-child [class*="__btns"],
.hero-rent__title, .hero-rent__search {
  animation: lm-up .8s var(--lm-ease) both;
}
#MainContent > :first-child [class*="eyebrow"] { animation-delay: 0s; }
#MainContent > :first-child h1, .hero-rent__title { animation-delay: .06s; }
#MainContent > :first-child h1 + p { animation-delay: .16s; }
#MainContent > :first-child [class*="__btns"], .hero-rent__search { animation-delay: .26s; }

/* Cards lift a little on hover */
.lm .lm-card { transition: transform .35s var(--lm-ease), box-shadow .35s var(--lm-ease), border-color .35s var(--lm-ease), opacity var(--lm-dur) var(--lm-ease); }
.lm .lm-group > .lm-card.lm-item { transition: opacity var(--lm-dur) var(--lm-ease), transform var(--lm-dur) var(--lm-ease), box-shadow .35s var(--lm-ease); }
@media (hover: hover) {
  .lm .lm-card:hover, .lm .lm-group > .lm-card.lm-in:hover { transform: translateY(-4px); box-shadow: 0 16px 34px -18px rgba(15, 18, 24, .28); transition-delay: 0s; }
  .lm .lm-card:hover a[class*="link"] { text-decoration-thickness: 2px; }
}

/* Buttons: a small lift, never a colour change (the theme owns colours) */
@media (hover: hover) {
  .lm #MainContent .button, .lm #MainContent a[class*="__btn"], .lm #MainContent a[class*="btn--"], .lm .hero-rent__cta {
    transition: transform .25s var(--lm-ease), box-shadow .25s var(--lm-ease), background-color .25s, color .25s, border-color .25s;
  }
  .lm #MainContent .button:hover, .lm #MainContent a[class*="__btn"]:hover, .lm #MainContent a[class*="btn--"]:hover, .lm .hero-rent__cta:hover {
    transform: translateY(-2px); box-shadow: 0 10px 22px -14px rgba(15, 18, 24, .45);
  }
}

/* Links with an arrow nudge it on hover */
@media (hover: hover) {
  .lm #MainContent a [aria-hidden="true"]:last-child, .lm #MainContent a svg:last-child { transition: transform .25s var(--lm-ease); }
  .lm #MainContent a:hover > [aria-hidden="true"]:last-child, .lm #MainContent a:hover > svg:last-child { transform: translateX(3px); }
}

/* Header: a soft shadow once the page has scrolled */
.section-header .header-wrapper { transition: box-shadow .3s ease; }
.lm-scrolled .section-header .header-wrapper { box-shadow: 0 6px 22px -14px rgba(15, 18, 24, .35); }

@media (prefers-reduced-motion: reduce) {
  .lm .lm-reveal, .lm .lm-group > .lm-item, .lm .lm-media { opacity: 1 !important; transform: none !important; transition: none !important; }
  #MainContent > :first-child h1, #MainContent > :first-child [class*="eyebrow"], #MainContent > :first-child h1 + p, #MainContent > :first-child [class*="__btns"], .hero-rent__title, .hero-rent__search { animation: none !important; }
  .lm .lm-card:hover { transform: none !important; }
}
@media print {
  .lm .lm-reveal, .lm .lm-group > .lm-item, .lm .lm-media { opacity: 1 !important; transform: none !important; }
}