.example-cinematic .example-cover{isolation:isolate;min-height:42rem}.example-cinematic .example-cover .photo-light-frame{position:absolute;inset:0}.example-cinematic .example-cover .photo-light-surface{transform:scale(1.035)}.example-cinematic .example-cover img{height:100%;object-position:50% 10%}.photo-light-frame{overflow:hidden}.photo-light-frame,.photo-light-surface{height:100%;width:100%;position:relative}.example-cinematic .photo-light-surface>img{display:block;height:100%;width:100%;object-fit:cover}.photo-light-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.photo-light-overlay[data-aligned=true]{opacity:1}.photo-bulb{opacity:.25}.photo-bulb-lamp{opacity:.12}.example-cinematic .example-cover-shade{background:linear-gradient(180deg,#12120f30 10%,#16120e0d 35%,#15100fc9);z-index:1}.example-cinematic .example-cover-copy{padding-bottom:clamp(7.5rem,12vh,10rem)}.example-cinematic .example-cover-copy>p{font-size:.75rem;margin-bottom:2.1rem}.example-cinematic .example-cover-copy h1{font-size:clamp(5rem,13vw,13rem);line-height:.95;letter-spacing:-.065em}.example-cinematic .example-cover-copy h1 .example-title-word{color:inherit;display:inline-block;font-style:normal;font-weight:inherit}.example-cinematic .example-cover-copy h1 em{color:#e8b6b9;display:inline-block;font-weight:260}.example-cinematic .example-cover-copy>div{font-size:.75rem;margin-top:1.8rem}.example-cinematic .example-scroll-cue{align-items:center;display:flex;font-size:.75rem;gap:1rem;justify-self:start;letter-spacing:.12em;margin:0 0 2.3rem var(--page-gutter);min-height:2.75rem;text-decoration:none;writing-mode:horizontal-tb}.example-scroll-cue i{height:2.5rem;width:1px;background:#fff8ec99;transform-origin:top}.example-scroll-cue:focus-visible{outline:2px solid currentColor;outline-offset:6px}.example-motion-control{align-items:center;background:#1d1c18ed;border:1px solid #e9e1d147;border-radius:2rem;bottom:max(1.1rem,env(safe-area-inset-bottom));box-shadow:0 3px 18px #00000018;color:#faf4e8;cursor:pointer;display:flex;font:500 .8125rem/1 var(--sans);gap:.7rem;min-height:2.75rem;padding:.8rem 1.15rem;position:fixed;right:var(--page-gutter);z-index:30}.example-motion-control:hover{background:#3b3b30}.example-motion-control:focus-visible{outline:2px solid #bd9562;outline-offset:4px}.example-motion-control:disabled{cursor:default}.example-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.example-light-wash{position:absolute;inset:-25%;opacity:.35;background:linear-gradient(118deg,transparent 25%,#ddb78521 40%,#f3d9ad45 47%,transparent 64%);mix-blend-mode:screen}.example-atmosphere>i{position:absolute;left:7%;top:30%;width:3px;height:3px;background:#fce8c1;border-radius:50%;opacity:.35;box-shadow:0 0 12px 3px #e9c18a3d;--light-duration:9s;--light-delay:-2s}.example-atmosphere>i:nth-of-type(2n){width:5px;height:5px;--light-duration:13s}.example-atmosphere>i:nth-of-type(2){left:19%;top:70%;--light-delay:-7s}.example-atmosphere>i:nth-of-type(3){left:30%;top:15%;--light-delay:-4s}.example-atmosphere>i:nth-of-type(4){left:42%;top:47%;--light-delay:-9s}.example-atmosphere>i:nth-of-type(5){left:54%;top:23%;--light-delay:-1s}.example-atmosphere>i:nth-of-type(6){left:66%;top:65%;--light-delay:-6s}.example-atmosphere>i:nth-of-type(7){left:79%;top:36%;--light-delay:-3s}.example-atmosphere>i:nth-of-type(8){left:87%;top:80%;--light-delay:-11s}.example-atmosphere>i:nth-of-type(9){left:94%;top:17%;--light-delay:-8s}.example-atmosphere>i:nth-of-type(10){left:25%;top:91%;--light-delay:-5s}.example-atmosphere>i:nth-of-type(11){left:59%;top:84%;--light-delay:-2s}.example-atmosphere>i:nth-of-type(12){left:73%;top:7%;--light-delay:-10s}.example-cinematic .example-opening{position:relative;scroll-margin-top:5rem}.example-opening-rule{background:var(--oxblood);height:4.5rem;margin:-3rem auto 3rem;width:1px}.example-cinematic .line-mask>span,.example-cinematic .record-label{animation:none}.example-cinematic .chapter-travel-image{overflow:hidden}.example-cinematic .chapter-travel-image img{animation:none;will-change:auto}.example-cinematic .example-closing{isolation:isolate;overflow:hidden;position:relative}.example-cinematic .example-closing>:not(.example-atmosphere){position:relative;z-index:2}.example-cinematic .example-closing .example-light-wash{opacity:.6}.example-cinematic .final-message-panel-inner>span:after{background:var(--oxblood);content:"";display:block;height:1px;margin:.7rem auto 0;transform:scaleX(0);transform-origin:left;width:5rem}@media (prefers-reduced-motion:no-preference){.example-cinematic [data-reveal-ready]{transition:opacity 1.1s ease,translate 1.1s cubic-bezier(.16,1,.3,1)}.example-cinematic[data-example-motion=playing] [data-reveal-ready][data-story-seen=false]{opacity:0;translate:0 2rem}.example-cinematic [data-story-seen=true]{opacity:1;translate:0 0}.example-cinematic .closing-collage-keepsake,.example-cinematic .dance-photo-close{transition-delay:.16s}.example-cinematic .closing-collage-detail,.example-cinematic .dance-detail{transition-delay:.3s}.example-cinematic[data-motion-ready] .example-cover .photo-light-surface{animation:example-camera-drift 24s ease-in-out infinite alternate both}.example-cinematic[data-motion-ready] .example-light-wash{animation:example-light-pass 18s ease-in-out infinite alternate both}.example-cinematic[data-motion-ready] .example-atmosphere>i{animation:example-light-float var(--light-duration) var(--light-delay) ease-in-out infinite both}.example-cinematic[data-motion-ready] .example-cover-copy h1>*,.example-cinematic[data-motion-ready] .example-cover-copy>div,.example-cinematic[data-motion-ready] .example-cover-copy>p{animation:example-title-arrive 1.5s cubic-bezier(.16,1,.3,1) both}.example-cinematic[data-motion-ready] .example-cover-copy h1>:first-child{animation-delay:.12s}.example-cinematic[data-motion-ready] .example-cover-copy h1>em{animation-delay:.26s}.example-cinematic[data-motion-ready] .example-cover-copy h1>:last-child{animation-delay:.4s}.example-cinematic[data-motion-ready] .example-cover-copy>div{animation-delay:.55s}.example-cinematic[data-motion-ready] .example-scroll-cue i{animation:example-scroll-line 3s ease-in-out infinite}.example-cinematic[data-motion-ready] .chapter-travel-image .photo-light-surface,.example-cinematic[data-motion-ready] .chapter-travel-image>img{animation:example-photo-breathe 20s ease-in-out infinite alternate both}.example-cinematic[data-motion-ready] .photo-bulb{animation:example-bulb-flicker var(--flicker-duration) var(--flicker-delay) ease-in-out infinite both}.example-cinematic[data-motion-ready] .photo-bulb-lamp{animation-name:example-lamp-flicker;animation-duration:9s}.example-cinematic[data-motion-ready] .needle-connection{animation:example-needle-line 8s ease-in-out infinite}.example-cinematic [data-story-scene] :is(img,.photo-light-surface,.photo-bulb,.example-light-wash,.example-atmosphere>i,.example-cover-copy>p,.example-cover-copy h1>*,.example-cover-copy>div,.example-scroll-cue i,.needle-connection){animation-play-state:paused}.example-cinematic[data-example-active=true] [data-scene-visible=true] :is(img,.photo-light-surface,.photo-bulb,.example-light-wash,.example-atmosphere>i,.example-cover-copy>p,.example-cover-copy h1>*,.example-cover-copy>div,.example-scroll-cue i,.needle-connection){animation-play-state:running}.example-cinematic[data-example-motion=paused] :is(.example-cover-copy>p,.example-cover-copy h1>*,.example-cover-copy>div){animation:none;opacity:1;translate:none}.example-cinematic[data-example-motion=playing] .final-message-panel[data-state=open] .final-message-panel-inner>span:after{animation:example-signature-line 1.4s cubic-bezier(.16,1,.3,1) .45s both}}.example-cinematic[data-example-motion=paused] .final-message-reveal *,.example-cinematic[data-example-motion=paused] .final-message-reveal :after,.example-cinematic[data-example-motion=paused] [data-reveal-ready]{transition:none}.example-cinematic[data-example-motion=paused] .final-message-panel[data-state=open] .final-message-panel-inner>span:after{transform:none}@keyframes example-camera-drift{0%{transform:scale(1.035) translateZ(0)}to{transform:scale(1.1) translate3d(-.5%,.8%,0)}}@keyframes example-photo-breathe{0%{transform:scale(1.015) translateZ(0)}to{transform:scale(1.055) translate3d(0,-.6%,0)}}@keyframes example-bulb-flicker{0%,to{opacity:.22}18%{opacity:.82}32%{opacity:.36}47%{opacity:.65}63%{opacity:.16}79%{opacity:.92}}@keyframes example-lamp-flicker{0%,to{opacity:.1}27%{opacity:.32}43%{opacity:.16}68%{opacity:.37}84%{opacity:.2}}@keyframes example-title-arrive{0%{opacity:0;translate:0 .4em}to{opacity:1;translate:0 0}}@keyframes example-light-pass{0%{transform:translate3d(-8%,-2%,0) rotate(-6deg)}to{transform:translate3d(8%,2%,0) rotate(6deg)}}@keyframes example-light-float{0%{opacity:0;transform:translate3d(0,2.5rem,0)}30%,60%{opacity:.5}to{opacity:0;transform:translate3d(2rem,-4rem,0)}}@keyframes example-scroll-line{0%,to{transform:scaleY(.45);opacity:.4}50%{transform:scaleY(1);opacity:1}}@keyframes example-needle-line{0%,to{scale:.8 1;opacity:.5}50%{scale:1 1;opacity:1}}@keyframes example-signature-line{to{transform:scaleX(1)}}@media (max-width:600px){.example-cinematic .example-cover{height:100svh;min-height:36rem}.example-cinematic .example-cover img{object-position:49% 38%}.example-cinematic .example-cover-copy{padding-bottom:9rem}.example-cinematic .example-cover-copy h1{font-size:clamp(4.15rem,18vw,6.75rem);white-space:nowrap}.example-cinematic .example-cover-copy>p{max-width:24ch;line-height:1.6;margin-bottom:1.25rem}.example-cinematic .example-cover-copy>div{font-size:.6875rem;gap:.8rem;margin-top:1.2rem}.example-cinematic .example-scroll-cue{font-size:.6875rem;margin-bottom:3.9rem;gap:.6rem}.example-scroll-cue i{height:1.6rem}.example-motion-control{bottom:max(.75rem,env(safe-area-inset-bottom));font-size:.75rem;padding-inline:.9rem}.example-atmosphere>i:nth-of-type(2n){display:none}.example-cinematic .final-message-panel-inner>span:after{margin-inline:0}}@media (prefers-reduced-motion:reduce){.example-cinematic [data-reveal-ready]{opacity:1;translate:none;transition:none}.example-cinematic .example-atmosphere,.photo-light-overlay{display:none}.example-cinematic .final-message-panel[data-state=open] .final-message-panel-inner>span:after,.example-cinematic .photo-light-surface{transform:none}}@media print{.example-cinematic *,.example-cinematic :after{animation:none!important;transition:none!important}.example-cinematic [data-reveal-ready]{opacity:1!important;translate:none!important}.example-atmosphere,.example-motion-control,.photo-light-overlay{display:none}}