@font-face{font-family:Cochin;src:url('./cochin-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Granary;src:url('./granary-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f4e9cb;color:#7c1107;font-family:Granary,Georgia,serif;font-size:17px;line-height:1.6;text-align:center;display:flex;flex-direction:column}header{padding:24px 24px 4px}nav{display:flex;justify-content:center;gap:13px;align-items:center}nav button{color:inherit;background:none;border:0;font:inherit;font-size:13px;padding:8px 2px;cursor:pointer;opacity:.6}nav button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}nav span{font-size:12px;opacity:.4}main{width:min(100% - 48px,440px);margin:26px auto 0;flex:1}.brand{display:flex;flex-direction:column;align-items:center;gap:14px}.emblem{width:100px;height:100px}.wordmark{width:270px;max-width:85%;height:auto}h1{font:400 clamp(32px,8vw,42px)/1.15 Cochin,Georgia,serif;text-transform:uppercase;margin:34px 0 20px;letter-spacing:.015em}.intro{margin:0 auto 28px;max-width:360px}.prompt{font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}.links{display:grid;gap:12px}.links a{background:#7c1107;color:#f4e9cb;min-height:58px;padding:15px 44px;text-decoration:none;position:relative;font-size:17px;transition:background .15s}.links a span{position:absolute;right:22px}.links a:hover{background:#5f0d05}.closing{font-size:14px;margin:28px 0 18px}footer{padding:24px 20px 26px;font-size:12px}footer a{color:inherit;text-underline-offset:4px}footer p{margin:6px 0 0;opacity:.7}a:focus-visible,button:focus-visible{outline:2px solid #7c1107;outline-offset:5px}@media(min-width:768px){main{margin-top:35px}.emblem{width:112px;height:112px}h1{margin-top:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Entrance and interaction motion; content stays visible without JavaScript. */
main{flex:0;margin-bottom:44px}.brand{margin:30px auto 0;text-decoration:none}.closing{margin-bottom:0}.links a{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.links a:hover,.links a:focus-visible{transform:translateY(-3px);box-shadow:0 7px 16px #7c11071a}.links a:active{transform:translateY(0);box-shadow:none}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){header,h1,.intro,.prompt,.links a,.closing,.brand{animation:arrive .7s ease both}h1{animation-delay:.06s}.intro{animation-delay:.12s}.prompt{animation-delay:.18s}.links a:nth-child(1){animation-delay:.24s}.links a:nth-child(2){animation-delay:.30s}.links a:nth-child(3){animation-delay:.36s}.closing{animation-delay:.42s}.brand{animation-delay:.48s}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.links a:hover,.links a:focus-visible{transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.links a{animation-name:fade-in}}