#invitation{display:flex;flex-direction:column;align-items:stretch}.hero{order:-1}.section{width:100%}.closing{order:100}.ivory-preview-actions{order:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;padding:16px 22px;background:#10243e;color:#fff}.ivory-preview-actions .button{min-height:44px;color:#10243e;background:#fff}.body-copy,.verse,.closing-note{white-space:pre-line}.errors,.notice{padding:16px 20px;text-align:left;border:1px solid var(--line);max-width:500px;margin:20px auto}.errors{background:#fff0eb;color:#722b26}.notice{background:#edf5ec;color:#254c30}.response-form button:disabled{opacity:.65;cursor:default}.dress-palette{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.dress-palette>span{display:grid;justify-items:center;gap:8px;font-size:14px}.dress-palette i{width:42px;height:42px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b9ad99}.timeline-item{min-height:120px}.timeline-icon{font-size:15px;display:grid;place-items:center}.hero-prelude{white-space:pre-line;max-width:600px}.closing .closing-note{font:400 16px/1.7 var(--sans);max-width:650px;margin:20px auto}.opening-monogram{overflow-wrap:anywhere;max-width:650px}.hero-copy{max-width:100%}.entry-code{overflow-wrap:anywhere}.toolbar .tools{gap:8px}body[data-design] .qr>p{font-size:13px;line-height:1.5;color:#10243e}.host:not(:has(img)){display:block;text-align:center}.hero:not(:has(.hero-photo)){min-height:750px}.hero:not(:has(.hero-photo)) .hero-copy{position:relative;margin:auto}.hero:not(:has(.hero-photo)) .hero-shade{display:none}.gallery-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;border:1px solid #fff8;background:#10243e80;color:#fff;border-radius:50%;transform:translateY(-50%);font-size:28px;display:grid;place-items:center}.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}
.venue-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:28px}.venue-actions:empty{display:none}
@media(max-width:600px){.opening-monogram{font-size:80px}.opening h1{overflow-wrap:anywhere}.hero-prelude{font-size:12px}.entry-ticket{min-width:0}.qr{min-width:0}.ivory-preview-actions{font-size:14px}.ivory-preview-actions .button{padding:10px 14px}.hero:not(:has(.hero-photo)){height:auto;min-height:650px}.hero:not(:has(.hero-photo)) .hero-copy{width:100%;padding:125px 25px 60px}.programme .timeline-item{min-height:100px}}