html body dialog.timed-invitation{border:1px solid var(--line);background:var(--paper);width:min(830px,100vw - 40px);max-width:830px;max-height:calc(100dvh - 40px);color:var(--ink);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0003}.timed-invitation::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1119}.timed-invitation-grid{grid-template-columns:.85fr 1fr;display:grid}.timed-invitation-photo{background:#bbb;min-height:490px;position:relative}.timed-invitation-photo img{object-fit:cover;object-position:45% center;width:100%;height:100%;position:absolute}.timed-invitation-photo>span{color:#fff;font-family:var(--serif);text-shadow:0 1px 12px #0008;font-size:36px;line-height:1;position:absolute;bottom:26px;left:26px}.timed-invitation-photo small{font:8px/2 var(--sans);letter-spacing:.25em;display:block}.timed-invitation-close{z-index:1;background:var(--paper);width:44px;height:44px;color:var(--ink);border:1px solid var(--line);place-items:center;display:grid;position:absolute;top:12px;right:12px}.timed-invitation-copy{flex-direction:column;align-items:flex-start;padding:66px 36px 32px;display:flex}html body .timed-invitation .timed-invitation-label{font:10px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}html body .timed-invitation h2{font:400 clamp(34px,4vw,44px)/1.1 var(--sans);letter-spacing:-.035em;color:var(--ink);margin:0 0 22px}html body .timed-invitation h2 em{font-family:var(--serif);letter-spacing:-.015em;font-weight:400}html body .timed-invitation #timed-invitation-description{font:14px/1.75 var(--sans);color:var(--muted);margin:0 0 28px}.timed-invitation-action{border:1px solid var(--ink);width:100%;font:500 13px/1.5 var(--sans);justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;transition:background .2s;display:flex}.timed-invitation-action:hover{background:var(--soft)}.timed-invitation-later{min-height:44px;font:12px/1.5 var(--sans);color:var(--muted);text-underline-offset:4px;align-self:center;margin-top:9px;text-decoration:underline}html body .timed-invitation-note{font:10px/1.6 var(--sans);color:var(--muted);text-align:center;align-self:center;margin:16px 0 0}@media (width<=600px){html body dialog.timed-invitation{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.timed-invitation-grid{grid-template-columns:1fr}.timed-invitation-photo{height:22dvh;min-height:150px;max-height:200px}.timed-invitation-photo img{object-position:center 55%}.timed-invitation-photo>span{font-size:29px;bottom:18px;left:24px}.timed-invitation-copy{padding:27px 24px 24px}html body .timed-invitation h2{margin-bottom:16px;font-size:34px}html body .timed-invitation .timed-invitation-label{margin-bottom:14px;font-size:9px}html body .timed-invitation #timed-invitation-description{margin-bottom:22px;font-size:13px}}