/* css/pages/home.css  -  home page only. Sunrise Center: a calmer, more elegant hero and a five-up amenities row. */
.eg-hero-tall { min-height: min(86vh, 820px); }
.eg-has-media::after {
  background:
    radial-gradient(ellipse at 50% 38%, rgba(10, 30, 22, .28) 0%, rgba(10, 30, 22, .62) 100%),
    linear-gradient(180deg, rgba(10, 30, 22, .25) 0%, rgba(10, 30, 22, .1) 40%, rgba(10, 30, 22, .7) 100%);
}
.eg-hero:not(.eg-hero-below) picture.eg-hero-media img, .eg-hero:not(.eg-hero-below) video.eg-hero-media { animation: egSlowZoom 28s ease-out both; }
.eg-hero-in { padding-bottom: 3.5rem; }
.eg-hero-title { font-weight: 400; letter-spacing: .01em; line-height: 1.12; text-shadow: 0 2px 30px rgba(0, 0, 0, .45); animation: egRise 1.1s ease-out both; }
.eg-hero-title::after { content: ""; display: block; width: 64px; height: 2px; margin: 1.4rem auto 0; background: var(--eg-accent-2); }
.eg-hero-text { max-width: 640px; margin-left: auto; margin-right: auto; font-weight: 300; letter-spacing: .02em; line-height: 1.7; animation: egRise 1.1s .25s ease-out both; }
.eg-hero .eg-actions { animation: egRise 1.1s .5s ease-out both; }
.eg-hero:not(.eg-hero-below) .eg-btn { border-radius: 999px; padding: .9rem 2.2rem; letter-spacing: .14em; font-size: .82rem; font-weight: 600; background: rgba(255, 255, 255, .94); color: var(--eg-heading); border-color: transparent; transition: background .3s, color .3s, transform .3s; }
.eg-hero:not(.eg-hero-below) .eg-btn:hover { background: var(--eg-accent-2); color: #14382a; transform: translateY(-2px); }
@keyframes egRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes egSlowZoom { from { transform: scale(1); } to { transform: scale(1.07); } }
@media (prefers-reduced-motion: reduce) {
  .eg-hero picture.eg-hero-media img, .eg-hero video.eg-hero-media, .eg-hero-title, .eg-hero-text, .eg-hero .eg-actions { animation: none; }
}
/* amenities: icon art is the client's own green line icons */
.eg-five .eg-feature-title { font-family: var(--eg-font-body); font-size: .8rem; font-weight: 600; letter-spacing: .12em; }
.eg-five .eg-feature-img img { width: 96px; height: 96px; margin: 0 auto .6rem; }
@media (min-width: 1000px) { .eg-five .eg-features { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 899px) { .eg-five .eg-features { grid-template-columns: repeat(2, 1fr); } .eg-five .eg-feature:last-child { grid-column: 1 / -1; } }
/* video on top, words below (?hero=video): dark text on the light panel, a real button, no zoom on the video */
.eg-hero-below .eg-hero-title { text-shadow: none; }
.eg-hero-below .eg-hero-in { padding-bottom: clamp(2rem, 1.4rem + 3vw, 3.6rem); }
.eg-hero-below .eg-btn { border-radius: 999px; padding: .9rem 2.2rem; letter-spacing: .14em; font-size: .82rem; font-weight: 600; }