html { scroll-behavior: smooth; }
body {
  color: #fff; font-family: Helvetica, Arial, sans-serif; font-size:16px;
  background: linear-gradient(90deg,#001E32 0%,#00274100 30%,#00274100 70%,#001E32 100%),linear-gradient(0deg,#008BC9 400px,#002741 30%);
  background-color:#002741; min-height:100vh;
}
a { color:#fff; }
h1 { font-size:clamp(2rem,4.5vw,3rem); text-shadow:0 0 4px #d4f2ff9f; font-weight:500; }
.hero h1 { font-size:clamp(2rem,4.45vw,4rem); }
h2 { font-size:clamp(1.5rem,3vw,2.25rem); text-shadow:0 0 3px #d4f2ff9f; }
h3 { font-size:clamp(1.25rem,2.3vw,1.5rem); text-shadow:0 0 2px #d4f2ff9f; }
.site-header,.site-footer { width:100%; max-width:1920px; margin-inline:auto; position:relative; z-index:1000; }
.site-header { position:fixed; inset:0 0 auto; transition:background-color .2s ease; }
.site-header.is-scrolled { background:#012860; box-shadow:0 4px 18px #00142166; }
.site-header .navbar { min-height:84px; }
.site-header .navbar-brand img { max-width:155px; height:auto; }
.site-header .nav-link { color:#fff; font-size:20px; font-weight:500; padding-inline:1rem!important; }
.navbar-toggler { border-color:#8DA7CA; }
.navbar-toggler-icon { filter:brightness(0) invert(1); }
.offcanvas { background:#012860; color:#fff; }
.btn-primary,.wp-block-button__link { color:#012860!important; border:1px solid #A4CDDF!important; background:radial-gradient(closest-side at 50% 40%,#b2cedab9 0%,#FFFFFF00 83%),linear-gradient(#36A5D4)!important; border-radius:999px; padding:.65rem 1.5rem; text-decoration:none; }
.btn-primary:hover,.wp-block-button__link:hover { filter:brightness(1.08); }
.page-top-water { position:absolute; z-index:-1; top:0; left:0; width:100%; height:min(740px,75vh); object-fit:cover; object-position:center top; opacity:.82; pointer-events:none; }
main { padding-top:100px; }
.hero { min-height:430px; display:flex; align-items:center; padding-block:5rem; }
.hero-copy { max-width:700px; }
.content-section { padding-block:3rem; }
.service-card,.content-card,.bento-card,.wp-block-image img { box-shadow:inset 1px 1px 1px #8DA7CA,inset -1px -1px 1px #8DA7CA; }
.service-card { height:100%; border-radius:1rem; padding:5px; background:#062e4a; overflow:hidden; }
.service-card img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:.7rem; }
.service-card-inner { padding:1.2rem; }
.content-card { border-radius:1rem; padding:5px; background:#052a43; }
.wp-block-image img { border-radius:.6rem; padding:5px; }
.site-footer { padding:4rem 0 1.2rem; background:linear-gradient(90deg,#001E32 0%,#00274100 30%,#00274100 70%,#001E32 100%),linear-gradient(#002741 0%,#00274100 73%),url('../img/Orka water footer.webp') center top/cover no-repeat; }
.site-footer a { text-decoration:none; }
.footer-logo { max-width:150px; height:auto; }
.footer-bottom { font-size:14px; border-top:1px solid #8DA7CA66; margin-top:2rem; padding-top:1rem; }
.contact-map iframe { width:100%; min-height:360px; border:0; border-radius:1rem; box-shadow:inset 1px 1px 1px #8DA7CA,inset -1px -1px 1px #8DA7CA; }
input,textarea,select { width:100%; color:#fff; background:#012860; border:1px solid #8DA7CA; border-radius:.35rem; padding:.7rem; }
@media (max-width:991.98px) {
 .site-header .navbar { min-height:70px; }
 .site-header .navbar-brand img { max-width:125px; }
 .hero { min-height:360px; padding-block:3rem; }
 main { padding-top:78px; }
 .site-footer { background-position:center top; }
}