@font-face{font-family:Antonio;src:url("fonts/antonio-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-italic.woff2") format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:#faf9f6;color:#292b2b;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 40px}
h1{margin:0;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.035em}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #1738b8;outline-offset:8px}
.login{display:inline-flex;min-height:44px;align-items:center;font-size:12px;white-space:nowrap;text-underline-offset:5px}
.login:hover{text-decoration:underline}
main{display:flex;align-items:center;justify-content:center;gap:clamp(80px,12vw,190px);padding:40px}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.cobalt{color:#1738b8;line-height:1}
.wm-name{font:600 74px/.86 Antonio,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-shadow:3px 3px 0 #c9952f}
.wm-sub{font:italic 500 22px/1 "EB Garamond",Garamond,serif;letter-spacing:.02em;color:#17171b;margin:14px 0 0 2px}
.viridian img{display:block;width:300px;max-width:100%;height:auto}
footer{padding:28px 40px;color:#6a6c6a;font-size:10px;letter-spacing:.025em}
@media(max-width:700px){header{padding:18px 22px;gap:16px}h1{max-width:160px;font-size:12px}main{flex-direction:column;gap:72px;padding:36px 24px}.wm-name{font-size:62px}.wm-sub{font-size:19px;margin-top:12px}.viridian img{width:260px}footer{padding:22px;font-size:9px}}
@media(max-height:600px) and (max-width:700px){main{gap:44px;padding-block:20px}}