@font-face{font-family:Oswald;src:url(fonts/Oswald-VariableFont_wght.ttf) format("truetype");font-weight:200 700;font-display:swap}
@font-face{font-family:"Public Sans";src:url(fonts/PublicSans-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--navy:#0B132B;--panel:#10264A;--ink:#EAF3F7;--muted:#B4C3D1;--blue:#00B2FF;--line:#22406E}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:var(--ink);font:400 17px/1.6 "Public Sans",system-ui,sans-serif;position:relative;overflow-x:hidden;
 --sea:url(/sea.jpg);
 /* navy veil over the photo: lighter in the upper middle, near solid behind the lockup and at the foot, darker at the edges */
 background:
  radial-gradient(75% 55% at 50% 52%,rgba(11,19,43,.9) 0,rgba(11,19,43,.55) 60%,transparent 100%),
  radial-gradient(130% 100% at 50% 50%,transparent 45%,rgba(8,23,48,.75) 100%),
  linear-gradient(180deg,rgba(11,19,43,.5) 0,rgba(11,19,43,.3) 30%,rgba(11,19,43,.8) 72%,#081730 100%),
  var(--sea) center/cover no-repeat,var(--navy)}
@media (max-width:700px){body{--sea:url(/sea-m.jpg)}}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;position:relative}
/* clear space = height of the H = 12.5% of the lockup width (BRAND-GUIDELINES section 5) */
.lockup{--w:clamp(234px,66vw,600px);display:block;width:var(--w);height:auto;margin:0 0 calc(var(--w)*.125)}
h1{margin:0 0 16px;font:500 clamp(26px,5vw,34px)/1.1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.rule{width:48px;height:2px;border:0;background:var(--blue);margin:0 0 24px}
p{margin:0;max-width:34ch;color:var(--muted)}
.contact{margin-top:40px}
a{color:var(--ink);text-underline-offset:4px;text-decoration-color:var(--blue)}
a:hover{color:#38C6FF}
a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
footer{padding:0 24px 28px;text-align:center;font-size:13px;color:var(--muted);position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px}