*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b2030;color:#f3f0e9;font-family:Georgia,serif}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px max(5%,22px);background:#091b29;border-bottom:1px solid #ffffff25}header .brand{text-decoration:none;font-size:clamp(15px,2vw,22px);letter-spacing:1.3px}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{text-decoration:none;font:12px Arial,sans-serif;letter-spacing:2px}nav a:hover,nav a[aria-current]{color:#d9b785}.wrap{width:min(1100px,88%);margin:auto}.eyebrow{font:12px Arial,sans-serif;letter-spacing:3px;color:#d9b785;text-transform:uppercase}.hero{min-height:80vh;display:flex;align-items:center;background:linear-gradient(90deg,#071b2be8,#071b2b8a 50%,#071b2b15),url('/ocean-hero.webp') center / cover}.hero h1{font-size:clamp(55px,8vw,108px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin:24px 0}.hero h1 span{color:#c7d9df}.subtitle{font-size:clamp(23px,3vw,34px);margin:0 0 20px}.intro{max-width:550px;font:17px/1.8 Arial,sans-serif;color:#e1e8e8}.button{display:inline-block;margin-top:25px;border:1px solid #d9b785;padding:15px 23px;text-decoration:none;text-transform:uppercase;font:12px Arial,sans-serif;letter-spacing:2px}.button:hover{background:#d9b785;color:#102638}.light{background:#f1f0eb;color:#162d3b}.section{padding:80px 0}.grid{display:grid;grid-template-columns:minmax(220px,.8fr) 1.3fr;gap:65px;align-items:start}.portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 38%}.section h1,.section h2{font-weight:400;line-height:1.12;font-size:clamp(35px,4.5vw,58px);margin:12px 0 26px}.section p,.section li{font:17px/1.85 Arial,sans-serif}.light p,.light li{color:#405260}.dark p,.dark li{color:#c3d0d5}.page-banner{padding:85px 0 70px;background:linear-gradient(90deg,#081b2de8,#081b2d88),url('/ocean-hero.webp') center 44% / cover}.page-banner h1{font-size:clamp(48px,6vw,82px);font-weight:400;margin:12px 0}.page-banner p{font:18px/1.7 Arial,sans-serif;max-width:650px}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.credentials article{border-top:1px solid #b89c70;padding-top:15px}.credentials h3{font-size:24px;font-weight:400}.credentials p{font-size:15px}.note{border-left:2px solid #b89c70;padding-left:18px}.links{display:flex;gap:16px;flex-wrap:wrap}.links a{border:1px solid #b89c70;padding:12px 16px;text-decoration:none;font:12px Arial,sans-serif;letter-spacing:1px}footer{padding:30px 5%;text-align:center;border-top:1px solid #ffffff25;font:12px Arial,sans-serif;color:#b8c5c9}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}nav{gap:15px}.hero{min-height:680px;background-position:60% center}.section{padding:55px 0}.grid,.credentials{grid-template-columns:1fr;gap:28px}.portrait{max-width:450px}.page-banner{padding:60px 0}}
.hero{min-height:clamp(650px,85vh,940px);background-position:center center}.hero .wrap{padding:70px 0}.hero h1{text-shadow:0 3px 28px #061724bb}.hero .intro,.hero .subtitle{text-shadow:0 2px 12px #061724}@media(max-width:700px){.hero{min-height:690px;background-position:57% center}.hero .wrap{padding:55px 0}.hero h1{font-size:clamp(51px,12vw,78px)}}