@font-face{font-family:"Cormorant Garamond";src:url("assets/cormorant-garamond.ttf") format("truetype");font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--oxblood:#4a202a;--parchment:#f3efe5}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--oxblood);color:var(--parchment)}
body{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:24px 1fr 24px;padding:28px 48px;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
p,h1{margin:0}
header,footer{display:flex;justify-content:center;align-items:center;font-size:11px;line-height:1.5;letter-spacing:.025em}
.dateline{display:flex;align-items:center;justify-content:center;gap:28px;font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.04em}
.dateline time:last-child{min-width:8.8em}
main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 0}
.signature{width:min(600px,75vw);display:flex;flex-direction:column;align-items:center;font-weight:400}
.signature{position:relative}
.wordmark{width:100%;display:flex;flex-direction:column;align-items:center;font-weight:400;line-height:0}
.wordmark-art{display:block;width:100%;height:auto;overflow:visible}
.watch-hands{opacity:.76}
.clasp-half{transform-origin:365.5px 21.5px;transition:transform 480ms cubic-bezier(.22,1,.36,1)}
.signature.is-open .clasp-left{transform:translate(-2.8px,-.6px) rotate(-7deg)}
.signature.is-open .clasp-right{transform:translate(2.8px,.6px) rotate(7deg)}
.clasp-trigger{position:absolute;right:-1.5%;top:-8px;width:14%;height:calc(100% - 21px);min-height:44px;min-width:44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:4px;color:inherit}
.clasp-trigger:focus-visible{outline:1px solid #d5c0c0;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.clasp-half{transition:none}}

.house{font-size:10px;line-height:1.5;letter-spacing:.32em;padding-left:.32em;margin-top:22px;color:#d5c0c0}
.subheader{margin-top:48px;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:400;letter-spacing:.015em;line-height:1.5;text-align:center;text-wrap:balance}
.status{font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;font-weight:400;letter-spacing:.025em;color:#d5c0c0}
@media(max-width:600px){body{padding:24px;grid-template-rows:24px 1fr 24px}.dateline{gap:22px;font-size:10px}.signature{width:100%;max-width:440px}.house{font-size:9px;letter-spacing:.28em;padding-left:.28em;margin-top:17px}.subheader{font-size:18px;margin-top:36px}.status{font-size:16px}main{padding:64px 0}}

@media(max-height:480px) and (orientation:landscape){body{padding:16px 24px}main{padding:28px 0}.signature{width:min(440px,65vw)}.house{margin-top:14px}.subheader{margin-top:22px;font-size:18px}}

.unbroken{white-space:nowrap}