:root{--ink:#fff;--ocean:#082d4e;--glass:rgba(255,255,255,.72)}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#082d4e}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.hero{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden;display:grid;place-items:center;background:#0b3658}
.hero::before{content:"";position:absolute;inset:-3%;background-image:url("https://images.pexels.com/videos/35684420/pexels-photo-35684420.jpeg?auto=compress&cs=tinysrgb&w=1920");background-size:cover;background-position:center;transform:scale(1.04);animation:drift 22s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,22,38,.05),rgba(4,22,38,.12) 48%,rgba(4,22,38,.35) 100%)}
@keyframes drift{from{transform:scale(1.04) translate3d(-.35%,0,0)}to{transform:scale(1.075) translate3d(.35%,-.3%,0)}}
.brand{position:relative;z-index:2;text-align:center;width:min(920px,90vw);padding:7vh 20px 13vh;animation:reveal 1.6s ease both}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mark{width:clamp(145px,18vw,245px);height:auto;margin:0 auto 24px;filter:drop-shadow(0 2px 16px rgba(0,0,0,.12))}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,4.1vw,62px);font-weight:400;letter-spacing:.16em;margin:0 0 22px;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.16)}
.rule{width:42px;height:1px;background:rgba(255,255,255,.88);margin:0 auto 20px}
.tag{font-size:clamp(10px,1.25vw,15px);letter-spacing:.43em;text-transform:uppercase;margin:0;color:rgba(255,255,255,.94)}
.privacy{position:absolute;z-index:2;left:50%;bottom:max(54px,calc(env(safe-area-inset-bottom) + 32px));transform:translateX(-50%);font-size:10px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.68)}
.footer{position:absolute;z-index:3;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,58px);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.64)}
.footer a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:3px}
.footer a:hover,.footer a:focus{color:white;border-color:white}
@media(max-width:680px){
 .hero::before{background-position:56% center}
 .brand{padding-bottom:18vh}.mark{width:150px;margin-bottom:20px}
 h1{font-size:28px;line-height:1.32;letter-spacing:.12em}
 .tag{font-size:9px;line-height:1.7;letter-spacing:.31em}
 .privacy{bottom:76px;font-size:8px;letter-spacing:.22em}
 .footer{font-size:8px;letter-spacing:.10em}
}
@media(prefers-reduced-motion:reduce){.hero::before,.brand{animation:none}}