/* New home page */
.home { max-width: 900px; }
.home-hero { padding: 2.5rem 0 1rem; margin: 0 !important; display: block; }
.home-card { position: relative; max-width: 760px; margin: 0 auto; line-height: 0; border-radius: 6px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.45); }
.home-card img { width: 100%; height: auto; display: block; }
.home-card .discover { position: absolute; left: 25%; right: 25%; bottom: 0; height: 17%; display: block; }
.explore { padding: 3rem 0 2rem; text-align: center; scroll-margin-top: 1rem; }
.explore h2 { font-family: 'Libre Baskerville', serif; color: var(--gold); font-size: 2rem; margin: 0 0 .4rem; }
.explore-sub { color: var(--cream); opacity: .85; margin: 0 0 2rem; }
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.2rem; text-align: left; }
.tile { display: block; padding: 1.4rem 1.4rem 1.5rem; background: var(--navy); border: 1px solid rgba(212,150,50,.55); border-top: 4px solid var(--red); border-radius: 4px; text-decoration: none; color: var(--cream); transition: transform .15s, box-shadow .15s, border-color .15s; }
.tile:hover { transform: translateY(-3px); border-color: var(--gold); box-shadow: 0 8px 20px rgba(0,0,0,.4); }
.tile-title { display: block; font-family: 'Oswald', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); font-size: 1.25rem; margin-bottom: .4rem; }
.tile-text { display: block; font-size: 1rem; line-height: 1.45; }
.explore-cta { padding: 2.2rem 0 1rem; }
html { scroll-behavior: smooth; }
