*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05090c;color:#f4f6f8;font-family:Arial,Helvetica,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #1b2a31;background:#05090cf2;position:sticky;top:0;z-index:10}.brand{color:white;text-decoration:none;letter-spacing:3px}.brand b{display:block;font-size:22px}.brand span{font-size:11px;letter-spacing:6px}nav{display:flex;gap:40px}nav a{color:#d8dfe3;text-decoration:none;font-size:12px;letter-spacing:2px}nav a:hover,.eyebrow,article b,.copy>span,.contact>span{color:#00cfff}.hero{height:620px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,7,.98) 0%,rgba(2,5,7,.82) 31%,rgba(2,5,7,.16) 62%,rgba(2,5,7,.05) 100%)}.heroText{position:absolute;left:5%;top:10%;width:48%;max-width:760px}.eyebrow{font-size:14px;letter-spacing:5px;font-weight:bold}.eyebrow i{padding:0 8px}.hero h1{font-size:76px;line-height:.9;margin:32px 0 8px;background:linear-gradient(#fff,#8e969d);-webkit-background-clip:text;color:transparent;letter-spacing:-3px}.hero h2{font-size:35px;letter-spacing:15px;font-weight:400;margin:0 0 24px}.hero h3{font-size:20px;letter-spacing:4px;font-weight:400}.heroText>p:not(.eyebrow){color:#c2cbd1;line-height:1.6;font-size:16px;max-width:610px}.actions{display:flex;gap:20px;margin-top:34px}.actions a,.copy a,.contact a{border:1px solid #00bce8;padding:16px 25px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:2px}.actions .primary{background:#00bdf0;color:#001018}.cards{display:grid;grid-template-columns:repeat(3,1fr)}article{height:310px;position:relative;overflow:hidden;border:1px solid #24343c}article img{width:100%;height:100%;object-fit:cover;transition:.4s}article:hover img{transform:scale(1.03)}article:after{content:"";position:absolute;inset:0;background:linear-gradient(#071018b0 0%,transparent 55%,#02060855)}article div{position:absolute;z-index:2;top:28px;left:34px}article b{letter-spacing:4px}article h3{font-size:19px;letter-spacing:1px;margin:10px 0}article p{font-size:10px;letter-spacing:1px;color:#c3ccd2}.about{min-height:350px;display:grid;grid-template-columns:32% 50% 18%;border-top:1px solid #26363e}.about .copy,.contact{padding:38px 4vw}.copy h2{font-size:25px;line-height:1.15;letter-spacing:2px;font-weight:400}.copy p{font-size:13px;line-height:1.5;color:#b9c2c8;margin-bottom:28px}.copy>span,.contact>span{font-size:11px;letter-spacing:3px}.about>img{width:100%;height:100%;min-height:350px;object-fit:cover}.contact{border-left:1px solid #26363e}.contact h3{font-size:16px;line-height:1.5;font-weight:400;color:#cbd3d8;margin:28px 0 35px}footer{padding:22px 5%;font-size:10px;letter-spacing:3px;color:#65747c;border-top:1px solid #18262c}@media(max-width:850px){header{height:auto;padding:18px 5%;align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:9px}.hero{height:650px}.heroText{width:90%;top:12%}.hero h1{font-size:52px}.hero h2{font-size:23px;letter-spacing:9px}.heroShade{background:linear-gradient(90deg,rgba(2,5,7,.96),rgba(2,5,7,.55))}.cards{grid-template-columns:1fr}.about{grid-template-columns:1fr}.contact{border-left:0;border-top:1px solid #26363e}}

