.story-foil{color:inherit}.example-cinematic .example-cover-copy h1 .story-foil{font:inherit}.example-cinematic .example-opening{isolation:isolate;overflow:hidden}.example-cinematic .example-opening:before{background:radial-gradient(ellipse at center,#d7b68021,transparent 68%);content:"";inset:5% -20%;pointer-events:none;position:absolute;z-index:-1}.example-cinematic .example-opening p{max-width:17ch;line-height:1.04}.example-cinematic .example-opening .opening-phrase{display:inline;font:inherit;letter-spacing:inherit;margin:0;text-align:inherit;text-transform:none}.example-cinematic .opening-phrase:last-child{color:var(--oxblood)}.example-cinematic .dance-detail,.example-cinematic .dance-photo{box-shadow:0 12px 30px #3522190b}.example-cinematic .final-message-reveal{border-block:1px solid #ab8c6447;grid-column:2/span 10;isolation:isolate;overflow-anchor:none;padding:clamp(2.5rem,5vw,5rem) 0;position:relative}.example-cinematic .final-message-reveal:before{background:radial-gradient(ellipse,#d8ac6433,transparent 68%);content:"";inset:8% -8%;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.6s ease;z-index:-1}.example-cinematic .final-message-reveal[data-state=open]:before{opacity:1}.example-cinematic .final-message-reveal .sequence-label{font-size:.75rem}.example-cinematic .final-message-reveal .note-invitation{background:transparent;border:1px solid #aa886c66;border-radius:2px;color:var(--ink);gap:1.1rem;letter-spacing:normal;max-width:100%;padding:1.05rem 1.4rem;position:relative;text-align:left;text-transform:none}.example-cinematic .note-invitation:after{content:none}.example-cinematic .note-invitation:hover{background:#fffaf0;box-shadow:0 8px 25px #6b4c2310}.example-cinematic .note-invitation:focus-visible{outline:2px solid var(--oxblood);outline-offset:6px}.note-invitation-label{display:grid;gap:.45rem}.note-invitation-label strong{font-size:.875rem;font-weight:650}.note-invitation-label>span{color:#706354;font:400 .8125rem/1.4 var(--sans)}.note-seal{align-items:center;background:linear-gradient(135deg,#a3545c,#763039 48%,#54242b);border:1px solid #6e2b34;border-radius:50%;box-shadow:inset 0 0 0 4px #762e39,inset 0 0 0 5px #c58b7966,0 3px 5px #55252a26;color:#f4dec0;display:inline-flex;flex:0 0 3.65rem;font:400 1.125rem/1 var(--serif);gap:.1rem;height:3.65rem;justify-content:center;position:relative;transition:transform .8s cubic-bezier(.16,1,.3,1)}.note-seal>span{font-size:.75rem}.note-seal:before{border:1px solid #a7755355;border-radius:inherit;content:"";inset:-7px;position:absolute}.final-message-reveal[data-state=open] .note-seal{transform:rotate(-12deg) scale(.91)}.note-toggle{color:var(--oxblood);font:400 1.5rem/1 var(--serif);margin-left:.5rem}.example-cinematic .final-message-panel{max-width:48rem;perspective:1400px}.example-cinematic .final-message-panel[data-state=open]{margin-top:2rem}.example-cinematic .final-message-panel-inner{padding:0 1rem;margin:0 -1rem}.letter-paper{background:linear-gradient(180deg,#fffcf5,#faf5e9 49.7%,#f1e9d9 50%,#fcf8ef 50.5%,#fffaf1);border:1px solid #bfa57c70;box-shadow:0 14px 25px -16px #50381755,inset 0 0 0 7px #fffcf4,inset 0 0 0 8px #bfa57c45;margin:.5rem 0 1.5rem;overflow:hidden;padding:clamp(2rem,4.8vw,4.5rem);position:relative;text-align:left;transform-origin:top center}.letter-paper:before{background:linear-gradient(105deg,transparent 25%,#fffef8cc 48%,transparent 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:2}.letter-heading{align-items:center;border-bottom:1px solid #ad8c614f;color:#835b40;display:flex;font:500 .75rem/1.5 var(--sans);gap:1rem;justify-content:space-between;letter-spacing:.08em;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.letter-copy{font:350 clamp(1.8rem,3.3vw,3.1rem)/1.18 var(--serif);letter-spacing:-.025em;margin:0}.letter-copy>span{display:block}.letter-copy>span+span{font-size:.82em;margin-top:1.25em}.letter-copy>strong{color:var(--oxblood);display:block;font-size:1.25em;font-style:italic;font-weight:350;margin-top:.35em}.letter-signature{display:inline-block;font:italic 400 clamp(1.6rem,3vw,2.3rem)/1.25 var(--serif);margin-top:2.3rem;position:relative}.letter-signature:after{background:#9c654d;bottom:-.45rem;content:"";height:1px;left:0;position:absolute;transform-origin:left;width:100%}.letter-postscript{align-items:center;border-top:1px solid #ad8c614f;color:#816b54;display:flex;font:500 .75rem/1.5 var(--sans);gap:1rem;justify-content:space-between;letter-spacing:.08em;margin-top:3rem;padding-top:1rem}.letter-postscript>span{font-family:var(--serif);font-size:1rem;font-style:italic;letter-spacing:normal}.letter-glints{inset:0;overflow:hidden;pointer-events:none;position:absolute}.letter-glints i{background:#bb8b46;border-radius:50%;height:3px;left:8%;opacity:0;position:absolute;top:70%;width:3px}.letter-glints i:nth-child(2n){height:2px;width:2px}.letter-glints i:nth-child(2){left:92%;top:64%}.letter-glints i:nth-child(3){left:15%;top:42%}.letter-glints i:nth-child(4){left:83%;top:39%}.letter-glints i:nth-child(5){left:6%;top:89%}.letter-glints i:nth-child(6){left:95%;top:84%}.letter-glints i:nth-child(7){left:34%;top:93%}.letter-glints i:nth-child(8){left:69%;top:95%}@media (prefers-reduced-motion:no-preference){@supports (background-clip:text) or (-webkit-background-clip:text){.example-cinematic[data-motion-ready] .story-foil{background-image:linear-gradient(112deg,#f8f2e9 35%,#dcc299 43%,#ffffff 49%,#ffe8bc 53%,#f8f2e9 61%);background-size:260% 100%;background-position:110% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:keepsake-foil 9s ease-in-out 1.6s infinite both}.example-cinematic .example-cover-copy h1 em .story-foil{background-image:linear-gradient(112deg,#e8b6b9 35%,#f9d9bf 43%,#fff5e1 49%,#f9d9bf 53%,#e8b6b9 61%)}}.example-cinematic[data-motion-ready] .example-opening [data-story-seen=true] .opening-phrase{animation:keepsake-phrase 1.5s cubic-bezier(.16,1,.3,1) both}.example-cinematic .opening-phrase:nth-child(2){animation-delay:.35s!important}.example-cinematic .opening-phrase:nth-child(3){animation-delay:.7s!important}.example-cinematic[data-motion-ready] .example-opening:before{animation:keepsake-paper-light 18s ease-in-out infinite alternate}.example-cinematic[data-motion-ready] .dance-detail .photo-light-surface,.example-cinematic[data-motion-ready] .dance-photo .photo-light-surface,.example-cinematic[data-motion-ready] .quiet-contact-strip .photo-light-surface{animation:keepsake-slow-dance 12s ease-in-out infinite alternate both}.example-cinematic[data-motion-ready] .dance-photo-close .photo-light-surface{animation-delay:-6s;animation-direction:alternate-reverse}.example-cinematic[data-motion-ready] .dance-detail .photo-light-surface{animation-duration:16s;animation-delay:-3s}.example-cinematic[data-motion-ready] .closing-collage-keepsake .photo-light-surface{animation:keepsake-photo-close 16s ease-in-out infinite alternate both}.example-cinematic[data-motion-ready] .note-seal:before{animation:keepsake-seal-breathe 5s ease-in-out infinite}.example-cinematic .final-message-panel[data-state=open] .letter-paper{animation:keepsake-unfold 1.4s cubic-bezier(.16,1,.3,1) both}.example-cinematic .final-message-panel[data-state=open] .letter-paper:before{animation:keepsake-letter-light 2.4s ease-out .15s both}.example-cinematic .final-message-panel[data-state=open] .letter-copy>*{animation:keepsake-ink 1.1s ease-out .35s both}.example-cinematic .final-message-panel[data-state=open] .letter-copy>span:nth-child(2){animation-delay:.65s}.example-cinematic .final-message-panel[data-state=open] .letter-copy>strong{animation-delay:.95s}.example-cinematic .final-message-panel[data-state=open] .letter-signature{animation:keepsake-ink 1.2s ease-out 1.3s both}.example-cinematic .final-message-panel[data-state=open] .letter-signature:after{animation:keepsake-signature 1.2s cubic-bezier(.16,1,.3,1) 1.5s both}.example-cinematic .final-message-panel[data-state=open] .letter-glints i{animation:keepsake-glint 2.8s ease-out .4s both}.example-cinematic .final-message-panel[data-state=open] .letter-glints i:nth-child(2n){animation-delay:.75s}.example-cinematic .example-opening:before,.example-cinematic .letter-paper:before,.example-cinematic .letter-signature:after,.example-cinematic .note-seal:before,.example-cinematic :is(.story-foil,.opening-phrase,.photo-light-surface,.letter-paper,.letter-copy>*,.letter-signature,.letter-glints i){animation-play-state:paused!important}.example-cinematic[data-example-active=true] .example-opening[data-scene-visible=true]:before,.example-cinematic[data-example-active=true] .final-message-reveal[data-scene-visible=true] .letter-signature:after,.example-cinematic[data-example-active=true] .final-message-reveal[data-scene-visible=true] :is(.note-seal,.letter-paper):before,.example-cinematic[data-example-active=true] [data-scene-visible=true] :is(.story-foil,.opening-phrase,.photo-light-surface,.letter-paper,.letter-copy>*,.letter-signature,.letter-glints i){animation-play-state:running!important}.example-cinematic[data-example-motion=paused] .letter-signature:after,.example-cinematic[data-example-motion=paused] :is(.opening-phrase,.letter-paper,.letter-copy>*,.letter-signature){animation:none!important}}@keyframes keepsake-foil{0%,15%{background-position:110% 50%}55%,to{background-position:-30% 50%}}@keyframes keepsake-phrase{0%{opacity:.12;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes keepsake-paper-light{0%{transform:translateX(-12%) scale(.95);opacity:.5}to{transform:translateX(12%) scale(1.08);opacity:1}}@keyframes keepsake-slow-dance{0%{transform:scale(1.07) translate(-.6%,.5%) rotate(-.45deg)}to{transform:scale(1.1) translate(.7%,-.7%) rotate(.45deg)}}@keyframes keepsake-photo-close{0%{transform:scale(1.025) translateY(.4%)}to{transform:scale(1.055) translateY(-.4%)}}@keyframes keepsake-seal-breathe{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.07);opacity:.85}}@keyframes keepsake-unfold{0%{opacity:0;transform:rotateX(-12deg) translateY(-1.5rem) scale(.97)}to{opacity:1;transform:none}}@keyframes keepsake-letter-light{0%{transform:translateX(-100%);opacity:0}30%{opacity:.7}to{transform:translateX(100%);opacity:0}}@keyframes keepsake-ink{0%{opacity:0;transform:translateY(.7rem);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes keepsake-signature{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes keepsake-glint{0%{opacity:0;transform:translateY(1rem)}25%{opacity:.7}to{opacity:0;transform:translateY(-4rem)}}@media (max-width:700px){.example-cinematic .final-message-reveal{grid-column:1/-1}.example-cinematic .example-opening p{font-size:clamp(3rem,10.4vw,4.5rem)}.example-cinematic .final-message-reveal .note-invitation{gap:.8rem;padding:.9rem}.note-seal{flex-basis:3rem;height:3rem;font-size:1rem}.note-toggle{margin:0}.letter-paper{padding:2rem 1.6rem}.letter-heading{font-size:.75rem;letter-spacing:.02em}.letter-postscript{align-items:start;flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){.example-cinematic .final-message-reveal:before,.example-cinematic .note-seal{transition:none}.letter-glints{display:none}}@media print{.story-foil{background:none!important;color:inherit!important}.letter-glints,.letter-paper:before{display:none}.letter-paper{box-shadow:none}}.example-cinematic .story-music-notes{position:absolute;pointer-events:none;user-select:none;overflow:hidden;isolation:isolate}.example-cinematic .story-music-note{--note-turn:-14deg;--note-duration:14s;--note-delay:-3s;position:absolute;display:block;left:12%;top:64%;margin:0;color:#8b6741;font:400 clamp(2.5rem,4.8vw,5.5rem)/1 Segoe UI Symbol,Apple Symbols,serif;letter-spacing:0;text-transform:none;opacity:.24;transform:rotate(var(--note-turn));text-shadow:0 2px 14px #c29b6520}.example-cinematic .story-music-note:nth-child(2){left:39%;top:17%;font-size:clamp(3.5rem,6.5vw,7rem);--note-duration:18s;--note-delay:-11s;--note-turn:12deg}.example-cinematic .story-music-note:nth-child(3){left:69%;top:48%;color:var(--oxblood);--note-duration:16s;--note-delay:-7s;--note-turn:9deg}.example-cinematic .story-music-note:nth-child(4){left:25%;top:38%;font-size:clamp(1.7rem,2.8vw,3rem);--note-duration:13s;--note-delay:-9s;--note-turn:-8deg}.example-cinematic .story-music-note:nth-child(5){left:52%;top:71%;font-size:clamp(2rem,3.3vw,4rem);--note-duration:19s;--note-delay:-5s}.example-cinematic .story-music-note:nth-child(6){left:10%;top:11%;color:var(--oxblood);font-size:clamp(1.7rem,2.4vw,2.7rem);--note-duration:17s;--note-delay:-13s;--note-turn:18deg}.example-cinematic .story-music-note:nth-child(7){left:73%;top:8%;font-size:clamp(1.5rem,2.6vw,3rem);--note-duration:15s;--note-delay:-6s;--note-turn:-10deg}.example-cinematic .story-music-note:nth-child(8){left:79%;top:81%;font-size:1.75rem;--note-duration:20s;--note-delay:-15s}.example-cinematic .dance-copy,.example-cinematic .quiet-secondary-sequence{position:relative}.story-music-notes--dance{inset:0 0 auto;height:31svh}.story-music-notes--quiet{top:calc(100% + 2.5rem);left:0;width:100%;height:clamp(14rem,23vw,27rem)}.story-music-notes--opening-left,.story-music-notes--opening-right{top:18%;bottom:20%;width:12%}.story-music-notes--opening-left{left:1%}.story-music-notes--opening-right{right:1%}.example-cinematic :is(.story-music-notes--opening-left,.story-music-notes--opening-right) .story-music-note{opacity:.15}.story-music-notes--letter-left,.story-music-notes--letter-right{top:1.5rem;bottom:1.5rem;width:max(5rem,calc((100% - 49rem) / 2));min-height:8rem}.story-music-notes--letter-left{left:-1.5rem}.story-music-notes--letter-right{right:-1.5rem}.example-cinematic :is(.story-music-notes--letter-left,.story-music-notes--letter-right) .story-music-note{font-size:clamp(1.8rem,3vw,3.5rem)}.example-cinematic :is(.story-music-notes--opening-left,.story-music-notes--opening-right,.story-music-notes--letter-left,.story-music-notes--letter-right) .story-music-note:nth-child(n+5){display:none}@media (prefers-reduced-motion:no-preference){.example-cinematic[data-motion-ready] .story-music-note{animation:story-melody-drift var(--note-duration) var(--note-delay) ease-in-out infinite both;animation-play-state:paused}.example-cinematic[data-example-active=true] [data-scene-visible=true] .story-music-note{animation-play-state:running}.example-cinematic[data-example-active=true] .final-message-reveal[data-scene-visible=false] .story-music-note{animation-play-state:paused}}@keyframes story-melody-drift{0%{opacity:0;transform:translate3d(-.35rem,1.8rem,0) rotate(calc(var(--note-turn) - 8deg))}24%{opacity:.3}56%{opacity:.22;transform:translate3d(.65rem,-.2rem,0) rotate(calc(var(--note-turn) + 7deg))}78%{opacity:.3}to{opacity:0;transform:translate3d(0,-2.5rem,0) rotate(var(--note-turn))}}@media (max-width:1100px){.story-music-notes--letter-left,.story-music-notes--letter-right{display:none}}@media (max-height:620px) and (orientation:landscape),(max-width:800px){.example-cinematic .story-music-notes--dance{top:0;height:5.5rem}.example-cinematic .story-music-notes--quiet{position:relative;top:auto;height:8rem;margin-top:-1rem}.example-cinematic :is(.story-music-notes--dance,.story-music-notes--quiet) .story-music-note{top:30%;font-size:2.5rem}.example-cinematic :is(.story-music-notes--dance,.story-music-notes--quiet) .story-music-note:nth-child(n+5){display:none}.example-cinematic .story-music-notes--opening-left,.example-cinematic .story-music-notes--opening-right{display:none}}@media print{.example-cinematic .story-music-notes{display:none}}.story-soundtrack{align-items:center;background:#f8f3e9f5;border:1px solid #9b825c66;border-radius:2rem;bottom:max(1.1rem,env(safe-area-inset-bottom));box-shadow:0 3px 18px #00000018;color:#33271e;display:flex;gap:1rem;left:var(--page-gutter);max-width:calc(100vw - 2 * var(--page-gutter));padding:.55rem 1rem .55rem .55rem;position:fixed;z-index:30}.story-soundtrack audio{display:none}.story-music-toggle{align-items:center;background:transparent;border:0;border-radius:2rem;color:inherit;cursor:pointer;display:flex;gap:.65rem;font:600 .8125rem/1 var(--sans);min-height:2.75rem;padding:0;white-space:nowrap}.story-music-symbol{align-items:center;background:var(--oxblood);border:1px solid #984b51;border-radius:50%;color:#f8ecd7;display:flex;font:400 1.25rem/1 Georgia,serif;height:2.4rem;justify-content:center;width:2.4rem}.story-music-toggle:hover .story-music-symbol{background:#54232a}.story-music-details a:focus-visible,.story-music-toggle:focus-visible{outline:2px solid var(--oxblood);outline-offset:5px}.story-music-details{border-left:1px solid #aa927653;display:grid;gap:.4rem;padding-left:1rem}.story-music-details a{color:#594b3f;font:500 .75rem/1.2 var(--sans);text-decoration:none}.story-music-details a:hover{text-decoration:underline}.story-music-details a span{font-weight:400}.story-music-details label{align-items:center;color:#77624d;display:flex;font:400 .75rem/1 var(--sans);gap:.65rem}.story-music-details input{accent-color:var(--oxblood);cursor:pointer;height:1rem;margin:0;width:6rem}.story-music-feedback:not(:empty){background:#f8f3e9;border:1px solid #b8a080;border-radius:.3rem;bottom:calc(100% + .6rem);font:500 .8125rem/1.5 var(--sans);left:0;padding:.7rem 1rem;position:absolute;width:15rem}.example-cinematic #music-credit{scroll-margin-top:6rem}@media (max-width:700px){.story-soundtrack{bottom:max(.75rem,env(safe-area-inset-bottom));gap:0;padding:.2rem .8rem .2rem .3rem}.story-music-toggle{font-size:.75rem;gap:.5rem;min-height:2.4rem}.story-music-symbol{height:1.9rem;width:1.9rem;font-size:1.1rem}.story-music-details{display:none}}@media print{.story-soundtrack{display:none}}.story-music-sync{display:none}@media (prefers-reduced-motion:no-preference){.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .photo-bulb{animation:none;transform-box:fill-box;transform-origin:center;opacity:calc(.2 + var(--music-shimmer, 0) * .8);transform:scale(calc(1.05 + var(--music-shimmer, 0) * 1.35))}.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .photo-bulb-lamp{opacity:calc(.13 + var(--music-shimmer, 0) * .48);transform:scale(calc(1 + var(--music-shimmer, 0) * .24))}.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .story-music-note{--note-pulse:var(--music-beat,0);--note-direction:1;animation:none;opacity:calc(.3 + var(--note-pulse) * .38 + var(--music-shimmer, 0) * .13);transform:translate3d(calc(var(--music-melody, 0) * var(--note-direction) * 10px),calc(var(--note-pulse) * -22px),0) rotate(calc(var(--note-turn) + var(--music-melody, 0) * var(--note-direction) * 16deg)) scale(calc(1 + var(--note-pulse) * .22));text-shadow:0 2px 18px #c29b6540}.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .story-music-note:nth-child(2n){--note-direction:-1}.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .story-music-note:nth-child(3n+2){--note-pulse:var(--music-melody,0)}.example-cinematic[data-music-reactive=true][data-example-active=true] [data-scene-visible=true] .story-music-note:nth-child(3n){--note-pulse:var(--music-shimmer,0)}.example-cinematic[data-music-reactive=true] .story-music-sync{display:flex;align-items:center;gap:3px;color:#75522c;border-left:1px solid #aa927653;padding-left:.8rem;font:500 .6875rem/1 var(--sans);white-space:nowrap}.story-music-sync i{display:block;width:2px;height:12px;background:#946938;border-radius:2px;transform:scaleY(calc(.25 + var(--music-beat, 0) * .75))}.story-music-sync i:nth-child(2){height:16px;transform:scaleY(calc(.25 + var(--music-melody, 0) * .75))}.story-music-sync i:nth-child(3){margin-right:5px;transform:scaleY(calc(.25 + var(--music-shimmer, 0) * .75))}}@media (max-width:700px){.example-cinematic[data-music-reactive=true] .story-music-sync{display:none}}@media print{.example-cinematic[data-music-reactive=true] .story-music-sync{display:none}}