.hero-slider{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;color:var(--white)}.hero-slide,.hero-slider--loading{align-items:center;justify-content:center}.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;text-align:center;opacity:0;visibility:hidden;transition:opacity .6s ease;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:50%;z-index:0}.hero-slide-bg--green-oasis{background-color:var(--primary-green);background-image:linear-gradient(135deg,var(--primary-green) 0,var(--secondary-green) 50%,var(--accent-green) 100%)}.hero-slide-bg--deep-forest{background-color:#14331b;background-image:linear-gradient(135deg,#0f2613 0,#1f4d2a 60%,var(--primary-green) 100%)}.hero-slide-bg--terracotta{background-color:#8a3b1e;background-image:linear-gradient(135deg,#6e2d16,#b1572e 55%,#d98a3d)}.hero-slide-bg--sunset-gold{background-color:#8a5a12;background-image:linear-gradient(135deg,#5c3a0c,#b87a1d 50%,#e0a83e)}.hero-slide-bg--custom{background-color:var(--primary-green);background-image:linear-gradient(135deg,var(--primary-green) 0,var(--secondary-green) 100%)}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}.hero-slide-content{position:relative;z-index:1;width:100%;padding:5rem 0}.hero-slide-text{max-width:820px;margin:0 auto}.hero-slide-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:.35rem .9rem;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-slide-title{font-size:3.75rem;font-weight:700;line-height:1.1;margin-bottom:1.25rem;text-shadow:2px 2px 6px rgba(0,0,0,.5)}.hero-slide-subtitle{font-size:1.3rem;line-height:1.6;margin:0 auto 2.5rem;max-width:640px;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.hero-slide-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.hero-slide-actions .btn{padding:1rem 2rem;font-size:1.125rem;font-weight:600;min-width:200px}.hero-slider .btn-outline{color:var(--white);border:2px solid var(--white);background:transparent}.hero-slider .btn-outline:hover{background:var(--white);color:var(--primary-green)}.hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;color:var(--white);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;transition:background .2s ease}.hero-slider-arrow:focus-visible,.hero-slider-arrow:hover{background:rgba(0,0,0,.6);outline:2px solid var(--white);outline-offset:2px}.hero-slider-arrow--prev{left:1.25rem}.hero-slider-arrow--next{right:1.25rem}.hero-slider-dots{position:absolute;bottom:1.75rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:.65rem}.hero-slider-dot{width:.85rem;height:.85rem;border-radius:50%;border:2px solid var(--white);background:transparent;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.hero-slider-dot:focus-visible,.hero-slider-dot:hover{background:rgba(255,255,255,.6);outline:2px solid var(--white);outline-offset:2px}.hero-slider-dot.is-active{background:var(--white);transform:scale(1.15)}.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}@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}@media (max-width:768px){.hero-slider{min-height:72vh}.hero-slide-title{font-size:2.5rem}.hero-slide-subtitle{font-size:1.125rem}.hero-slide-actions{flex-direction:column;align-items:center}.hero-slide-actions .btn{width:100%;max-width:320px}.hero-slider-arrow{width:2.5rem;height:2.5rem;font-size:1.6rem}.hero-slider-arrow--prev{left:.5rem}.hero-slider-arrow--next{right:.5rem}}@media (max-width:480px){.hero-slide-title{font-size:2rem}.hero-slide-subtitle{font-size:1rem}.hero-slide-content{padding:4rem 0}}.hero-slider:has(.mode-day) .hero-slider-dot.is-active{background:rgba(212,175,55,.8)}.hero-slider:has(.mode-night) .hero-slider-dot.is-active{background:rgba(184,41,227,.8)}