:root { color-scheme: light; --green:#183a26; --gold:#d9b66a; --cream:#f5ebd7; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { background:var(--cream); font-family:Georgia,'Times New Roman',serif; }
.home { min-height:100svh; display:grid; place-items:center; }
.banner { position:relative; width:100%; max-width:1920px; overflow:hidden; box-shadow:0 12px 45px #162d1b25; }
.banner-image { display:block; width:100%; height:auto; }
.hotspot { position:absolute; display:block; top:65.3%; height:8.8%; border-radius:30px; outline-offset:4px; transition:transform .25s ease, box-shadow .25s ease; }
.hotspot-timeline { left:27.4%; width:19.9%; }
.hotspot-video { left:49.8%; width:19.9%; }
.hotspot:hover, .hotspot:focus-visible { transform:translateY(-4px); box-shadow:0 0 0 4px #f6e5aeaa, 0 8px 22px #142e1d60; }
.hotspot:focus-visible { outline:3px solid var(--gold); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mobile-content { display:none; }
@media (max-width:700px) {
  .home { display:block; }
  .banner { min-height:100svh; display:flex; align-items:center; justify-content:center; padding:48px 22px; isolation:isolate; background:var(--green); }
  .banner-image { position:absolute; z-index:-2; inset:0; height:100%; width:100%; object-fit:cover; object-position:48% center; opacity:.42; }
  .banner::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,#0e281bc7,#153822dd); }
  .banner-links { display:none; }
  .mobile-content { display:block; width:min(100%,430px); text-align:center; color:var(--cream); animation:rise .8s ease both; }
  .eyebrow { font:700 .85rem system-ui,sans-serif; text-transform:uppercase; letter-spacing:.25em; color:var(--gold); }
  h1 { font-size:clamp(3.1rem,12vw,5rem); line-height:1.03; font-weight:normal; margin:24px 0 12px; text-shadow:0 3px 20px #0005; }
  h1 em { display:block; color:var(--gold); font-style:normal; }
  p { font-size:1.12rem; text-transform:uppercase; letter-spacing:.12em; margin:0 0 42px; }
  .mobile-actions { display:grid; gap:16px; }
  .mobile-actions a { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border:1px solid var(--gold); border-radius:14px; background:#183b2ce8; color:#fff4d6; font:600 1rem system-ui,sans-serif; text-decoration:none; transition:background .2s,transform .2s; }
  .mobile-actions a:hover,.mobile-actions a:focus-visible { background:#31583a; transform:translateY(-2px); }
  .mobile-actions span { color:var(--gold); font-size:1.5rem; }
}
@keyframes rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }