.invitation{max-width:850px;margin:auto;scroll-margin-top:100px}
.invitation [hidden]{display:none!important}
.invitation>p{max-width:650px;line-height:1.65}
#invitation-progress{font:500 .875rem var(--mono);color:var(--wine);margin-top:2rem}
.invitation-track{height:2px;background:var(--line);margin:1rem 0 2.5rem}.invitation-track span{display:block;height:100%;background:var(--gold);transition:width .4s}
.invitation-step{animation:invitation-enter .45s ease both}.invitation-step h2{font:500 clamp(2rem,4vw,3.5rem)/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 1.5rem;max-width:100%}.invitation-step h2:focus{outline:none}
.invitation label{display:block;font-size:1rem;line-height:1.6}.invitation p.invitation-hint,.invitation-privacy{font-size:.875rem;line-height:1.6;margin:1rem 0;color:#66534d}
.invitation textarea,.invitation input,.invitation select{display:block;width:100%;box-sizing:border-box;margin:.65rem 0 1rem;padding:1rem;border:1px solid #9f8977;border-radius:3px;background:#fffaf2;color:var(--wine);font:400 1rem/1.6 var(--sans)}.invitation textarea{resize:vertical;min-height:150px}
.invitation :is(input,textarea,select,button,a):focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.invitation-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.invitation-wide{grid-column:1/-1}
.invitation-actions{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0}.invitation button,.invitation-send{padding:1rem 1.4rem;min-height:48px;font:500 1rem/1.4 var(--sans);border:1px solid var(--wine);background:var(--wine);color:var(--paper);cursor:pointer;border-radius:2px;text-align:center;display:inline-block}.invitation #story-back,.invitation #copy-story{background:transparent;color:var(--wine)}.invitation #story-next{margin-left:auto}.invitation-send{margin-top:1rem}.invitation-privacy{border-top:1px solid var(--line);padding-top:1.5rem}
@keyframes invitation-enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){.invitation-fields{grid-template-columns:1fr}.invitation-actions{flex-wrap:wrap}.invitation-send{width:100%;box-sizing:border-box}.invitation-step h2{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.invitation-step{animation:none}.invitation-track span{transition:none}}