@font-face{font-family:'EB Garamond';src:url('/assets/garamond-regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{background:#f4f0e4;color:#214924;color-scheme:light}
body.preview-locked{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 20px;font-family:Arial,sans-serif;background:#f4f0e4;background-image:linear-gradient(#f4f0e4e8,#f4f0e4e8),url('/assets/paper-grain.webp');background-size:auto,512px 512px}
.preview-card{width:100%;max-width:440px}
.preview-bird{display:block;width:30px;height:37px;margin-bottom:32px}
.preview-eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.preview-card h1{margin:0;font:400 68px/.98 'EB Garamond',Georgia,serif;letter-spacing:-.025em}
.preview-description{font-size:16px;line-height:1.5;margin:24px 0 32px;color:#214924b8}
.preview-card label{display:block;font-size:14px;margin-bottom:10px}
.preview-card input{display:block;width:100%;min-height:52px;border:1px solid #21492470;border-radius:0;background:#fff8;color:#214924;font:18px Arial,sans-serif;padding:12px 14px}
.preview-card button{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:54px;border:1px solid #214924;background:#214924;color:#f4f0e4;padding:14px 18px;margin-top:16px;font:16px/24px Arial,sans-serif;cursor:pointer;transition:color .3s}
.preview-card button::before{content:'';position:absolute;inset:0;background:#f4f0e4;z-index:-1;transform:translateY(101%);transition:transform .3s}
.preview-card button:is(:hover,:focus-visible){color:#214924}
.preview-card button:is(:hover,:focus-visible)::before{transform:translateY(0)}
.preview-card button:disabled{cursor:wait;opacity:.7}
.preview-card :is(input,button):focus-visible{outline:2px solid #214924;outline-offset:4px}
.preview-card #preview-error,.preview-error{font-size:14px;line-height:1.5;color:#7b3024;margin:16px 0 0}
.preview-card [hidden]{display:none}
@media(max-width:600px){.preview-card h1{font-size:54px}.preview-bird{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.preview-card button,.preview-card button::before{transition:none}}