/* Letterpress red, layered photo stock, and quiet tactile feedback. */
#invite .home-actions { padding-top: 29px; }
#invite .home-actions>h2 { display: flex; align-items: center; gap: 17px; margin-bottom: 19px; font-size: 21px; letter-spacing: .08em; }
#invite .home-actions>h2:after { content: ''; height: 1px; flex: 1; background: linear-gradient(90deg,#c9917c88,#c9917c00); }
.home-actions .home-action { position: relative; isolation: isolate; display: grid; grid-template-columns: 62px minmax(0,1fr) 31px; gap: 15px; min-height: 116px; padding: 20px 20px; overflow: visible; border: 1px solid #d5ac9477; border-radius: 5px; text-align: left; transform: none; transition: transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s; -webkit-tap-highlight-color: transparent; }
.home-actions .home-action:before { content: ''; position: absolute; z-index: -1; inset: 5px; border: 1px solid #c9957f42; border-radius: 2px; pointer-events: none; }
.home-actions .home-action-copy { min-width: 0; gap: 7px; }
.home-actions .home-action-copy>strong { font: 400 22px/1.4 var(--serif); letter-spacing: .07em; }
.home-actions .home-action-copy>span { font: 12px/1.75 var(--sans); color: #956b60; overflow-wrap: break-word; }
.home-actions .home-action-arrow { position: relative; display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #c8977d77; border-radius: 50%; color: #9f303b; box-shadow: inset 0 1px 0 #fffdf6,0 1px 2px #8b43300a; font: 22px/1 Georgia,serif; transform: none; }
.home-actions .home-action-arrow>span { display: block; transition: transform .25s cubic-bezier(.2,.7,.2,1); }
.home-actions .home-action:hover .home-action-arrow { transform: none; }
.home-actions .home-action:focus-visible { outline: 2px solid #a32632; outline-offset: 5px; }
.home-actions .home-action:active { transform: translateY(2px) scale(.992); }
.home-actions .home-action:active .home-action-arrow>span { transform: translate(2px,-2px); }
.home-actions .home-action:active .action-art { transform: rotate(-3deg) translateY(-2px); }
#write-rsvp { color: #fff2df; border-color: #8d2933; background-color: #a42934; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.06'/%3E%3C/svg%3E"),linear-gradient(118deg,#b63842 0%,#a32934 45%,#922831 100%); box-shadow: inset 0 1px 0 #e29a7a8c,inset 0 -1px 0 #571d2b66,0 3px 0 #812832,0 7px 14px #71233324; }
#write-rsvp:before { border-color: #f2c5a263; box-shadow: inset 0 0 0 1px #751c2d30; }
#write-rsvp:after { content: ''; position: absolute; z-index: 3; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(111deg,transparent 20%,#ffecc329 45%,#fff7dd47 49%,#ffecc31a 54%,transparent 73%); background-size: 260% 100%; background-position: 130% 0; opacity: 0; }
#write-rsvp #rsvp-button-text { font: 400 22px/1.4 var(--serif); letter-spacing: .07em; text-shadow: 0 1px 0 #58172477; }
#write-rsvp .home-action-copy>span { color: #f1d1bb; font-size: 12px; }
#write-rsvp .home-action-arrow { color: #ffe7c5; border-color: #f2c29777; box-shadow: inset 0 1px 0 #f0ab8638,0 1px 1px #4d112b30; }
#write-rsvp:active { box-shadow: inset 0 1px 4px #5c172c55,inset 0 -1px 0 #b34c4b,0 1px 0 #812832,0 2px 5px #71233322; }
.home-actions .rsvp-action-art { position: relative; width: 61px; height: 65px; display: block; transform: rotate(-7deg); filter: drop-shadow(0 4px 3px #5917292b); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.craft-letter { position: absolute; z-index: 1; width: 45px; height: 48px; top: 0; left: 8px; padding: 10px 7px; border: 1px solid #f3d5ad; border-radius: 1px; background: #fff2dc; box-shadow: inset 0 0 0 3px #fbecd3,0 2px 3px #4d102c22; transform: rotate(3deg); transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.craft-letter>i { display: block; height: 1px; background: #b45b5d66; margin-bottom: 5px; }
.craft-letter>i:nth-child(2) { width: 76%; }.craft-letter>i:nth-child(3) { width: 50%; }
.craft-envelope { position: absolute; z-index: 2; width: 61px; height: 40px; left: 0; bottom: 3px; background: #f5dcb7; border: 1px solid #f8d8b0; border-radius: 2px; box-shadow: inset 0 -2px 0 #cb946b3b; }
.craft-envelope:before { content: ''; position: absolute; inset: 0; background: linear-gradient(156deg,#fff1d5,#f5dbb4); clip-path: polygon(0 0,50% 55%,100% 0,100% 100%,0 100%); }
.craft-envelope:after { content: ''; position: absolute; inset: 0; background: #fff0d7; clip-path: polygon(0 100%,50% 37%,100% 100%); opacity: .8; }
.craft-wax-seal { position: absolute; z-index: 3; display: grid; place-items: center; width: 22px; height: 22px; bottom: 3px; left: 19px; color: #ffe3b9; border: 1px solid #7f2730; border-radius: 49% 45% 47% 44%; background: linear-gradient(135deg,#c45150,#a32d37 65%,#8e2934); box-shadow: inset 0 0 0 2px #d367574f,inset 0 1px 1px #e8947277,0 2px 3px #69232e44; font: 14px/1 var(--serif); text-shadow: 0 1px #6f2633; transform: rotate(8deg); }
.home-actions .postcard-action { margin-top: 17px; background: linear-gradient(110deg,#fffcf5,#fcf0de); border-color: #cba38b88; box-shadow: inset 0 1px 0 #fffef8,0 2px 0 #dfc6ac,0 5px 10px #7443330d; }
.home-actions .postcard-action:after { content: ''; position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; border-radius: 0 0 4px 0; background: linear-gradient(135deg,transparent 47%,#e6ceb2 49%,#fffaf0 55%,#f1dfc9); pointer-events: none; }
.home-actions .postcard-action:active { box-shadow: inset 0 1px 4px #84513213,0 1px 0 #d9bb9e; }
.home-actions .postcard-action-art { width: 57px; height: 67px; margin: 0 0 0 1px; padding: 3px 3px 12px; background: #fffdf5; transform: rotate(-8deg); box-shadow: 0 1px 1px #fff9e9,1px 3px 5px #71362625; transition: transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
.home-actions .postcard-action-art:before { inset: 1px -4px -1px 4px; background: #f0dbc3; border: 1px solid #e0c7ac; transform: rotate(12deg); box-shadow: 0 1px 3px #693b3015; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.home-actions .postcard-action-art img { border: 1px solid #81232e18; }
.home-actions .tiny-postmark { right: -8px; bottom: 1px; width: 25px; height: 25px; border-color: #ad4145b3; color: #a72e37; background: #fff5e4ef; box-shadow: 0 1px 2px #64252e15; font-size: 16px; }
#invite .clear-rsvp[data-reply-state=editing],#invite .clear-rsvp[data-reply-state=kept] { border-radius: 4px; border-color: #c9a28b99; box-shadow: inset 0 0 0 4px #fffaf1,0 2px 0 #e6cfb6; }
.venue-map { grid-template-columns: 28px minmax(0,1fr) auto; gap: 10px; padding-top: 22px; padding-bottom: 22px; }
.venue-map .venue-map-copy>strong { font-size: 19px; }
.venue-map .venue-map-copy>span { font-size: 11px; }
.venue-map .venue-map-action { position: relative; align-self: center; min-width: 57px; min-height: 66px; justify-content: center; gap: 4px; padding: 9px 7px 6px; border: 1px solid #c99a818c; border-radius: 28px 28px 4px 4px; background: linear-gradient(145deg,#fffaf0,#f6e6d1); box-shadow: inset 0 1px 0 #fffdf8,0 2px 0 #dbc0a5,0 3px 7px #7443330c; font: 10px/1.5 var(--sans); color: #9f303b; transition: box-shadow .2s,transform .2s; }
.venue-map .venue-map-action:before { content: ''; position: absolute; inset: 3px; border: 1px solid #caa18b42; border-radius: 25px 25px 2px 2px; }
.venue-map .venue-map-action>span { font-size: 22px; }
.venue-map:active .venue-map-action { transform: translateY(2px); box-shadow: inset 0 1px 3px #7443331a,0 1px 0 #dbc0a5; }
#invite .clear-signature { padding-top: 37px; }
.home-help-link { padding: 0 3px; text-decoration-thickness: 1px; }
#music-toggle { gap: 8px; min-height: 44px; padding: 5px 13px 5px 6px; border-color: #cba18a99; background: linear-gradient(120deg,#fffdf7f5,#fff2e1f5); box-shadow: inset 0 1px 0 #fffdf8,0 2px 0 #e3cdb6,0 5px 13px #6c382b0d; font-size: 11px; transition: transform .2s,box-shadow .2s; }
#music-toggle>svg { width: 30px; height: 30px; padding: 6px; border: 1px solid #be826b55; border-radius: 50%; background: #f6e7d63b; box-shadow: inset 0 1px 2px #80432f10; }
#music-toggle.is-playing { color: #fff0da; border-color: #a73c43; background: linear-gradient(120deg,#b13a43,#942c37); box-shadow: inset 0 1px 0 #e0a08288,0 2px 0 #782833,0 5px 13px #6c252b1a; }
#music-toggle.is-playing>svg { border-color: #f0c2a677; background: #d7765d20; }
#music-toggle:active { transform: translateY(2px); box-shadow: inset 0 1px 3px #72372e20; }
.home-actions.is-crafted-visible #write-rsvp { animation: craft-reply-arrive .65s cubic-bezier(.2,.7,.2,1) backwards; }
.home-actions.is-crafted-visible #write-postcard { animation: craft-postcard-arrive .7s .1s cubic-bezier(.2,.7,.2,1) backwards; }
.home-actions.is-crafted-visible #write-rsvp:after { animation: craft-ink-light .9s .25s ease-out both; }
.home-actions.is-craft-still .home-action,.home-actions.is-craft-still #write-rsvp:after { animation: none; }
@media (hover:hover) and (pointer:fine) {
  .home-actions .home-action:hover { transform: translateY(-2px); }
  #write-rsvp:hover { box-shadow: inset 0 1px 0 #e5a885,inset 0 -1px 0 #571d2b66,0 4px 0 #812832,0 10px 17px #71233325; }
  #write-rsvp:hover .craft-letter,#write-rsvp:focus-visible .craft-letter { transform: translateY(-6px) rotate(0deg); }
  .home-actions .postcard-action:hover { box-shadow: inset 0 1px 0 #fffef8,0 3px 0 #dfc6ac,0 8px 14px #74433312; }
  .postcard-action:hover .postcard-action-art { transform: translateY(-3px) rotate(-3deg); box-shadow: 1px 6px 8px #71362629; }
  .postcard-action:hover .postcard-action-art:before { transform: rotate(17deg); }
  .home-actions .home-action:hover .home-action-arrow>span { transform: translate(2px,-2px); }
  .home-actions .home-action:active { transform: translateY(2px) scale(.992); }
}
@keyframes craft-reply-arrive { from { transform: translateY(9px); } to { transform: none; } }
@keyframes craft-postcard-arrive { from { transform: translateY(13px) rotate(.7deg); } to { transform: none; } }
@keyframes craft-ink-light { 0% { opacity: 0; background-position: 130% 0; } 25% { opacity: .65; } 75% { opacity: .45; } 100% { opacity: 0; background-position: -30% 0; } }
@media (max-width:360px) {
  .home-actions .home-action { grid-template-columns: 50px minmax(0,1fr) 27px; gap: 12px; padding: 19px 16px; min-height: 111px; }
  .home-actions .home-action-copy>strong { font-size: 21px; }
  .home-actions .home-action-copy>span { font-size: 11px; }
  #write-rsvp #rsvp-button-text { font-size: 21px; }
  #write-rsvp .home-action-copy>span { font-size: 11px; }
  .home-actions .rsvp-action-art { transform: rotate(-7deg) scale(.85); transform-origin: 0 50%; width: 50px; }
  .home-actions .postcard-action-art { width: 48px; height: 59px; }
  .home-actions .home-action-arrow { width: 27px; height: 27px; font-size: 20px; }
  .venue-map { grid-template-columns: 22px minmax(0,1fr) auto; gap: 9px; }
  .venue-map .venue-map-copy>strong { font-size: 18px; }
  .venue-map .venue-map-action { min-width: 51px; padding-left: 5px; padding-right: 5px; font-size: 9px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-actions .home-action,.home-actions .home-action:after,.home-actions .action-art,.home-actions .action-art:before,.home-actions .home-action-arrow>span,.craft-letter,.venue-map .venue-map-action,#music-toggle { animation: none !important; transition: none !important; }
}