/* Small, coloured keepsakes at the edges; the photographic world stays still. */
.memory-atmosphere{position:absolute;inset:0;z-index:1;overflow:clip;pointer-events:none!important;user-select:none;color:#d9ae8d;--ma-fur:#d4b48a;--ma-paw:#f6e5c7;--ma-heart:#b77975;--ma-petal:#dda69f;--ma-photo-opacity:.2;--ma-heart-opacity:.38}
.ma-keepsake{position:absolute;display:block;pointer-events:none!important;animation-play-state:paused!important}
.ma-keepsake svg{display:block;width:100%;height:100%;overflow:visible}
.memory-atmosphere .ma-keepsake img{position:static;inset:auto;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1;transform:none;filter:none;transition:none;-webkit-user-drag:none}
.ma-photo{width:65px;padding:4px 4px 13px;background:#f5e9d6;border:1px solid #d9bcb259;box-shadow:0 3px 6px #251c1920;opacity:0;animation:ma-print-drift 36s linear infinite both;--ma-tilt:-12deg;--ma-sway:10px}
.memory-atmosphere .ma-photo img{aspect-ratio:2/3;object-fit:cover}
.ma-photo-one{left:-3%;top:0;animation-delay:-9s}
.ma-photo-two{right:-3%;top:0;width:58px;animation-duration:43s;animation-delay:-28s;--ma-tilt:13deg;--ma-sway:-10px}
.ma-heart{width:30px;height:32px;opacity:var(--ma-heart-opacity);animation:ma-heart-float 12s ease-in-out infinite}
.ma-heart-one{right:5%;top:23%;transform:rotate(13deg);animation-delay:-3s}
.ma-heart-two{left:4%;top:76%;width:23px;height:25px;animation-duration:15s;animation-delay:-8s}
.ma-watercolor{right:-35px;top:63%;width:136px;opacity:0;--ma-bloom-opacity:.2;animation:ma-heart-bloom 17s -6s ease-in-out infinite both}
.ma-petal{left:6%;top:-24px;width:12px;height:18px;border-radius:85% 12% 74% 20%;background:linear-gradient(140deg,#fff0dcbb,var(--ma-petal) 50%,#9259549c);box-shadow:inset 1px 1px 0 #fff5e466;--ma-petal-opacity:.33;--ma-petal-sway:16px;opacity:0;animation:ma-petal-drift 25s -9s linear infinite both}
.ma-petal-two{left:auto;right:4%;width:10px;height:15px;animation-duration:31s;animation-delay:-23s;--ma-petal-sway:-14px}
.ma-flower{left:-24px;top:58%;width:94px;opacity:.34;transform-origin:50% 90%;animation:ma-flower-sway 17s ease-in-out infinite}
.ma-light{width:5px;height:5px;border-radius:50%;background:#ffe1a3;box-shadow:0 0 0 3px #e3b46a20;opacity:.3;animation:ma-golden-air 13s ease-in-out infinite}
.ma-light-one{left:8%;top:31%;animation-delay:-2s}
.ma-light-two{right:7%;top:59%;width:4px;height:4px;animation-duration:16s;animation-delay:-7s}
.ma-light-three{left:17%;top:84%;width:3px;height:3px;animation-duration:11s;animation-delay:-4s}
/* A warm desk, blue-hour honesty, daylight hope, a garden, then lamplight. */
.memory-atmosphere[data-atmosphere=phone]{color:#dcae9b;--ma-heart-opacity:.36}
.memory-atmosphere[data-atmosphere=phone] .ma-watercolor{left:-30px;right:auto;top:28%;width:124px;--ma-bloom-opacity:.23}
.memory-atmosphere[data-atmosphere=phone] .ma-heart-one{right:5%;top:76%;width:26px}
.memory-atmosphere[data-atmosphere=keepsakes]{--ma-petal:#d9ab8b}
.memory-atmosphere[data-atmosphere=keepsakes] .ma-watercolor{right:-28px;top:18%;width:133px;--ma-bloom-opacity:.22}
.memory-atmosphere[data-atmosphere=letter]{color:#e7b4a8;--ma-petal:#d4a1b1;--ma-photo-opacity:.18;--ma-heart-opacity:.39}
.memory-atmosphere[data-atmosphere=letter] .ma-photo{background:#f0dee0}
.memory-atmosphere[data-atmosphere=letter] .ma-heart-one{top:31%}
.memory-atmosphere[data-atmosphere=promises]{color:#aa6669;--ma-fur:#bba386;--ma-paw:#ede0c4;--ma-heart:#ae7479;--ma-petal:#c28e94;--ma-photo-opacity:.18;--ma-heart-opacity:.34}
.memory-atmosphere[data-atmosphere=promises] .ma-watercolor{left:-43px;right:auto;top:42%;width:144px;--ma-bloom-opacity:.14}
.memory-atmosphere[data-atmosphere=promises] .ma-heart-one{top:16%;right:4%}
.memory-atmosphere[data-atmosphere=plans]{color:#e6c59e;--ma-petal:#e0b7a2;--ma-photo-opacity:.23;--ma-heart-opacity:.43}
.memory-atmosphere[data-atmosphere=plans] .ma-photo{background:#efe8cf;border-color:#b9c09b80}
.memory-atmosphere[data-atmosphere=plans] .ma-heart-one{right:4%;top:37%}
.memory-atmosphere[data-atmosphere=ending]{color:#e8bc91;--ma-heart:#c4897d;--ma-photo-opacity:.17;--ma-heart-opacity:.34}
.memory-atmosphere[data-atmosphere=ending] .ma-photo-one{left:auto;right:-2%;width:57px;animation-delay:-18s}
.memory-atmosphere[data-atmosphere=ending] .ma-heart-one{right:8%;top:82%;width:24px}
/* Existing visibility state owns all decorative motion. */
.am-enhanced .am-chapter[data-motion-paused=false] .ma-keepsake,.phone-world[data-photos-active=true] .memory-atmosphere .ma-keepsake{animation-play-state:running!important}
.am-evening-room[data-arrival-paused=true] .memory-atmosphere .ma-keepsake{animation-play-state:paused!important}
.after-memories[data-motion-paused=true] .memory-atmosphere .ma-keepsake,.after-memories:has(.am-memory-dialog[open]) .memory-atmosphere .ma-keepsake{animation-play-state:paused!important}
.light-world:has(.am-memory-dialog[open]) .phone-world .ma-keepsake{animation-play-state:paused!important}
@keyframes ma-print-drift{0%{transform:translate3d(0,-120px,0) rotate(var(--ma-tilt));opacity:0}12%{opacity:var(--ma-photo-opacity)}50%{transform:translate3d(var(--ma-sway),46svh,0) rotate(calc(var(--ma-tilt) * -1));opacity:var(--ma-photo-opacity)}88%{opacity:var(--ma-photo-opacity)}100%{transform:translate3d(0,105svh,0) rotate(var(--ma-tilt));opacity:0}}
@keyframes ma-heart-float{0%,100%{transform:translate3d(0,0,0) rotate(12deg)}50%{transform:translate3d(-6px,-17px,0) rotate(-9deg)}}
@keyframes ma-heart-bloom{0%,100%{opacity:.02;transform:translate3d(0,8px,0) rotate(-9deg) scale(.88)}35%,62%{opacity:var(--ma-bloom-opacity);transform:translate3d(-4px,-7px,0) rotate(-3deg) scale(1)}82%{opacity:.05;transform:translate3d(-7px,-16px,0) rotate(2deg) scale(1.03)}}
@keyframes ma-petal-drift{0%{opacity:0;transform:translate3d(0,0,0) rotate(25deg)}15%{opacity:var(--ma-petal-opacity)}50%{opacity:var(--ma-petal-opacity);transform:translate3d(var(--ma-petal-sway),49svh,0) rotate(147deg)}86%{opacity:var(--ma-petal-opacity)}100%{opacity:0;transform:translate3d(0,103svh,0) rotate(240deg)}}
@keyframes ma-flower-sway{0%,100%{transform:translate3d(0,0,0) rotate(-13deg)}50%{transform:translate3d(4px,-9px,0) rotate(-7deg)}}
@keyframes ma-golden-air{0%,100%{opacity:.16;transform:translate3d(0,7px,0)}45%,60%{opacity:.58;transform:translate3d(8px,-9px,0)}}
@media(max-width:350px){.ma-photo-one{left:-6%}.ma-photo-two{right:-6%}.ma-watercolor{right:-48px}.ma-heart-one{right:3%}.ma-flower{left:-32px}}
@media(prefers-reduced-motion:reduce){.memory-atmosphere .ma-keepsake{animation:none!important}.memory-atmosphere :is(.ma-photo,.ma-petal,.ma-light){display:none}.memory-atmosphere .ma-heart{opacity:.24}.memory-atmosphere .ma-watercolor{opacity:.1}.memory-atmosphere .ma-flower{opacity:.24}}
