@charset "utf-8";

#home-navy-hero-2026 { width: 100vw !important; margin-left: calc(50% - 50vw) !important; background: linear-gradient(135deg, rgb(18, 33, 58) 0%, rgb(27, 46, 74) 100%) !important; padding: 72px 24px 64px !important; border-radius: 0px 0px 32px 32px !important; box-sizing: border-box !important; overflow: hidden !important; }

.home-navy-inner-2026 { max-width: 1120px !important; margin: 0px auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; align-items: center !important; }

.home-navy-copy-2026, .home-navy-copy-2026 * { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }

.home-navy-copy-2026 h1 { font-family: Georgia, serif !important; font-size: clamp(2.3rem, 5vw, 4rem) !important; line-height: 1.08 !important; margin: 0px 0px 18px !important; }

.home-navy-copy-2026 p { color: rgba(255, 255, 255, 0.74) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important; line-height: 1.75 !important; max-width: 540px !important; }

.home-navy-eyebrow-2026 { display: inline-flex !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: rgba(255, 255, 255, 0.88) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important; border-radius: 999px !important; padding: 6px 16px !important; font-size: 0.7rem !important; font-weight: 800 !important; letter-spacing: 0.14em !important; margin-bottom: 18px !important; }

.home-navy-actions-2026 { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; margin-top: 28px !important; }

.home-navy-actions-2026 button { border-radius: 999px !important; padding: 13px 26px !important; font-weight: 800 !important; cursor: pointer !important; font-family: inherit !important; }

.home-navy-actions-2026 button:first-child { background: rgb(255, 255, 255) !important; color: rgb(18, 33, 58) !important; -webkit-text-fill-color: rgb(18, 33, 58) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.home-navy-actions-2026 button:last-child { background: rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; border: 1.5px solid rgba(255, 255, 255, 0.28) !important; }

.home-navy-tiles-2026 { position: relative !important; height: 340px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; }

.home-navy-tile-2026 { position: absolute !important; background: rgb(255, 255, 255) !important; color: rgb(30, 45, 61) !important; border-radius: 22px !important; padding: 18px 20px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 38px !important; min-width: 250px !important; }

.home-navy-tile-2026 * { color: rgb(30, 45, 61) !important; -webkit-text-fill-color: rgb(30, 45, 61) !important; }

.home-navy-tile-2026 small { display: block !important; color: rgb(106, 122, 138) !important; -webkit-text-fill-color: rgb(106, 122, 138) !important; }

.home-navy-tile-2026 span { margin-right: 10px !important; }

.home-navy-tile-2026.tile-1 { top: 0px; left: 8px; }

.home-navy-tile-2026.tile-2 { top: 84px; right: 0px; }

.home-navy-tile-2026.tile-3 { top: 168px; left: 44px; }

.home-navy-tile-2026.tile-4 { top: 252px; right: 28px; }

.home-navy-tile-2026.tile-5 { top: 336px; left: 0px; }

@media (max-width: 900px) {
  .home-navy-inner-2026 { grid-template-columns: 1fr !important; text-align: center !important; }
  .home-navy-tiles-2026 { height: auto !important; display: flex !important; flex-direction: column !important; gap: 14px !important; }
  .home-navy-tile-2026 { position: relative !important; inset: auto !important; max-width: 420px !important; width: 100% !important; margin: 0px auto !important; }
}