.hero{position:relative;height:100vh;min-height:600px;max-height:900px;overflow:hidden;background:var(--navy);}
.hero-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;}
.hero-photo{overflow:hidden;position:relative;}
.hero-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 8s ease-out;filter:brightness(.68);}
.hero-photo:nth-child(1){grid-column:1/3;}
.hero-photo:nth-child(5){grid-row:1/3;grid-column:3/4;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,32,53,.85) 0%,rgba(10,32,53,.25) 55%,rgba(10,32,53,.1) 100%),linear-gradient(0deg,rgba(10,32,53,.65) 0%,transparent 58%);}
.hero-content{position:absolute;inset:0;display:flex;align-items:center;padding:0 28px;max-width:1200px;margin:0 auto;left:0;right:0;bottom: 70px}
.hero-glass{background:rgba(10,32,53,.52);border:1px solid rgba(255,255,255,.13);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:40px 44px;max-width:560px;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#049ED4;margin-bottom:16px;}
.hero-tag::before{content:'';display:block;width:18px;height:2px;background:#049ED4;border-radius:1px;}
.hero h1{font-size:clamp(46px,6vw,60px);font-weight:800;line-height:.91;color:#fff;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:18px;}
.hero h1 em{font-style:normal;color:var(--sky);}
.hero-sub{font-size:16px;color:rgba(255,255,255,.72);line-height:1.65;margin-bottom:28px;max-width:400px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hero-distances{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;background:rgba(10,32,53,.82);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.07);}
.hd-cell{flex:1;max-width:220px;padding:14px 18px;border-right:1px solid rgba(255,255,255,.07);text-align:center;cursor:pointer;transition:background .2s;}
.hd-cell:last-child{border-right:none;}
.hd-cell:hover,.hd-cell.act{background:rgba(58,155,213,.15);}
.hd-num{font-family:var(--fd);font-size:26px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em;}
.hd-num span{font-size:12px;font-weight:500;color:var(--sky);}
.hd-label{font-size:10px;color:rgba(255,255,255,.45);margin-top:2px;font-weight:500;}
.btn-gold{background:#c9891e;color:#fff;} 
.btn-gold:hover{background:#a5710e;}
.btn-ghost{background:transparent;color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.28);} .btn-ghost:hover{border-color:#fff;color:#fff;}

@media(max-width:768px){
  .hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;}
  .hero-photo:nth-child(1){grid-column:1/3;}
  .hero-photo:nth-child(5){grid-row:auto;grid-column:auto;}
  .hero-distances{display:none;}
  .hero-content{position:absolute;inset:0;display:flex;align-items:center;padding:0 5px 0 5px;max-width:1200px;margin:0 auto;left:0;right:0;bottom: 0}
}