.nav .menu{gap:clamp(14px,1.5vw,28px)}
.hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,5vw,100px)}
.hero .hero-visual{min-width:0;width:100%}
.hero-slider{position:relative;width:100%;height:clamp(460px,42vw,650px);overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:radial-gradient(circle at 50% 35%,#224f7e,#061427 75%);box-shadow:0 35px 100px rgba(0,0,0,.4)}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1.1s ease,visibility .65s;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide img,.hero-slide video{width:100%;height:100%;display:block;object-fit:cover}
.hero-slide.is-fallback img{object-fit:contain}
.hero-availability{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(4,18,36,.78);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.hero-availability i{width:8px;height:8px;flex:none;border-radius:50%;background:#2bd282;box-shadow:0 0 0 4px rgba(43,210,130,.16)}
.hero-slider-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;transform:translateY(-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(4,18,36,.62);color:#fff;font:400 34px/1 Georgia,serif;cursor:pointer;transition:background .2s,transform .2s}
.hero-slider-arrow:hover{background:var(--orange);transform:translateY(-50%) scale(1.06)}
.hero-slider-arrow:focus-visible,.hero-slider-dots button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-slider-prev{left:16px}.hero-slider-next{right:16px}
.hero-slider-dots{position:absolute;bottom:17px;left:50%;z-index:3;display:flex;align-items:center;gap:9px;transform:translateX(-50%);padding:8px 12px;border-radius:99px;background:rgba(4,18,36,.65)}
.hero-slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .25s,background .25s}
.hero-slider-dots button[aria-current=true]{width:26px;border-radius:99px;background:var(--orange)}
@media(max-width:1399px){.nav .menu-toggle{display:block}.nav .menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:21;flex-direction:column;align-items:stretch;gap:0;padding:18px 24px;background:#fff;box-shadow:0 18px 35px rgba(7,26,51,.13)}.nav .menu.open{display:flex}.nav .menu a{padding:9px 0}}
@media(max-width:900px){.hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding:45px 0 65px}.hero .hero-visual{display:flex;order:-1}.hero-slider{height:clamp(380px,65vw,560px)}.hero .hero-copy{min-width:0;padding-left:0}}
@media(max-width:580px){.hero .hero-grid{gap:23px;padding:28px 0 55px}.hero .hero-copy h1{font-size:clamp(40px,11vw,56px)}.hero-slider{height:340px;border-radius:11px}.hero-availability{top:12px;right:12px;font-size:9px}.hero-slider-arrow{width:36px;height:36px;font-size:27px}.hero-slider-prev{left:8px}.hero-slider-next{right:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slider-arrow,.hero-slider-dots button{transition:none}}