:root{--navy:#0d2f46;--green:#245b49;--teal:#3d7f7a;--cream:#f4f2e9;--white:#fff;--ink:#17232b;--line:#d9e1df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}
header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;color:var(--navy)}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}
nav{display:flex;gap:20px}nav a{text-decoration:none;font-weight:600}#menu{display:none}
.hero{min-height:78vh;display:grid;place-items:center;padding:80px 8vw;color:#fff;background:
    linear-gradient(rgba(13,47,70,.55), rgba(36,91,73,.45)),
    url("IMG_0196.jpeg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;}
.hero>div{max-width:920px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:var(--teal)}.hero .eyebrow{color:#bfe5d4}
h1,h2{font-family:Georgia,'Times New Roman',serif;color:var(--navy)}h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.98;color:#fff;margin:.2em 0}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}
.btn{display:inline-block;margin-top:22px;padding:13px 20px;border-radius:999px;background:#fff;color:var(--navy);text-decoration:none;font-weight:700}
.section{padding:90px 8vw}.alt{background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}
article,.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #0d2f461f}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery div{min-height:250px;display:grid;place-items:end start;padding:24px;color:#fff;font-weight:700;border-radius:18px;background:linear-gradient(145deg,var(--navy),var(--teal))}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;background:var(--navy);color:#fff}.contact h2{color:#fff}.panel{color:var(--ink)}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 8vw;background:#071c2a;color:#dbe7e7;font-size:.9rem}
@media(max-width:900px){#menu{display:block}nav{display:none;position:absolute;top:77px;left:0;right:0;padding:20px;background:#fff;flex-direction:column}nav.open{display:flex}.grid,.grid.three,.gallery,.contact{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid,.grid.three,.gallery,.contact{grid-template-columns:1fr}footer{flex-direction:column}.brand span{max-width:190px;line-height:1.1}}