@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:#0E2F33 radial-gradient(ellipse at 50% 30%,#164248,#0E2F33 70%);color:#EAE3D2;font:400 1.15rem/1.6 "DM Sans",system-ui,sans-serif;display:grid;place-items:center;padding:16px;text-align:center}
.lock{width:72px;height:auto;margin:0 auto 22px;display:block;overflow:visible}
@media (prefers-reduced-motion:no-preference){.shackle{transform-box:view-box;animation:open 1s .4s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes open{to{transform:translateY(-10px)}}}
h1{font:500 clamp(2.4rem,7vw,3.8rem)/1.05 Fraunces,Georgia,serif;letter-spacing:.01em;margin:0 0 .3em;color:#F3EAD3}
p{margin:0 auto .4em;max-width:30rem;color:#C9C2B0}
.contact a{color:#C9A45C;text-underline-offset:4px}
a:focus-visible{outline:2px solid #C9A45C;outline-offset:3px}