.focus-reveal-wall{--focus-veil-a-x:14%;--focus-veil-a-y:16%;--focus-veil-b-x:86%;--focus-veil-b-y:28%;--focus-veil-c-x:28%;--focus-veil-c-y:82%;z-index:30;border-radius:inherit;color:#fff;background-color:var(--invitation-color-background,#c8c0b8);background-image:radial-gradient(circle at var(--focus-veil-a-x) var(--focus-veil-a-y), color-mix(in srgb, var(--invitation-color-accent-soft,#d8c4bd) 94%, transparent) 0 18%, transparent 58%), radial-gradient(circle at var(--focus-veil-b-x) var(--focus-veil-b-y), color-mix(in srgb, var(--invitation-color-accent,#8b7e73) 68%, transparent) 0 12%, transparent 54%), radial-gradient(circle at var(--focus-veil-c-x) var(--focus-veil-c-y), color-mix(in srgb, var(--invitation-color-surface,#f4efe9) 78%, transparent) 0 14%, transparent 57%), linear-gradient(145deg, var(--invitation-color-background,#c8c0b8), color-mix(in srgb, var(--invitation-color-body,#6f6065) 55%, var(--invitation-color-background,#c8c0b8)));isolation:isolate;overscroll-behavior:none;touch-action:none;background-size:140% 140%,145% 145%,150% 150%,100% 100%;position:absolute;inset:0;overflow:hidden}.focus-reveal-wall[data-palette-variant="1"]{--focus-veil-a-x:78%;--focus-veil-a-y:12%;--focus-veil-b-x:12%;--focus-veil-b-y:52%;--focus-veil-c-x:76%;--focus-veil-c-y:86%}.focus-reveal-wall[data-palette-variant="2"]{--focus-veil-a-x:48%;--focus-veil-a-y:4%;--focus-veil-b-x:92%;--focus-veil-b-y:62%;--focus-veil-c-x:8%;--focus-veil-c-y:88%}.focus-reveal-wall:before{z-index:-2;background:radial-gradient(circle at 72% 66%, color-mix(in srgb, var(--invitation-color-ornament,#8b7e73) 42%, transparent) 0 8%, transparent 42%), radial-gradient(circle at 18% 40%, color-mix(in srgb, var(--invitation-color-button,#8b7e73) 30%, transparent) 0 10%, transparent 44%);content:"";animation:12s ease-in-out infinite alternate focus-veil-drift;position:absolute;inset:-15%}.focus-reveal-wall:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0f13182e,#0f131842);position:absolute;inset:0}.focus-reveal-invited{opacity:0;font-family:var(--font-sans), "Avenir Next", "Helvetica Neue", Arial, sans-serif;letter-spacing:.16em;text-align:center;text-shadow:0 1px 12px #0000005c;text-transform:uppercase;margin:0;font-size:clamp(17px,4.5vw,22px);font-weight:400;line-height:1.25;position:absolute;top:48%;left:24px;right:24px;transform:translateY(-50%)}.focus-reveal-wall[data-focus-reveal-intro=sequencing] .focus-reveal-invited{animation:1.5s both focus-reveal-invited-sequence}.invitation-preview .focus-reveal-action{width:min(78vw,320px);min-height:0;color:inherit;cursor:pointer;font-family:var(--font-sans), "Avenir Next", "Helvetica Neue", Arial, sans-serif;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;justify-items:center;gap:clamp(24px,5vh,38px);padding:0;font-weight:400;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.invitation-preview .focus-reveal-action:disabled{opacity:1;cursor:default}.focus-reveal-lens{aspect-ratio:1;width:clamp(168px,46vw,216px);box-shadow:none;-webkit-backdrop-filter:blur(6px)saturate(.88)brightness(1.04);background:#ffffff14;border:0;border-radius:50%;place-items:center;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.focus-reveal-wall[data-focus-reveal-intro=sequencing] .focus-reveal-lens{animation:.48s cubic-bezier(.22,1,.36,1) 1.04s both focus-reveal-control-in}.invitation-preview .focus-reveal-action:hover .focus-reveal-lens{background:#ffffff1f;transform:scale(1.015)}.invitation-preview .focus-reveal-action:focus-visible{outline:none}.invitation-preview .focus-reveal-action:focus-visible .focus-reveal-lens{outline-offset:5px;outline:2px solid #ffffffe6}.focus-reveal-tap-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;filter:drop-shadow(0 1px 6px #00000047);width:clamp(54px,14vw,68px);height:auto;overflow:visible}.focus-reveal-label{letter-spacing:.24em;text-align:center;text-shadow:0 1px 10px #00000080;text-transform:uppercase;font-size:clamp(14px,3.8vw,18px);font-weight:400;line-height:1}.focus-reveal-wall[data-focus-reveal-intro=sequencing] .focus-reveal-label{animation:.38s 1.28s both focus-reveal-control-in}.focus-reveal-sound{right:20px;bottom:max(calc(max(28px, env(safe-area-inset-bottom)) + 14px), calc(100% - 100dvh + 40px));font-family:var(--font-sans), "Avenir Next", "Helvetica Neue", Arial, sans-serif;letter-spacing:.28em;text-shadow:0 1px 9px #0000008c;text-transform:uppercase;justify-items:center;gap:9px;font-size:11px;font-weight:400;line-height:1;display:grid;position:absolute;left:20px}.focus-reveal-wall[data-focus-reveal-intro=sequencing] .focus-reveal-sound{animation:.36s 1.4s both focus-reveal-control-in}.focus-reveal-sound svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;filter:drop-shadow(0 1px 6px #0006);width:28px;height:28px}.guest-invitation-preview:has(.focus-reveal-wall) .invitation-music-control{opacity:0;visibility:hidden;pointer-events:none}.focus-reveal-wall[data-focus-reveal-phase=revealing]{animation:.76s cubic-bezier(.22,1,.36,1) both focus-reveal-wall-out}.focus-reveal-wall[data-focus-reveal-phase=revealing]:after{animation:.52s .14s both focus-reveal-scrim-out}.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-lens{animation:.76s cubic-bezier(.22,1,.36,1) both focus-reveal-lens-expand}.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-label,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-sound,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-tap-icon{animation:.22s both focus-reveal-control-out}@keyframes focus-veil-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.045)}}@keyframes focus-reveal-invited-sequence{0%{opacity:0;transform:translateY(calc(10px - 50%))}20%,48%{opacity:1;transform:translateY(-50%)}68%,to{opacity:0;transform:translateY(calc(-50% - 20px))}}@keyframes focus-reveal-control-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes focus-reveal-wall-out{to{opacity:0}}@keyframes focus-reveal-lens-expand{0%{opacity:1;transform:scale(1)}44%{opacity:.36}to{opacity:0;transform:scale(10)}}@keyframes focus-reveal-scrim-out{to{opacity:0}}@keyframes focus-reveal-control-out{to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.focus-reveal-wall:before,.focus-reveal-wall[data-focus-reveal-intro=sequencing] :is(.focus-reveal-invited,.focus-reveal-lens,.focus-reveal-label,.focus-reveal-sound){animation:none}.focus-reveal-invited{display:none}.focus-reveal-wall[data-focus-reveal-phase=revealing],.focus-reveal-wall[data-focus-reveal-phase=revealing]:before,.focus-reveal-wall[data-focus-reveal-phase=revealing]:after,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-lens,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-label,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-sound,.focus-reveal-wall[data-focus-reveal-phase=revealing] .focus-reveal-tap-icon{animation-duration:.18s}}

