:root{--paper:#f4ead9;--ink:#252421;--rose:#df6d7e;--blue:#7196c7;--gold:#e7b93c;--lav:#9d83b9;--night:#0d2740;--cream:#fff9ee;--shadow:0 24px 70px rgba(48,38,26,.18)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:auto}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}
.site-loader,.chapter-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#10273d;transition:opacity .55s ease,visibility .55s ease}.site-loader img{width:min(380px,72vw);height:auto;aspect-ratio:1;object-fit:cover;border:8px solid #fff4;border-radius:50%;box-shadow:0 20px 70px #0007}.site-loader p,.loader-card p{margin:16px 0 0;color:#fff8;text-align:center;font:28px Caveat,cursive;letter-spacing:.04em}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.chapter-loader{z-index:9990;background:#182d3ddd;backdrop-filter:blur(12px);opacity:0;visibility:hidden}.chapter-loader.is-active{opacity:1;visibility:visible}.loader-card{width:min(420px,76vw);padding:12px 12px 22px;background:#fff8ec;box-shadow:0 22px 70px #0006;transform:rotate(-2deg)}.loader-card img{height:auto;aspect-ratio:16/10}.loader-card p{margin:12px 0 0;color:var(--ink)}
#grain{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}#cursor{position:fixed;left:0;top:0;z-index:9999;width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#fff6;backdrop-filter:blur(6px);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}#cursor span{color:var(--rose);font-size:20px}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;color:#fff;mix-blend-mode:difference}.brand{font:700 31px Caveat,cursive}.brand span{color:#ff8093}.topbar nav{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.music{width:34px;height:34px;border:0;border-radius:999px;background:#ffffff20;color:inherit;cursor:pointer}
html.story-mode,html.story-mode body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html.story-mode main{position:fixed;inset:0;overflow:hidden}.story-panel{position:absolute!important;inset:0;width:100%;height:100dvh!important;min-height:0!important;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;z-index:1}.story-panel.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}.chapter-progress{position:fixed;left:30px;bottom:24px;z-index:70;display:flex;align-items:center;gap:9px;color:#fff;font:600 11px "DM Sans",sans-serif;letter-spacing:.14em;mix-blend-mode:difference}.chapter-progress i{display:block;width:38px;height:1px;background:currentColor}
.hero{position:relative;background:var(--night);color:#fff}.scene-media{position:absolute;inset:-6%}.scene-media img{filter:saturate(.9) contrast(1.02)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,31,.78),rgba(6,20,30,.45) 38%,rgba(5,15,25,.08) 67%,rgba(2,9,15,.25)),linear-gradient(0deg,rgba(0,0,0,.27),transparent 42%)}.hero-copy{position:absolute;left:8vw;top:50%;z-index:4;max-width:520px;transform:translateY(-48%)}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.22em;opacity:.78}.hero h1{margin:6px 0 4px;font-family:Caveat,cursive;line-height:.78}.hero h1 span{display:block;font-size:clamp(100px,12vw,180px);font-weight:700}.hero h1 em{display:block;margin-left:22px;color:#ff8da2;font-size:clamp(38px,4.5vw,70px);font-style:normal}.hero-line{max-width:390px;font:italic clamp(19px,2vw,28px)/1.35 "Playfair Display",serif}.cta{display:inline-flex;align-items:center;gap:22px;margin-top:18px;padding:15px 22px;border-radius:99px;background:var(--rose);box-shadow:0 12px 30px #0003;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.cta span{font-size:19px}.scroll-hint{position:absolute;bottom:26px;left:50%;z-index:4;display:flex;gap:10px;transform:translateX(-50%);font:16px Caveat,cursive}.fireflies{position:absolute;inset:0;z-index:3;pointer-events:none}
.paper-intro{position:relative;padding:120px 8vw 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:var(--paper);background-image:radial-gradient(#7a67572c .8px,transparent .8px);background-size:8px 8px}.intro-copy{max-width:570px}.hand{margin:0 0 8px;font:30px Caveat,cursive}.intro-copy h2{margin:0 0 24px;font:600 clamp(38px,5vw,72px)/1.02 "Playfair Display",serif}.intro-copy h2 span{color:var(--rose);font-style:italic}.intro-copy>p:last-child{max-width:480px;font:23px/1.55 Caveat,cursive}.cta--ink{margin-top:10px;background:var(--ink);color:#fff}.tape{position:absolute;width:110px;height:34px;background:#d6bd8f88;filter:saturate(.6);transform:rotate(-7deg)}.tape-a{top:70px;left:7vw}.tape-b{right:6vw;bottom:56px;transform:rotate(8deg)}
.chapter{position:relative;padding:100px 8vw;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);align-items:center;gap:7vw;overflow:hidden;background:#f4ead9}.chapter--blue{background:#edf1ef}.chapter--gold{grid-template-columns:minmax(420px,1.5fr) minmax(280px,.8fr);background:#f4ead9}.chapter--lavender{background:#eee8ef}.chapter--rose{background:#f0e1df}.chapter:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#745e4d22 .8px,transparent .9px);background-size:9px 9px}.chapter-card{position:relative;z-index:10;min-width:0}.chapter-no{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f3a4ae;box-shadow:3px 5px 0 #0001;transform:rotate(-7deg);font:700 28px Caveat,cursive}.chapter--blue .chapter-no{background:#a8c2df}.chapter--gold .chapter-no{background:#f5cf5c}.chapter--lavender .chapter-no{background:#c0abd3}.chapter-card .year{margin:16px 0 2px;font:24px Caveat,cursive}.chapter-card h2{margin:0 0 26px;font:600 clamp(58px,7vw,110px)/.82 Caveat,cursive}.chapter-card>p:not(.year){max-width:430px;font-size:16px;line-height:1.7}.scribble{margin-top:32px;color:#4f4a43;font:25px/1.15 Caveat,cursive;transform:rotate(-2deg)}.note-card{display:inline-block;margin-top:28px;padding:18px 23px;background:#fff3b6;box-shadow:0 12px 22px #00000012;transform:rotate(3deg);font:25px Caveat,cursive}.chapter-next{position:relative;z-index:20;display:inline-flex;align-items:center;gap:11px;margin-top:28px;padding-bottom:5px;border-bottom:2px solid currentColor;font:600 14px "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase}.float-sticker{position:absolute;font:96px Caveat,cursive;filter:drop-shadow(0 6px 0 #0001)}.sticker-cloud{left:46%;top:7%;color:#fff}.sticker-heart{right:4%;bottom:7%;color:#e78596;transform:rotate(9deg)}.coffee-ring{position:absolute;right:5%;top:8%;width:130px;height:130px;border:8px solid #a6703a25;border-radius:50%;box-shadow:inset 0 0 0 4px #a6703a10}.wave-line{position:absolute;left:7%;bottom:3%;width:40%;color:#7184a9;opacity:.42}
.interlude{position:relative;padding:100px 8vw 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-template-rows:1fr 90px;align-items:center;gap:6vw;overflow:hidden;background:var(--night);color:#f8eeda;text-align:left}.interlude:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 75% 35%,#fff7 0 1px,transparent 2px),radial-gradient(circle at 48% 73%,#fff4 0 1px,transparent 2px);background-size:130px 110px,180px 160px,110px 170px}.interlude>p{position:relative;z-index:8;justify-self:center;max-width:700px;margin:0;padding:0;font:clamp(30px,5vw,70px) "Playfair Display",serif}.interlude>p span{color:#ff9cab;font-style:italic}.moon{position:absolute;left:9%;top:12%;color:#f3d99a;font-size:90px}.stars{position:absolute;right:5%;bottom:5%;color:#f4ce79;font-size:26px;letter-spacing:12px}.interlude-next{position:relative;z-index:20;grid-column:1/-1;align-self:center;justify-self:center;margin:0;padding:12px 20px;border:0;border-radius:99px;background:#f8eeda;color:#0d2740}
.final-chapter{padding:90px 7vw;display:grid;place-items:center}.final-wrap{width:100%;max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(280px,.75fr);align-items:center;gap:6vw}.final-copy h2{margin:8px 0 30px;font:600 clamp(72px,8vw,135px)/.78 Caveat,cursive}.final-copy blockquote{margin:30px 0 0;padding-left:20px;border-left:3px solid var(--rose);font:italic 22px/1.5 "Playfair Display",serif}.petal-layer{position:absolute;inset:0;pointer-events:none}
.letters{padding:90px 8vw;display:grid;grid-template-columns:minmax(420px,1fr) minmax(430px,1.05fr);align-items:center;gap:5vw;overflow:hidden;background:#e8dbc7}.envelope{position:relative;width:100%;height:min(500px,62vh);overflow:hidden;border-radius:5px;background:#d9c4a4;box-shadow:var(--shadow);transform:rotate(-1deg)}.envelope:before,.envelope:after,.envelope-flap{content:"";position:absolute;inset:0;pointer-events:none}.envelope:before{z-index:2;background:#ceb792;clip-path:polygon(0 34%,50% 100%,0 100%)}.envelope:after{z-index:2;background:#d5bf9c;clip-path:polygon(100% 34%,50% 100%,100% 100%)}.envelope-flap{z-index:1;background:#e0ceb0;clip-path:polygon(0 0,100% 0,50% 55%)}.letter-paper{position:absolute;z-index:3;left:8%;right:8%;top:6%;bottom:6%;padding:28px 42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#fff9ea;box-shadow:0 14px 40px #0002;transform:translateY(-2%) rotate(.8deg)}.letter-paper h2{margin:0 0 12px;font:600 clamp(30px,3.7vw,54px)/1.02 "Playfair Display",serif}.letter-paper p{max-width:560px;margin:5px 0;line-height:1.45}.letter-paper .chapter-next{align-self:flex-start;margin-top:12px}.signature{color:var(--rose);font:30px Caveat,cursive}
.memory-experience{position:relative;z-index:5;width:100%;min-width:0;display:grid;place-items:center}.memory-experience figure{margin:0}.memory-control{border:0;background:transparent;color:inherit;cursor:pointer;font:700 11px "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase}.memory-control:focus-visible,.chapter-link:focus-visible,.music:focus-visible,.brand:focus-visible,.topbar a:focus-visible,.album-page--2:focus-visible,.coverflow-card:focus-visible{outline:3px solid #ff8da2;outline-offset:5px;border-radius:8px}.paper-intro .memory-experience{height:min(560px,68vh)}.chapter>.memory-experience{justify-self:center}.chapter--gold>.memory-experience{order:0}.final-wrap>.memory-experience,.letters>.memory-experience{min-width:0}
.album-book{position:relative;width:min(650px,100%);padding:28px 30px 50px;perspective:1500px;transform-style:preserve-3d;isolation:isolate;border-radius:9px 18px 18px 9px;background:#6e3e36;box-shadow:0 24px 50px #35251d38,inset 8px 0 #4f2925}.album-book:before{content:"our little album";position:absolute;top:6px;left:50%;translate:-50% 0;color:#f7ddbd;font:21px Caveat,cursive}.album-spread{display:grid;grid-template-columns:1fr 1fr;perspective:900px;background:#fff8e9;box-shadow:0 12px 30px #25181255}.album-page{position:relative;min-width:0;padding:14px 14px 38px;background:linear-gradient(90deg,#f6ecd9,#fffaf0)}.album-page--2{cursor:pointer;background:linear-gradient(90deg,#eee1cb,#fffaf0);border-left:1px solid #cbbda8;box-shadow:inset 12px 0 18px #70542a12}.album-page--2.is-disabled{cursor:wait}.album-page img,.album-leaf img{width:100%;height:260px;object-fit:cover;border:7px solid #fff;box-shadow:0 7px 16px #402b2028}.album-page figcaption,.album-leaf-face figcaption{position:absolute;left:18px;bottom:10px;font:19px Caveat,cursive}.album-cover{position:absolute;inset:28px 30px 50px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #b98b76;border-radius:3px 14px 14px 3px;background:linear-gradient(135deg,#925b4f,#66362f 72%);box-shadow:inset 8px 0 15px #2f171540,0 12px 24px #25171355;color:#f9e8cb;text-align:center;transform-origin:left center;backface-visibility:hidden}.album-cover:after{content:"";position:absolute;inset:12px;border:1px solid #e8cba566;border-radius:2px 10px 10px 2px}.album-cover span{color:#fff3df;font:700 48px Caveat,cursive}.album-cover strong{font:600 28px/1.05 "Playfair Display",serif}.album-cover small{margin-top:18px;font:18px Caveat,cursive}.album-spiral{position:absolute;z-index:45;left:15px;top:38px;bottom:58px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.album-spiral i{display:block;width:35px;height:12px;border:4px solid #d8c2a1;border-left-color:#8f795e;border-radius:50%;filter:drop-shadow(1px 2px 1px #24171066)}.album-book:not(.is-opening) .album-spread{opacity:0}.album-book.is-opening .album-cover{animation:album-open 1.8s cubic-bezier(.18,.7,.18,1) .18s forwards}.album-book.has-opened .album-cover{visibility:hidden;transform:rotateY(-178deg)}.album-book.is-opening .album-spread{animation:album-pages-appear .35s ease .72s both}.album-leaf{position:absolute;z-index:18;top:28px;bottom:50px;left:50%;right:30px;padding:0;visibility:hidden;background:transparent;box-shadow:none;transform-origin:left center;transform-style:preserve-3d;backface-visibility:visible;will-change:transform}.album-leaf-face{position:absolute;inset:0;padding:14px 14px 38px;overflow:hidden;background:linear-gradient(90deg,#eee1cb,#fffaf0);backface-visibility:hidden}.album-leaf-face img{height:100%}.album-leaf-front{transform:rotateY(0)}.album-leaf-back{background:linear-gradient(90deg,#fffaf0,#eee1cb);box-shadow:inset -12px 0 18px #70542a12;transform:rotateY(180deg)}.album-leaf:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,transparent 58%,#34200f26);opacity:0}.album-leaf.is-flipping{visibility:visible;animation:album-page-turn 1.4s cubic-bezier(.4,.02,.18,1) forwards}.album-leaf.is-flipping:after{animation:album-leaf-shadow 1.4s ease-in-out forwards}.album-turn{position:absolute;right:25px;bottom:14px;z-index:50;color:#f8e8d1;transition:opacity .2s ease}.album-turn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.album-book.is-page-turning .album-turn{opacity:.38}.album-turn span{margin-left:6px;font-size:16px}@keyframes album-open{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(-76deg);filter:brightness(.82)}100%{visibility:hidden;transform:rotateY(-178deg);filter:brightness(.65)}}@keyframes album-pages-appear{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes album-page-turn{0%{transform:rotateY(0) translateZ(1px);filter:brightness(1)}18%{transform:rotateY(-24deg) translateZ(12px) scaleX(.99)}48%{transform:rotateY(-88deg) translateZ(34px) scaleX(.955);filter:brightness(.87)}72%{transform:rotateY(-138deg) translateZ(20px) scaleX(.975)}100%{transform:rotateY(-180deg) translateZ(1px);filter:brightness(1)}}@keyframes album-leaf-shadow{0%,100%{opacity:0}40%,62%{opacity:.72}}
.memory-experience--deck{height:460px;grid-template-rows:minmax(0,1fr) auto;gap:18px}.card-deck{position:relative;width:min(470px,80%);height:100%;max-height:390px;touch-action:none}.memory-card{position:absolute;inset:0;padding:12px 12px 48px;border:1px solid #d8cbb9;background:#fffaf0;box-shadow:0 18px 40px #33251c30;transform:var(--settle);transform-origin:50% 110%;transition:transform .68s cubic-bezier(.22,.72,.24,1),opacity .42s ease;pointer-events:none;will-change:transform,opacity}.memory-card img{width:100%;height:100%;object-fit:cover}.memory-card figcaption{position:absolute;left:20px;bottom:12px;font:21px Caveat,cursive}.memory-card--1{z-index:5;--settle:rotate(-2deg);--entry-x:-80px;pointer-events:auto;cursor:grab}.memory-card--2{z-index:4;--settle:translate(17px,8px) rotate(4deg);--entry-x:75px}.memory-card--3{z-index:3;--settle:translate(-20px,16px) rotate(-7deg);--entry-x:-45px}.memory-card--4{z-index:2;--settle:translate(28px,23px) rotate(8deg);--entry-x:55px}.memory-card--5{z-index:1;--settle:translate(-30px,27px) rotate(-10deg);--entry-x:-65px}.card-deck.is-dealing .memory-card{animation:card-deal 1.05s cubic-bezier(.16,.76,.22,1) both}.card-deck.is-dealing .memory-card--5{animation-delay:.04s}.card-deck.is-dealing .memory-card--4{animation-delay:.16s}.card-deck.is-dealing .memory-card--3{animation-delay:.28s}.card-deck.is-dealing .memory-card--2{animation-delay:.40s}.card-deck.is-dealing .memory-card--1{animation-delay:.52s}.memory-card--1.is-dragging{cursor:grabbing;transition:none;transform:var(--settle) translate3d(var(--drag-x,0),var(--drag-y,0),0) rotate(var(--drag-rotate,0));opacity:var(--drag-opacity,1)}.memory-card--1.is-returning{transition:transform .42s cubic-bezier(.2,.9,.25,1.25),opacity .3s ease}.memory-card--1.is-discarding{animation:card-discard .76s cubic-bezier(.3,.02,.55,1) forwards!important}.memory-card.is-recycling{opacity:0!important;transition:none!important}.deck-next{position:relative;z-index:12;padding:9px 14px;border-bottom:2px solid currentColor;border-radius:99px;background:#fff9eddd}.interlude .deck-next{color:#172b3e}@keyframes card-deal{0%{opacity:0;transform:translate(var(--entry-x),-75vh) rotate(18deg) scale(.9)}72%{opacity:1;transform:translate(0,14px) rotate(-1deg) scale(1.015)}100%{opacity:1;transform:var(--settle)}}@keyframes card-discard{0%{opacity:var(--swipe-opacity,1);transform:var(--settle) translateX(var(--swipe-start,0px))}30%{opacity:0;transform:var(--settle) translateX(calc(var(--swipe-start,0px) + min(42px,7vw))) rotate(5deg)}100%{opacity:0;transform:var(--settle) translateX(calc(var(--swipe-start,0px) + min(220px,22vw))) rotate(12deg)}}
.memory-experience--mosaic{height:min(600px,68vh);grid-template-rows:minmax(0,1fr) auto;gap:8px}.mosaic-grid{width:min(730px,100%);height:100%;max-height:530px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:9px;background:#fffaf0;box-shadow:0 24px 55px #34261e38;transform:rotate(1deg)}.mosaic-tile{grid-area:auto!important;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.mosaic-tile img{width:100%;height:100%;object-fit:cover}.mosaic-tile.is-changing{opacity:.12;transform:scale(.96)}.mosaic-next,.booth-next{position:relative;z-index:12;padding:8px 13px;border-bottom:2px solid currentColor;border-radius:99px;background:#fff9eddd}
.memory-experience--booth{height:min(640px,72vh);grid-template-rows:minmax(0,1fr) auto;gap:10px}.photobooth{width:100%;height:100%;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:26px;perspective:900px}.booth-strip{width:min(240px,43%);height:100%;padding:10px 10px 16px;overflow:hidden;border-radius:3px;background:#242321;box-shadow:0 19px 36px #281d1744}.booth-strip--1{transform:rotate(-2deg)}.booth-strip--2{transform:rotate(2deg)}.booth-strip>span{display:block;margin-bottom:7px;color:#f6e8d3;text-align:center;font:15px Caveat,cursive;letter-spacing:.08em}.booth-window{height:calc(100% - 27px);overflow:hidden;background:#111}.booth-track{display:block;will-change:transform}.booth-sequence{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.booth-strip figure{flex:0 0 auto;width:100%;aspect-ratio:3/4;padding:5px;background:#f8f5ed}.booth-strip img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.photobooth.is-rolling .booth-strip--1 .booth-track{animation:booth-scroll-up 58s linear infinite}.photobooth.is-rolling .booth-strip--2 .booth-track{animation:booth-scroll-down 62s linear infinite}.photobooth.is-paused .booth-track,.memory-experience--booth:hover .booth-track,.memory-experience--booth:focus-within .booth-track{animation-play-state:paused}.booth-next[aria-pressed="true"]{background:#252421;color:#fff}@keyframes booth-scroll-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes booth-scroll-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.memory-experience--coverflow{--flow-card-w:280px;--flow-card-h:390px;height:var(--flow-card-h);min-width:0;overflow:hidden}.coverflow{position:relative;width:100%;height:100%;overflow:hidden;perspective:1200px;transform-style:preserve-3d}.coverflow-card{position:absolute;left:50%;top:50%;width:var(--flow-card-w);height:var(--flow-card-h);padding:10px 10px 38px;border:1px solid #d8cbb9;background:#fffaf0;box-shadow:0 22px 45px #20171144;transform:translate(-50%,-50%) translateX(var(--flow-x)) translateZ(var(--flow-z)) rotateY(var(--flow-rotate)) scale(var(--flow-scale));transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.72,.2,1),opacity .75s ease,filter .75s ease;cursor:pointer;will-change:transform,opacity}.coverflow-card img{width:100%;height:100%;object-fit:cover;object-position:center 25%;background:#eee7db}.coverflow-card:after{content:"memory ♡";position:absolute;left:15px;bottom:9px;color:#292621;font:18px Caveat,cursive}.coverflow-card[aria-hidden="true"]{filter:saturate(.72) brightness(.82)}.interlude-coverflow{--flow-card-w:225px;--flow-card-h:310px}.interlude .coverflow-card{background:#fff9ed}.final-wrap>.memory-experience--coverflow{align-self:center}
@media (pointer:fine){html.story-mode body,html.story-mode a,html.story-mode button,html.story-mode [role="button"]{cursor:none}}
@media (max-height:800px) and (min-width:1101px){.paper-intro,.chapter{padding-top:78px;padding-bottom:55px}.chapter-card h2{margin-bottom:14px;font-size:clamp(48px,6vw,78px)}.chapter-card .year{margin-top:8px}.chapter-card>p:not(.year){line-height:1.45}.scribble,.note-card,.chapter-next{margin-top:14px}.memory-experience--deck{height:390px}.card-deck{max-height:320px}.memory-experience--booth{height:500px}.memory-experience--coverflow{--flow-card-w:220px;--flow-card-h:300px}.interlude-coverflow{--flow-card-w:190px;--flow-card-h:265px}.letters .letter-paper{padding-block:18px}.album-page img{height:205px}}
@media (max-width:1100px){#cursor{display:none}.topbar{padding:14px 18px;mix-blend-mode:normal;background:linear-gradient(#13293ac4,transparent)}.story-panel{padding:72px 5vw 48px!important}.hero.story-panel{padding:0!important}.paper-intro,.chapter,.chapter--gold,.letters{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:center;gap:10px!important}.paper-intro .intro-copy,.chapter-card{align-self:start}.intro-copy .hand{font-size:22px}.intro-copy h2{margin-bottom:8px;font-size:clamp(32px,6vw,46px)}.intro-copy>p:last-child{margin:6px 0;font-size:15px;line-height:1.3}.cta{margin-top:8px;padding:12px 18px}.chapter-card{width:100%}.chapter-card h2{margin-bottom:8px;font-size:clamp(39px,8vw,56px);line-height:.86}.chapter-card>p:not(.year){max-width:650px;margin:5px 0;font-size:13px;line-height:1.35}.chapter-card .year{margin:5px 0;font-size:17px}.chapter-no{width:38px;height:38px;font-size:19px}.scribble,.note-card{display:none}.chapter-next{margin-top:9px;padding:7px 10px;border:0;border-radius:99px;background:#ffffffc7;font-size:10px}.chapter--gold>.memory-experience{order:2}.memory-experience--deck,.memory-experience--booth,.memory-experience--mosaic,.paper-intro .memory-experience{height:100%;min-height:0}.card-deck{width:min(450px,76vw);height:min(370px,40vh)}.album-book{width:min(620px,89vw);padding:23px 22px 40px}.album-cover{inset:23px 22px 40px}.album-leaf{top:23px;right:22px;bottom:40px}.album-page,.album-leaf-face{padding:9px 9px 32px}.album-page img{height:min(210px,25vh);border-width:5px}.album-page figcaption,.album-leaf-face figcaption{font-size:15px}.album-spiral{left:7px;top:31px;bottom:48px}.album-spiral i{width:30px;height:9px;border-width:3px}.mosaic-grid{width:min(650px,88vw);height:min(390px,43vh)}.photobooth{gap:14px}.booth-strip{width:min(220px,42vw)}.interlude{padding:82px 6vw 34px!important;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 62px!important;gap:4px!important;text-align:center}.interlude>p{max-width:760px;font-size:clamp(27px,6vw,45px)}.interlude-next{grid-column:1}.memory-experience--coverflow{--flow-card-w:205px;--flow-card-h:275px}.interlude-coverflow{--flow-card-w:190px;--flow-card-h:255px}.final-chapter{padding:70px 5vw 40px!important}.final-wrap{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:5px}.final-wrap>.memory-experience{order:2}.final-copy{order:1}.final-copy h2{margin:0 0 5px;font-size:49px}.final-copy p,.final-copy blockquote{margin:5px 0;font-size:13px}.letters{align-content:stretch}.letters>.memory-experience{grid-row:2}.letters .envelope{grid-row:1;width:min(680px,88vw);height:auto;min-height:280px;justify-self:center}.letters .letter-paper{padding:18px 24px}.letters .letter-paper h2{font-size:clamp(25px,5.2vw,36px)}.letters .letter-paper p{font-size:12px}.letters .closing-album .album-page img{height:min(150px,18vh)}.chapter-progress{left:16px;bottom:12px}.wave-line{display:none}}
@media (max-width:600px){.topbar nav a{display:none}.brand{font-size:27px}.hero-copy{left:7vw;right:7vw;top:auto;bottom:13vh;transform:none}.hero h1 span{font-size:clamp(68px,22vw,90px)}.hero h1 em{font-size:32px}.hero-line{font-size:16px}.scroll-hint{display:none}.story-panel{padding:66px 5vw 43px!important}.intro-copy h2{font-size:clamp(31px,10vw,41px)}.intro-copy>p:last-child{font-size:13px}.chapter-card h2{font-size:clamp(37px,11vw,48px)}.album-book{width:91vw;padding:21px 11px 35px}.album-cover{inset:21px 11px 35px}.album-cover span{font-size:34px}.album-cover strong{font-size:20px}.album-cover small{margin-top:9px;font-size:14px}.album-leaf{top:21px;right:11px;bottom:35px}.album-page,.album-leaf-face{padding:6px 6px 27px}.album-page img,.album-leaf img{height:min(145px,18vh);border-width:3px}.album-page figcaption,.album-leaf-face figcaption{left:9px;bottom:7px;font-size:12px}.album-turn{right:11px;bottom:9px;font-size:9px}.album-spiral{left:-3px;top:28px;bottom:43px}.album-spiral i{width:25px}.memory-experience--deck{gap:12px}.card-deck{width:68vw;height:min(310px,36vh)}.memory-card{padding:8px 8px 34px}.memory-card figcaption{left:12px;bottom:8px;font-size:16px}.memory-card--1{--settle:rotate(-1deg)}.memory-card--2{--settle:translate(8px,4px) rotate(2deg)}.memory-card--3{--settle:translate(-9px,8px) rotate(-3deg)}.memory-card--4{--settle:translate(11px,11px) rotate(3.5deg)}.memory-card--5{--settle:translate(-12px,14px) rotate(-4deg)}.deck-next{font-size:9px}.mosaic-grid{width:90vw;height:min(350px,40vh);gap:5px;padding:7px}.photobooth{gap:8px}.booth-strip{width:42vw;padding:7px 7px 12px}.booth-strip>span{font-size:11px}.booth-sequence{gap:6px;padding-bottom:6px}.memory-experience--coverflow{--flow-card-w:170px;--flow-card-h:230px}.interlude-coverflow{--flow-card-w:160px;--flow-card-h:215px}.coverflow-card{padding:7px 7px 29px}.coverflow-card:after{bottom:6px;font-size:14px}.interlude{padding:72px 5vw 35px!important}.interlude>p{font-size:clamp(25px,8vw,36px)}.interlude-next{padding:10px 16px;font-size:10px}.final-copy h2{font-size:42px}.final-copy blockquote{display:none}.letters .envelope{min-height:255px}.letters .letter-paper{padding:13px 16px}.letters .letter-paper .hand{margin:0;font-size:18px}.letters .letter-paper h2{margin:2px 0 5px;font-size:clamp(23px,7vw,29px)}.letters .letter-paper p{width:auto;margin:2px 0;font-size:11px}.letters .letter-paper .chapter-next{margin-top:5px}.letters .closing-album .album-page img{height:min(115px,13vh)}.site-loader img{width:min(330px,78vw)}.loader-card{width:min(360px,84vw)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.scene-media{transform:none!important}.album-cover{display:none}.album-book .album-spread{opacity:1!important}.album-turn{opacity:1}.booth-track,.memory-card,.coverflow-card{animation:none!important;transition:none!important}}