@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/lora-500.ttf') format('truetype')}
.hero{container-type:inline-size;isolation:isolate;width:100%;min-width:0;aspect-ratio:866/1600;min-height:0;overflow:hidden;background:#070f0a;color:#fff;touch-action:pan-y pinch-zoom}
.hero-slides,.hero-slide,.hero-slide img{position:absolute;inset:0;width:100%;height:100%}
.hero-slides{z-index:-2;height:84%;mask-image:linear-gradient(#000 85%,transparent 100%)}
.hero-slide{opacity:0;transition:opacity 1.4s ease-in-out;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide img{object-fit:cover;object-position:50% 50%}
#hero-slide-1 img{object-position:29% 50%}
#hero-slide-2 img{object-position:78% 50%}
#hero-slide-3 img{object-position:70% 50%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,12,8,.22) 0%,transparent 25%,transparent 38%,rgba(8,14,9,.24) 49%,rgba(5,12,8,.8) 71%,rgba(5,10,7,.95) 100%)}
.hero-brand{position:absolute;top:4%;left:14%;width:72%;text-align:center}
.hero-brand img{width:100%;height:auto;filter:drop-shadow(0 3px 10px #0003)}
.hero-brand p{margin-top:2.6%;color:#fff;font-size:clamp(11px,3.45cqw,27px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,20,30,.95),0 3px 10px rgba(0,20,30,.7);white-space:nowrap}
.hero-content{position:absolute;left:6.5%;right:6.5%;bottom:2.3%}
.hero h1{color:#fff;font-family:'Lora',Georgia,serif;font-size:clamp(43px,13.1cqw,100px);font-weight:500;line-height:1;letter-spacing:-.035em;text-shadow:0 2px 5px rgba(0,0,0,.8),0 8px 24px rgba(0,0,0,.4);margin:0 0 5.2%}
.hero-description{color:#fff;font-size:clamp(17px,4.65cqw,35px);font-weight:600;line-height:1.22;text-shadow:0 1px 3px rgba(0,0,0,.85),0 4px 12px rgba(0,0,0,.45);margin:0 0 6%}
.hero-actions{display:grid;gap:clamp(8px,1.8cqw,14px)}
.hero-action{display:flex;align-items:center;justify-content:center;gap:4%;width:100%;height:auto;min-height:56px;padding:3.7% 4%;border:2px solid;border-radius:clamp(12px,3cqw,23px);font-size:clamp(19px,5.35cqw,40px);line-height:1.2;font-weight:700;text-decoration:none;box-shadow:0 4px 18px #0002;transition:background .2s,transform .2s}
.hero-action svg:first-child{width:clamp(27px,7.5cqw,55px);height:clamp(27px,7.5cqw,55px);margin-right:3%}
.hero-action svg:last-child{width:clamp(24px,6.2cqw,45px);height:clamp(24px,6.2cqw,45px)}
.hero-menu{background:#b63807;border-color:#f28c23}
.hero-menu:hover{background:#c34810}
.hero-stay{background:#00462c;border-color:#0bb54b}
.hero-stay:hover{background:#075b39}
.hero-action:active{transform:translateY(1px)}
.hero-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}