@font-face{font-family:Cormorant;src:url(fonts/cormorant.woff2) format('woff2');font-display:swap}
@font-face{font-family:Jost;src:url(fonts/jost.woff2) format('woff2');font-display:swap}
:root{--ink:#163a4a;--soft:#3d6676;--sea:#0d8ca8;--deep:#06283a;--foam:#f3fbfd;--card:#ffffffcc}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--foam);line-height:1.65;font-size:17px}
a{color:var(--sea)}
header.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#f3fbfdee;backdrop-filter:blur(8px);border-bottom:1px solid #d7eef3}
header.nav .brand{font-family:Cormorant,Georgia,serif;font-size:28px;text-decoration:none;color:var(--ink)}
header.nav nav a{margin-left:18px;text-decoration:none;color:var(--soft);font-size:15px}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;background:#0b3b52 center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#04202ecc)}
.hero .in{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:0 24px 64px;width:100%}
.hero h1{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(48px,8vw,92px);margin:0;line-height:1}
.hero p{font-size:clamp(18px,2.4vw,23px);max-width:620px;margin:14px 0 26px;opacity:.95}
.pill{display:inline-block;padding:12px 26px;border-radius:999px;background:#ffffff;color:var(--deep);text-decoration:none;font-weight:500}
.pill.ghost{background:transparent;color:#fff;border:1px solid #ffffffaa;margin-left:10px}
section.wrap{max-width:1040px;margin:0 auto;padding:72px 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 8px 28px #0b3b5214}
.card h3{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:27px;margin:4px 0 6px}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.shots img{width:100%;border-radius:18px;display:block}
h2.title{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:44px;margin:0 0 18px}
.doc{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.doc h1{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:46px;line-height:1.1;margin:0 0 18px}
.doc h2{font-size:21px;margin:34px 0 8px}
.doc h3{font-size:18px;margin:26px 0 6px}
footer{background:var(--deep);color:#cfe9f0;padding:36px 24px;font-size:14px}
footer .in{max-width:1040px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
footer a{color:#cfe9f0;margin-right:16px}
@media(max-width:640px){header.nav nav a{margin-left:10px;font-size:14px}.pill.ghost{margin:10px 0 0}}