@charset "UTF-8";
:root{color-scheme:dark;font-family:Georgia,"Times New Roman",serif;background:#17242d;color:#e8ebe9;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at 50% 40%,#273b47 0%,#17242d 65%)}
main{text-align:center;max-width:100%;padding:48px 0 70px}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:clamp(2.6rem,9vw,6rem);line-height:1.15;letter-spacing:-.045em}
.the{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;text-transform:uppercase;letter-spacing:.3em;color:#c7aa77;padding-left:.3em}
.rule{width:48px;height:1px;background:#c7aa77;margin:34px auto}
h1{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;line-height:1.6;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#b9c7ce;margin:0}
@media(prefers-reduced-motion:no-preference){main{animation:appear .7s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}

.monogram{display:block;width:clamp(190px,42vw,320px);height:auto;margin:0 auto 32px}.wordmark{font-size:clamp(2.6rem,8vw,4.8rem)}