/* Local Dark Burgundy Invitation: native type and separate photograph/lace layers. */
#celebration{padding:25px 24px 38px;color:#f1eee8}
#celebration .celebration-heading{width:min(1040px,100%);padding-inline:8px}
#celebration .guest-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:22px;width:min(1040px,100%);margin:12px auto 14px}
#celebration .guest-nav{max-width:none;width:100%}
#celebration .guest-nav a{font-size:15px;letter-spacing:.02em}
#celebration .music-toggle{width:64px;height:64px;min-height:44px;min-width:44px;color:#282726}
#celebration .music-record{background-image:url('assets/vinyl-record-dark-burgundy-v1.svg')}
#celebration .music-caption{fill:#f1eee8}
.velvet-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(20px,4vw,60px);width:min(1040px,100%);margin:12px auto 0}
.velvet-portrait{position:relative;isolation:isolate;width:100%;aspect-ratio:1;margin:0}
.velvet-portrait-window{position:absolute;inset:18.8%;border-radius:12%;overflow:hidden;background:#191719}
.velvet-portrait-window>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1)}
.velvet-portrait-lace{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;filter:grayscale(1) brightness(1.04) drop-shadow(0 9px 15px #08010460);pointer-events:none;user-select:none}
.velvet-invitation-copy{container-type:inline-size;text-align:center;padding:24px 0;color:#f1eee8}
.velvet-invitation-copy .oval-intro{margin:0 0 22px;font:400 clamp(10px,3cqw,13px)/1.4 'EB Garamond',Georgia,serif;text-transform:uppercase;font-variant:normal;letter-spacing:.14em;white-space:normal}
.velvet-invitation-copy h1{display:flex;flex-direction:column;align-items:center;margin:0;padding:0 .12em;font:400 clamp(54px,18cqw,82px)/1.03 'Pinyon Script',cursive;color:#f1eee8;outline:none}
.velvet-invitation-copy .velvet-ampersand{font-size:.5em;line-height:1.25}
.velvet-invitation-copy .oval-request{margin:25px 0 0;font-size:clamp(11px,3.2cqw,14px);line-height:1.6;letter-spacing:.11em;text-transform:uppercase;font-variant:normal}
.velvet-date-rule{width:52px;height:1px;margin:27px auto 23px;background:#f1eee870}
.velvet-invitation-copy .oval-date{margin:0!important;font-size:clamp(15px,4.5cqw,20px);line-height:1.5;letter-spacing:.14em}
.velvet-invitation-copy .oval-place{margin:8px 0 0!important;font-size:clamp(11px,3.4cqw,15px);line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-variant:normal}
.velvet-welcome{width:min(530px,100%);margin:28px auto 30px;padding:0 12px;text-align:center;color:#f1eee8}
.velvet-welcome p:first-child{font-size:23px;font-style:italic;line-height:1.4;margin:0 0 12px;text-wrap:balance}
.velvet-welcome p:last-child{font-size:17px;line-height:1.6;margin:0;text-wrap:pretty}
@media(min-width:1000px){.velvet-hero{width:min(1040px,calc((100svh - 155px)*1.68))}.velvet-invitation-copy{padding-block:12px}}
@media(max-width:700px){
  #celebration{padding:22px 14px 32px}
  #celebration .guest-toolbar{grid-template-columns:minmax(0,1fr) 52px;gap:10px;margin-bottom:15px}
  #celebration .guest-nav{padding:3px 0;gap:0}
  #celebration .guest-nav a{font-size:12px;padding-inline:2px;letter-spacing:0}
  #celebration .music-toggle{width:52px;height:52px}
  .velvet-hero{grid-template-columns:minmax(0,1fr);gap:0;width:min(460px,100%);margin-top:0}
  .velvet-invitation-copy{padding:22px 9px 8px}
  .velvet-invitation-copy h1{font-size:clamp(64px,19.5cqw,86px)}
  .velvet-invitation-copy .oval-intro{margin-bottom:17px;font-size:11px}
  .velvet-invitation-copy .oval-request{font-size:12px;margin-top:19px}
  .velvet-date-rule{margin:21px auto 19px}
  .velvet-invitation-copy .oval-date{font-size:17px}
  .velvet-invitation-copy .oval-place{font-size:12px}
  .velvet-welcome{margin:27px auto 30px;padding-inline:13px}
  .velvet-welcome p:first-child{font-size:21px}
  .velvet-welcome p:last-child{font-size:16px}
}