/* Mobile refinement */
@media(max-width:600px){
  header{position:sticky;display:block;padding:14px 18px 12px;background:#05090cfa}
  .brand b{font-size:18px}.brand span{font-size:8px;letter-spacing:4px}
  nav{margin-top:13px;display:flex;gap:14px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-bottom:3px;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}nav a{font-size:9px;letter-spacing:1.3px}
  .hero{height:auto;min-height:680px;display:flex;align-items:flex-end;background:#061016}
  .hero>img{position:absolute;inset:0;height:100%;object-position:66% center}
  .heroShade{background:linear-gradient(180deg,rgba(2,5,7,.12) 0%,rgba(2,5,7,.32) 34%,rgba(2,5,7,.94) 64%,#020507 100%)}
  .heroText{position:relative;left:auto;top:auto;width:100%;max-width:none;padding:0 20px 36px;z-index:2}
  .eyebrow{font-size:10px;letter-spacing:2.1px;line-height:1.6}.eyebrow i{padding:0 3px}
  .hero h1{font-size:47px;line-height:.92;letter-spacing:-2px;margin:16px 0 7px}
  .hero h2{font-size:19px;letter-spacing:8px;margin:0 0 18px}
  .hero h3{font-size:16px;line-height:1.35;letter-spacing:2px;margin:0 0 12px}
  .heroText>p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0}
  .actions{gap:10px;margin-top:22px;flex-wrap:wrap}.actions a{padding:13px 15px;font-size:10px;letter-spacing:1.2px}
  .cards{display:block}article{height:255px;border-left:0;border-right:0}article div{top:20px;left:20px;right:18px}article h3{font-size:17px}article p{font-size:9px;line-height:1.5}
  .about{display:flex;flex-direction:column}.about .copy,.contact{padding:30px 20px}.copy h2{font-size:24px}.copy p{font-size:13px}.about>img{height:260px;min-height:260px}.contact{min-height:210px}
  footer{padding:18px 20px;font-size:9px;letter-spacing:2px}
}
.menuBtn{display:none;background:transparent;border:1px solid #24404c;color:#fff;font-size:24px;line-height:1;width:42px;height:42px}
@media(max-width:600px){
 header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky}
 .brand b{font-size:16px;line-height:1}.brand span{font-size:7px;letter-spacing:3.4px}
 .menuBtn{display:block;cursor:pointer}
 nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:10px 18px 18px;background:#05090cf8;border-bottom:1px solid #20323a;overflow:visible;white-space:normal}
 nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0}
 nav a{font-size:10px;letter-spacing:1.5px;padding:14px 6px;border-bottom:1px solid #17262d}
 .hero{min-height:600px;height:calc(100svh - 68px);max-height:690px}
 .hero>img{object-position:68% center}
 .heroShade{background:linear-gradient(90deg,rgba(2,5,7,.93) 0%,rgba(2,5,7,.68) 54%,rgba(2,5,7,.22) 100%),linear-gradient(0deg,rgba(2,5,7,.84) 0%,transparent 42%)}
 .heroText{padding:0 18px 28px;max-width:520px}
 .eyebrow{font-size:9px;letter-spacing:1.8px;max-width:92%}
 .hero h1{font-size:42px;margin:13px 0 5px;letter-spacing:-1.5px}
 .hero h2{font-size:16px;letter-spacing:6px;margin-bottom:15px}
 .hero h3{font-size:14px;letter-spacing:1.5px;max-width:360px}
 .heroText>p:not(.eyebrow){font-size:13px;line-height:1.5;max-width:370px}
 .actions{margin-top:18px;display:grid;grid-template-columns:1.25fr .8fr;max-width:390px}
 .actions a{padding:12px 10px;font-size:9px;text-align:center}
 article{height:230px}
}
@media(max-width:380px){.hero h1{font-size:37px}.hero h2{font-size:14px;letter-spacing:5px}.hero{min-height:570px}.actions{grid-template-columns:1fr}}

/* Mobile v3: clean compact header + true dropdown */
@media(max-width:600px){
  header{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}
  .brand{min-width:0}.brand b{font-size:15px;letter-spacing:2.4px;white-space:nowrap}.brand span{font-size:6.5px;letter-spacing:3px;white-space:nowrap}
  .menuBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #29404a;border-radius:2px;background:#081015;color:#fff;font-size:22px;position:relative;z-index:12}
  nav{display:none!important;position:absolute;top:64px;left:0;right:0;background:#05090c;z-index:11;border-top:1px solid #17262d;border-bottom:1px solid #20323a;padding:8px 16px 14px;margin:0}
  nav.open{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  nav a{display:block;font-size:11px;letter-spacing:2px;padding:15px 4px;border-bottom:1px solid #17262d;color:#e6ecef}
  nav a:last-child{border-bottom:0}
  .hero{height:auto;min-height:560px;max-height:none}
  .hero>img{object-position:69% center}
  .heroText{padding:54px 18px 28px;align-self:flex-end}
  .eyebrow{font-size:8.5px;letter-spacing:1.6px;line-height:1.5;margin:0 0 8px;max-width:330px}
  .hero h1{font-size:38px;line-height:.94;margin:9px 0 4px;letter-spacing:-1.2px}
  .hero h2{font-size:14px;letter-spacing:5.2px;margin:0 0 13px}
  .hero h3{font-size:13px;line-height:1.35;letter-spacing:1.25px;margin:0 0 10px;max-width:330px}
  .heroText>p:not(.eyebrow){font-size:12.5px;line-height:1.48;max-width:340px}
  .actions{margin-top:16px;gap:9px;grid-template-columns:1.18fr .82fr;max-width:355px}
  .actions a{padding:11px 8px;font-size:8.5px;letter-spacing:1px}
}