:root{--navy:#082f5e;--deep:#072850;--salmon:#ee906a;--cream:#f7f3f3;--ink:#1d2a3a}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',Arial,sans-serif;font-size:18px;line-height:1.65;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1060px;margin:0 auto;padding:0 22px}
header{background:var(--navy);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}
header img{height:50px;width:auto}
nav a{color:#fff;text-decoration:none;margin-left:22px;font-size:16px}
nav a:hover{color:var(--salmon)}
.btn{display:inline-block;background:var(--salmon);color:var(--deep);padding:13px 26px;border-radius:3px;font-weight:500;text-decoration:none;margin:0 8px 10px 0}
.btn.o{background:transparent;color:#fff;border:2px solid #fff}
.btn.d{background:var(--navy);color:#fff}
nav .btn{margin:0 0 0 22px;padding:9px 18px;color:var(--deep)}
.hero{position:relative;color:#fff;background:var(--deep)}
.hero>img{width:100%;height:min(74vh,600px);object-fit:cover;opacity:.62}
.hero .in{position:absolute;inset:0;display:flex;align-items:flex-end;padding-bottom:50px;background:linear-gradient(0deg,rgba(7,40,80,.85),rgba(7,40,80,0) 70%)}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(40px,7vw,78px);line-height:1;margin-bottom:14px}
.hero p{max-width:30em;font-size:20px;margin-bottom:22px}
section{padding:72px 0}
h2{font-family:'Cormorant Garamond',serif;color:var(--navy);font-weight:600;font-size:clamp(32px,4.4vw,46px);line-height:1.1;margin-bottom:12px}
h3{font-family:'Cormorant Garamond',serif;color:var(--navy);font-size:26px;margin-bottom:6px}
.rows>div{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:34px 0}
.rows>div:nth-child(even) .pic{order:2}
.pic img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.rows ul{padding-left:20px;margin-top:10px}
.rows li{margin-bottom:4px}
.cream{background:var(--cream)}
.notice{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.notice img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.navy{background:var(--navy);color:#fff}
.navy h2{color:#fff}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.big{font-family:'Cormorant Garamond',serif;font-size:44px;line-height:1.1;display:block;text-decoration:none;margin:6px 0 10px}
.navy a{color:#fff}
footer{background:var(--deep);color:#c5d0df;text-align:center;font-size:13.5px;padding:20px}
footer a{color:#c5d0df}
@media(max-width:780px){.rows>div,.notice,.cgrid{grid-template-columns:1fr;gap:20px}.rows>div:nth-child(even) .pic{order:0}nav a:not(.btn){display:none}section{padding:46px 0}header img{height:40px}}
