.finish-ceremony{--finish-gold: var(--gold, #d9ad58);--finish-cream: var(--cream, #f4e5bd);--finish-ink: var(--ink, #17100a);position:relative;margin:clamp(1.5rem,4vw,3rem) 0;padding:clamp(1rem,3vw,1.8rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--finish-gold) 42%,transparent);border-radius:1.2rem;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--finish-gold) 10%,transparent),transparent 56%),color-mix(in srgb,var(--finish-ink) 96%,black);color:var(--finish-cream)}.finish-ceremony__heading{position:relative;z-index:5;text-align:center}.finish-ceremony__heading h3{margin:0;color:var(--finish-cream);font:inherit;font-family:var(--serif, Georgia, serif);font-size:clamp(1.55rem,3vw,2.35rem);font-weight:500}.finish-ceremony__kicker{margin:0 0 .35rem;color:var(--finish-gold);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.finish-ceremony__stage{position:relative;display:grid;min-height:clamp(18rem,45vw,27rem);place-items:center;isolation:isolate}.finish-ceremony__card,.finish-ceremony__envelope,.finish-ceremony__seal,.finish-ceremony__completion{position:absolute;will-change:transform,opacity}.finish-ceremony__card{z-index:2;display:grid;width:min(40%,13rem);aspect-ratio:.72;overflow:hidden;border:1px solid color-mix(in srgb,var(--finish-gold) 68%,white);border-radius:.4rem;background:#24190f;box-shadow:0 1.5rem 3rem #00000047;transform-style:preserve-3d;transform-origin:50% 90%}.finish-ceremony__asset--card,.finish-ceremony__asset--inside{grid-area:1 / 1;overflow:hidden;border-radius:inherit;backface-visibility:hidden}.finish-ceremony__asset--inside{background:#ead9b0;transform:rotateY(180deg)}.finish-ceremony__asset img{display:block;width:100%;height:100%;object-fit:cover}.finish-ceremony__visual{position:relative;display:block;width:100%;height:100%;overflow:hidden}.finish-ceremony__visual--card{border:.45rem solid #2a1b10;background:radial-gradient(circle at 50% 32%,rgba(240,207,130,.5) 0 12%,transparent 12.5%),linear-gradient(145deg,rgba(217,173,88,.2),transparent 48%),#160f0a;box-shadow:inset 0 0 0 1px #d9ad5880}.finish-ceremony__visual--card:before,.finish-ceremony__visual--card:after{position:absolute;right:18%;left:18%;height:1px;content:"";background:#f0cf827a}.finish-ceremony__visual--card:before{top:56%}.finish-ceremony__visual--card:after{top:66%}.finish-ceremony__visual--inside{border:.48rem solid #deca98;background:linear-gradient(90deg,transparent 49.6%,rgba(105,78,42,.17) 50%,transparent 50.4%),linear-gradient(#f3e5c1,#e8d4a3);box-shadow:inset 0 0 0 1px #694e2a38}.finish-ceremony__visual--inside:before{position:absolute;right:21%;left:21%;height:1px;content:"";background:#694e2a38}.finish-ceremony__visual--inside:before{top:38%;box-shadow:0 .58rem #694e2a38,0 1.16rem #694e2a38,0 1.74rem #694e2a38}.finish-ceremony__visual--envelope{background:transparent}.finish-ceremony__visual--seal{display:grid;border-radius:50%;place-items:center;background:radial-gradient(circle,transparent 47%,rgba(244,229,189,.28) 48% 50%,transparent 51%),#7d1f2b}.finish-ceremony__seal-mark{color:#f4e5bd;font-family:system-ui,sans-serif;font-size:clamp(.42rem,1.15vw,.64rem);font-weight:700;line-height:1.05;letter-spacing:.04em;text-align:center;white-space:pre-line}.finish-ceremony__envelope{z-index:3;width:min(72%,25rem);aspect-ratio:1.52;opacity:0}.finish-ceremony__envelope-back,.finish-ceremony__envelope-front,.finish-ceremony__envelope-flap{position:absolute;inset:0;border-radius:.55rem;background:#e8d6aa}.finish-ceremony__envelope-back{z-index:0;border:1px solid color-mix(in srgb,var(--finish-gold) 50%,transparent)}.finish-ceremony__envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 68%);background:#f1e2bc;transform-origin:50% 0}.finish-ceremony__envelope-front{z-index:3;display:grid;clip-path:polygon(0 0,50% 68%,100% 0,100% 100%,0 100%);place-items:end center;background:#dfc995}.finish-ceremony__envelope-front:before,.finish-ceremony__envelope-front:after{position:absolute;top:68%;left:50%;width:54%;height:1px;content:"";background:#684b2640;transform-origin:0 50%}.finish-ceremony__envelope-front:before{transform:rotate(23deg)}.finish-ceremony__envelope-front:after{transform:rotate(157deg)}.finish-ceremony__asset--envelope{width:100%;height:44%}.finish-ceremony__seal{z-index:6;width:clamp(4.8rem,15vw,7rem);aspect-ratio:1;opacity:0;border:1px solid color-mix(in srgb,var(--finish-gold) 78%,white);border-radius:50%;background:#7d1f2b;box-shadow:0 .6rem 1.6rem #0000003d}.finish-ceremony__asset--seal{display:grid;width:100%;height:100%;border-radius:50%;overflow:hidden;place-items:center;background:#7d1f2b}.finish-ceremony__asset--seal img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,5,8,.45))}.finish-ceremony__completion{z-index:7;bottom:.25rem;margin:0;opacity:0;color:var(--finish-gold);font-family:var(--serif, Georgia, serif);font-size:clamp(1rem,2vw,1.25rem);text-align:center}.finish-ceremony__actions{position:relative;z-index:8;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.finish-ceremony__actions button{min-height:2.75rem;padding:.6rem 1rem;border:1px solid color-mix(in srgb,var(--finish-gold) 58%,transparent);border-radius:999px;background:transparent;color:var(--finish-cream);cursor:pointer;font:inherit}.finish-ceremony__actions button:hover,.finish-ceremony__actions button:focus-visible{border-color:var(--finish-gold);outline:none;background:color-mix(in srgb,var(--finish-gold) 12%,transparent)}.finish-ceremony[data-state=active] .finish-ceremony__card{animation:ddc-finish-card 3.15s cubic-bezier(.22,.72,.24,1) both}.finish-ceremony[data-state=active] .finish-ceremony__envelope{animation:ddc-finish-envelope 3.15s ease-out both}.finish-ceremony[data-state=active] .finish-ceremony__envelope-flap{animation:ddc-finish-flap 3.15s ease-in-out both}.finish-ceremony[data-state=active] .finish-ceremony__seal{animation:ddc-finish-seal 3.15s cubic-bezier(.2,.85,.25,1) both}.finish-ceremony[data-state=active] .finish-ceremony__completion{animation:ddc-finish-completion 3.15s ease-out both}.finish-ceremony[data-state=complete] .finish-ceremony__card,.finish-ceremony[data-reduced-motion=true] .finish-ceremony__card{opacity:0;transform:translateY(5.2rem) scale(.7) rotateY(180deg)}.finish-ceremony[data-state=complete] .finish-ceremony__envelope,.finish-ceremony[data-reduced-motion=true] .finish-ceremony__envelope{opacity:1;transform:translateY(1.1rem) scale(.94)}.finish-ceremony[data-state=complete] .finish-ceremony__envelope-flap,.finish-ceremony[data-reduced-motion=true] .finish-ceremony__envelope-flap{transform:scaleY(-1)}.finish-ceremony[data-state=complete] .finish-ceremony__seal,.finish-ceremony[data-reduced-motion=true] .finish-ceremony__seal{opacity:1;transform:translateY(2.2rem) scale(1)}.finish-ceremony[data-state=complete] .finish-ceremony__completion,.finish-ceremony[data-reduced-motion=true] .finish-ceremony__completion{opacity:1;transform:translateY(0)}@keyframes ddc-finish-card{0%,18%{opacity:1;transform:translateY(0) scale(1) rotateY(0)}42%{opacity:1;transform:translateY(-1.1rem) scale(.92) rotateY(180deg)}80%{opacity:1;transform:translateY(5.2rem) scale(.7) rotateY(180deg)}to{opacity:0;transform:translateY(5.2rem) scale(.7) rotateY(180deg)}}@keyframes ddc-finish-envelope{0%,16%{opacity:0;transform:translateY(2.2rem) scale(.9)}34%,to{opacity:1;transform:translateY(1.1rem) scale(.94)}}@keyframes ddc-finish-flap{0%,68%{opacity:1;transform:scaleY(1)}88%,to{opacity:1;transform:scaleY(-1)}}@keyframes ddc-finish-seal{0%,84%{opacity:0;transform:translateY(2.2rem) scale(.62)}to{opacity:1;transform:translateY(2.2rem) scale(1)}}@keyframes ddc-finish-completion{0%,88%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:46rem){.finish-ceremony__stage{min-height:20rem}.finish-ceremony__card{width:min(44%,10rem)}.finish-ceremony__envelope{width:min(88%,22rem)}}@media(prefers-reduced-motion:reduce){.finish-ceremony *,.finish-ceremony *:before,.finish-ceremony *:after{scroll-behavior:auto!important;animation:none!important}}
