@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--paper:#fbf7f0;--surface:#fffdf9;--ink:#4d3e35;--muted:#8a7a6c;--rose:#bd7565;--pink:#f4e2da;--line:#e7dfd4;--sage:#e7ebde;--s0:0;--s25:2px;--s50:4px;--s75:8px;--s100:12px;--s200:16px;--s300:24px;--s400:32px;--s500:40px;--s600:48px;--s700:64px;--s800:80px;--s900:96px;--curve:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}::selection{background:#edcec1;color:#4d3e35}[hidden]{display:none!important}.heading-1{font-size:60px;line-height:60px;font-weight:600}.heading-2{font-size:48px;line-height:48px;font-weight:600}.heading-3{font-size:36px;line-height:40px;font-weight:600}.heading-4{font-size:30px;line-height:36px;font-weight:600}.heading-5{font-size:24px;line-height:32px;font-weight:600}.heading-6{font-size:20px;line-height:28px;font-weight:600}.title-1{font-size:20px;line-height:28px;font-weight:500}.title-2{font-size:18px;line-height:28px;font-weight:500}.title-3{font-size:16px;line-height:24px;font-weight:500}.title-4{font-size:14px;line-height:20px;font-weight:500}.title-5{font-size:12px;line-height:16px;font-weight:500}.body-1{font-size:16px;line-height:24px;font-weight:600}.body-2{font-size:16px;line-height:24px;font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400}.body-4{font-size:14px;line-height:20px;font-weight:600}.body-5{font-size:14px;line-height:20px;font-weight:500}.body-6{font-size:14px;line-height:20px;font-weight:400}.button-lg{font-size:18px;line-height:28px;font-weight:600}.button-md{font-size:16px;line-height:24px;font-weight:600}.button-sm{font-size:14px;line-height:20px;font-weight:600}.button-xsm{font-size:12px;line-height:16px;font-weight:600}.caption-1{font-size:14px;line-height:20px;font-weight:500}.caption-2{font-size:14px;line-height:20px;font-weight:400}.caption-3{font-size:12px;line-height:16px;font-weight:600}.caption-4{font-size:12px;line-height:16px;font-weight:500}.caption-5{font-size:12px;line-height:16px;font-weight:400}
.section-shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.site-header{position:fixed;top:24px;left:0;right:0;z-index:30;display:flex;justify-content:center;padding:0 24px;pointer-events:none}.nav-bar{width:min(1080px,100%);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;background:#fffdf9eb;backdrop-filter:blur(20px);border:1px solid #e8dfd3;border-radius:9999px;box-shadow:0 4px 24px #735b4210;pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-flower{width:32px;height:32px;color:var(--rose);fill:#f0d5b7;stroke-width:1.5}.brand-dot{color:var(--rose)}.desktop-links{display:flex;gap:32px}.nav-link{color:var(--muted);position:relative;padding-block:8px;transition:color 300ms var(--curve)}.nav-link:hover,.nav-link.current{color:var(--rose)}.nav-link.current:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:var(--rose)}.nav-actions{display:flex;align-items:center;gap:8px}.music-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9999px;background:#f3e5db;white-space:nowrap;transition:background 300ms var(--curve),transform 300ms var(--curve)}.music-toggle svg{width:16px;height:16px}.music-toggle:hover{background:#ebd3c6}.music-toggle:active,.primary-button:active,.secondary-button:active,.filter-button:active,.icon-button:active{transform:scale(.98)}.music-bars{height:16px;display:none;align-items:center;gap:2px}.music-bars i{display:block;width:2px;height:12px;background:var(--rose);border-radius:2px;animation:music-bounce 1000ms var(--curve) infinite alternate}.music-bars i:nth-child(2){animation-delay:300ms}.music-bars i:nth-child(3){animation-delay:600ms}.music-toggle[aria-pressed=true] .music-bars{display:flex}.music-toggle[aria-pressed=true]>svg{display:none}.music-toggle.waiting .music-bars i{animation-play-state:paused}.menu-toggle{display:none;width:40px;height:40px;background:transparent;position:relative}.menu-toggle span{position:absolute;width:20px;height:2px;background:var(--ink);left:10px;top:15px;transition:transform 500ms var(--curve)}.menu-toggle span+span{top:23px}.menu-toggle[aria-expanded=true] span{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px) rotate(-45deg)}.skip-link{position:fixed;left:16px;top:16px;padding:12px 16px;background:var(--ink);color:white;z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.hero{min-height:760px;position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:24px;padding-top:96px;padding-bottom:80px}.eyebrow{color:var(--rose);letter-spacing:.12em}.hero .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:.08em}.tiny-flower{font-size:20px;line-height:28px;font-weight:500}.hero h1{margin-top:24px;max-width:680px;letter-spacing:.02em;background:linear-gradient(100deg,#000,#666);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-period{color:var(--rose);-webkit-text-fill-color:var(--rose)}.hero-description{color:var(--muted);max-width:680px;margin-top:24px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--rose);color:#fffdf9;border:1px solid var(--rose);border-radius:9999px;padding:8px 12px;min-height:48px;transition:transform 500ms var(--curve),background 300ms var(--curve)}.primary-button:hover{background:#a86455;transform:translateY(-2px)}.primary-button svg{width:20px;height:20px}.hero .primary-button{margin-top:32px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:32px;color:var(--muted)}.hero-proof strong{color:var(--ink);font-weight:600}.proof-dot{padding-inline:8px}.little-avatars{display:flex;align-items:center;padding-right:8px}.little-avatars img,.little-avatars>span{width:40px;height:40px;border-radius:50%;border:2px solid var(--paper);object-fit:cover;margin-right:-8px}.little-avatars>span{display:grid;place-items:center;background:#e6e9dd;color:#7e8b72;font-size:20px;line-height:28px;font-weight:500}.hero-scrapbook{height:560px;position:relative}.hero-blob{position:absolute;width:84%;height:75%;left:8%;top:12%;background:#f2e6d7;border-radius:48% 52% 40% 60% / 56% 40% 60% 44%;transform:rotate(12deg)}.polaroid{padding:8px;background:var(--surface);border:1px solid #ece2d7;border-radius:16px;box-shadow:0 8px 32px #56443116;text-align:center;transition:transform 500ms var(--curve)}.polaroid img{width:100%;object-fit:cover;border-radius:8px}.hero-photo-main{position:absolute;width:63%;left:4%;top:8%;transform:rotate(-7deg);z-index:2}.hero-photo-main img{aspect-ratio:3/4;object-position:50% 35%}.hero-photo-main:hover{transform:rotate(-4deg) translateY(-4px)}.photo-handwriting{display:block;padding:16px 4px 8px;color:#796655}.photo-handwriting>span{color:var(--rose)}.hero-photo-small{position:absolute;width:42%;right:0;top:40%;z-index:3;transform:rotate(9deg)}.hero-photo-small img{aspect-ratio:4/5;object-position:50% 35%}.hero-photo-small:hover{transform:rotate(5deg) translateY(-4px)}.hero-photo-small .photo-handwriting{padding-top:12px}.tape{position:absolute;width:96px;height:24px;background:#d5bc8b80;z-index:4;pointer-events:none}.tape-top{top:-12px;left:calc(50% - 48px);transform:rotate(3deg)}.tape-small{top:-12px;left:calc(50% - 48px);background:#d8a9a380;transform:rotate(-8deg)}.hero-sparkle{position:absolute;right:12%;top:2%;width:64px;height:64px;color:#9ca38b;fill:#e8ebdf;stroke:#9ca38b;transform:rotate(8deg)}.hero-daisy{position:absolute;left:0;bottom:12%;width:96px;height:96px;z-index:5;transform:rotate(-15deg)}.hero-sticker{position:absolute;right:4%;top:23%;padding:8px 12px;background:#e8ecdf;border:1px solid #d4dcc8;border-radius:9999px;transform:rotate(8deg);display:flex;align-items:center;gap:8px;z-index:4;color:#6e7a5f}.hero-sticker svg{width:16px;height:16px}.scroll-note{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#9b8b79}.scroll-note svg{width:16px;height:16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-heading h2{margin-top:12px}.section-heading h2 span,.timeline-intro h2 span,.notes-intro h2 span{color:var(--rose)}.section-description{margin-top:16px;color:var(--muted)}.section-count{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);padding-bottom:4px}.section-count svg{width:20px;height:20px}.photo-section{padding-top:48px;padding-bottom:64px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;margin-bottom:24px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-button{background:transparent;border:1px solid transparent;border-radius:9999px;color:var(--muted);padding:8px 12px;transition:background 300ms var(--curve),transform 300ms var(--curve),color 300ms var(--curve)}.filter-button:hover{background:#f0e6db}.filter-button.selected{background:var(--ink);color:#fffdf9}.date-hint{color:#9a8b7d;white-space:nowrap}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.photo-card{display:block;width:100%;position:relative;padding:8px;background:var(--surface);border-radius:16px;border:1px solid #eae1d6;box-shadow:0 4px 16px #5c463006;transition:transform 500ms var(--curve),box-shadow 300ms var(--curve);text-align:left;overflow:hidden}.photo-card:nth-child(4n+1){transform:rotate(-1.5deg)}.photo-card:nth-child(4n+3){transform:rotate(1.5deg)}.photo-card:hover{transform:translateY(-8px) rotate(0deg);box-shadow:0 12px 32px #5c463019}.photo-card:active{transform:scale(.98)}.photo-image-wrap{position:relative;aspect-ratio:4/5;background:#eee7dd;border-radius:8px;overflow:hidden}.photo-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 500ms var(--curve),opacity 300ms var(--curve)}.photo-card:hover img{transform:scale(1.04)}.photo-card .image-error{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:var(--muted);text-align:center}.photo-caption{padding:12px 4px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.photo-caption svg{width:16px;height:16px;color:#c39787}.photo-caption .date{color:var(--muted)}.photo-caption .date-source{color:#9a8b7d;margin-top:4px}.photo-hover-label{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;background:#fffdf9dd;backdrop-filter:blur(8px);border-radius:50%;opacity:0;transform:translateY(8px);transition:opacity 300ms var(--curve),transform 500ms var(--curve)}.photo-hover-label svg{width:16px;height:16px}.photo-card:hover .photo-hover-label,.photo-card:focus-visible .photo-hover-label{opacity:1;transform:none}.gallery-footer{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;border:1px solid #d8c8b6;border-radius:9999px;padding:8px 12px;transition:background 300ms var(--curve),transform 500ms var(--curve)}.secondary-button svg{width:16px;height:16px}.secondary-button:hover{background:#efe4d6;transform:translateY(-2px)}.skeleton-photo{height:360px;border-radius:16px;background:#eee7dd;animation:skeleton-breathe 1600ms var(--curve) infinite alternate}.empty-state{grid-column:1/-1;text-align:center;padding:48px 24px;background:#f2ece3;border-radius:16px;color:var(--muted)}.empty-state h3{color:var(--ink);margin-bottom:8px}.empty-state button{margin-top:16px}.tagline-section{position:relative;text-align:center;background:#f1e6dc;padding:80px 24px;overflow:hidden}.tagline{position:relative;max-width:680px;margin:0 auto;z-index:1}.tagline-word{opacity:.3;transition:opacity 800ms var(--curve)}.tagline-word.visible{opacity:1}.tagline-accent{color:var(--rose)}.tagline-section>p:last-of-type{margin-top:24px;color:var(--muted)}.tagline-decoration{position:absolute;left:12%;top:24px;color:#d2b99a;font-size:96px;line-height:96px;font-weight:400;transform:rotate(12deg)}.tagline-heart{position:absolute;right:10%;bottom:24px;color:#d0a295;font-size:96px;line-height:96px;font-weight:400;transform:rotate(15deg)}.video-section{padding-block:80px}.video-filters{margin-top:24px;margin-bottom:24px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.video-card{padding:0;border-radius:16px;overflow:hidden;position:relative;background:#e9e0d4;text-align:left;transition:transform 500ms var(--curve);aspect-ratio:3/4;color:#fffdf9}.video-card:hover{transform:translateY(-8px)}.video-card:active{transform:scale(.98)}.video-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;transition:transform 500ms var(--curve)}.video-card:hover>img{transform:scale(1.04)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:#fffdf9e6;color:var(--ink);border:1px solid #fff8;border-radius:50%;backdrop-filter:blur(8px);transition:transform 500ms var(--curve)}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.08)}.video-play svg{width:20px;height:20px;fill:var(--ink)}.video-duration{position:absolute;top:12px;right:12px;padding:4px 8px;background:#382e29b3;border-radius:9999px}.video-card-info{position:absolute;left:8px;right:8px;bottom:8px;padding:12px;background:#fffdf9ec;backdrop-filter:blur(12px);border-radius:8px;color:var(--ink)}.video-card-info>span{display:block}.video-card-info>span+span{color:var(--muted);margin-top:4px}.sound-note{margin-top:24px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:8px}.sound-note svg{width:16px;height:16px}.timeline-section{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-block:64px}.timeline-intro{position:relative}.timeline-intro h2{margin-top:16px}.timeline-intro>p.body-6{margin-top:24px;color:var(--muted)}.timeline-disclaimer{margin-top:24px;color:#9a8b7d}.timeline-flower{width:80px;height:80px;fill:#edddbc;color:#b9a478;transform:rotate(16deg);margin-top:24px}.timeline-list{display:flex;flex-direction:column;gap:16px}.timeline-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;align-items:center;gap:16px;padding:16px;text-align:left;width:100%;transition:transform 500ms var(--curve),background 300ms var(--curve)}.timeline-card:hover{transform:translateX(4px);background:#f8eee4}.timeline-card:active{transform:scale(.98)}.timeline-date{width:64px;height:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:var(--sage);color:#788169}.timeline-date .heading-5{line-height:32px}.timeline-card:nth-child(even) .timeline-date{background:#f3e1d8;color:#b27866}.timeline-meta{flex:1;min-width:0}.timeline-meta p{margin-top:4px;color:var(--muted)}.timeline-miniatures{display:flex;gap:4px}.timeline-miniatures img{width:40px;height:48px;object-fit:cover;border-radius:4px}.timeline-card>svg{width:16px;height:16px;color:var(--muted)}.how-section{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:48px;margin-top:32px;margin-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-item{display:flex;gap:16px;align-items:flex-start}.how-number{color:var(--rose);width:40px;height:40px;display:grid;place-items:center;background:var(--pink);border-radius:50%;flex-shrink:0}.how-item h3{padding-top:8px}.how-item p{margin-top:8px;color:var(--muted)}.notes-section{padding-top:64px;padding-bottom:80px;display:grid;grid-template-columns:1fr 2fr;gap:80px}.notes-intro h2{margin-top:16px}.notes-intro>p:last-child{margin-top:24px;color:var(--muted)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fffdf970}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:16px;height:16px;color:var(--rose);transition:transform 500ms var(--curve)}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{margin-top:16px;color:var(--muted)}.closing-section{background:#e9ecdf;padding:64px 24px;text-align:center}.closing-flower{width:40px;height:40px;fill:#f5dfbc;color:#bd9867;margin-bottom:16px}.closing-section h2{margin-top:16px}.closing-section>p.body-6{margin-top:24px;color:#7c816c}.closing-section .primary-button{margin-top:24px}.closing-section .eyebrow{color:#7a8466}.site-footer{padding-block:32px;display:flex;align-items:center;gap:24px;justify-content:space-between}.site-footer>p{color:var(--muted)}.footer-links{display:flex;gap:24px;color:var(--muted)}.footer-links button{padding:0;background:transparent;font:inherit}.footer-links button:hover,.footer-links a:hover{color:var(--rose)}.lightbox{padding:0;border:1px solid #e7dfd4;background:var(--surface);border-radius:16px;width:min(1120px,calc(100% - 48px));max-height:calc(100dvh - 32px);color:var(--ink);overflow:hidden}.lightbox::backdrop,.policy-dialog::backdrop{background:#211c19cc;backdrop-filter:blur(12px)}.lightbox-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}.lightbox-header,.lightbox-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;flex-shrink:0}.lightbox-header p{margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.lightbox-stage{position:relative;min-height:160px;height:min(72dvh,800px);display:flex;align-items:center;justify-content:center;background:#ede7de;overflow:hidden}.lightbox-stage>img,.lightbox-stage>video{height:100%;width:100%;object-fit:contain;display:block}.lightbox-stage>video{background:#181818}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f1e9df;transition:background 300ms var(--curve),transform 300ms var(--curve);flex-shrink:0}.icon-button:hover{background:#e7d9c9}.icon-button svg{width:20px;height:20px}.lightbox-arrow{position:absolute;z-index:2;top:calc(50% - 20px);background:#fffdf9e6;box-shadow:0 2px 16px #0001}.lightbox-arrow.previous{left:12px}.lightbox-arrow.next{right:12px}.lightbox-stage.video-mode .lightbox-arrow{top:12px}.text-button{background:transparent;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px}.text-button:hover{background:#f1e9df}.text-button svg{width:16px;height:16px}.lightbox-footer>p{color:var(--muted)}.media-load-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:48px;background:#ede7de;color:var(--ink)}.policy-dialog{width:min(600px,calc(100% - 32px));border:1px solid var(--line);padding:24px;border-radius:16px;background:var(--surface);color:var(--ink);max-height:85dvh}.policy-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.policy-dialog p+p{margin-top:16px}.policy-dialog p{color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);color:var(--surface);padding:12px 16px;border-radius:12px;box-shadow:0 4px 24px #0002;z-index:100;text-align:center}.noscript{position:fixed;inset:96px 24px auto;background:var(--surface);padding:24px;z-index:100;border:1px solid var(--rose);border-radius:16px}.reveal{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity 800ms var(--curve),transform 800ms var(--curve)}.js-ready .reveal.in-view{opacity:1;transform:none}.image-pending{opacity:.45}.broken-image{opacity:0}.mobile-menu{display:none}
@keyframes music-bounce{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes skeleton-breathe{from{opacity:.5}to{opacity:1}}
img{height:auto}.hero-photo-main img{height:auto;aspect-ratio:3/4}.hero-photo-small img{height:auto;aspect-ratio:4/5}.tagline-word:nth-child(3){transition-delay:160ms}.tagline-word:nth-child(4){transition-delay:320ms}.lightbox-stage.is-loading:not(.video-mode):after{content:"正在载入清晰画面";position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:8px 12px;background:#fffdf9e6;border-radius:8px;color:var(--muted);font-size:12px;line-height:16px;font-weight:500;pointer-events:none;animation:skeleton-breathe 1600ms var(--curve) infinite alternate}
@media(min-width:1440px){.hero{min-height:800px}.hero-scrapbook{height:600px}.hero-photo-main{width:62%}.hero-photo-small{width:43%}}
@media(max-width:1100px){.desktop-links{gap:16px}.section-shell{width:calc(100% - 64px)}.hero{min-height:720px;gap:16px}.hero-scrapbook{height:480px}.hero h1{font-size:48px;line-height:48px}.hero .eyebrow{font-size:12px;line-height:16px;letter-spacing:.04em}.hero-sticker{right:0;top:16%}.hero-daisy{width:80px;height:80px;bottom:12%}.photo-grid,.video-grid{gap:16px}.timeline-section{gap:40px}.notes-section{gap:40px}.footer-links{gap:16px}.site-footer{flex-wrap:wrap}.hero-proof{margin-top:24px}}
@media(max-width:760px){html{scroll-padding-top:96px}.section-shell{width:calc(100% - 40px)}.site-header{top:12px;padding-inline:12px}.nav-bar{padding:8px 12px;gap:8px}.brand{font-size:14px;line-height:20px}.brand-flower{width:24px;height:24px}.desktop-links{display:none}.music-toggle{font-size:12px;line-height:16px;padding:8px 12px}.music-toggle svg{width:16px;height:16px}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:0;z-index:25;background:#fbf7f0f5;backdrop-filter:blur(24px);display:flex;flex-direction:column;justify-content:center;padding:96px 32px 48px;gap:48px}.mobile-menu nav{display:flex;flex-direction:column;gap:32px}.mobile-menu nav a{opacity:0;transform:translateY(24px);transition:transform 500ms var(--curve),opacity 500ms var(--curve)}.mobile-menu.open nav a{opacity:1;transform:none}.mobile-menu nav a:nth-child(2){transition-delay:60ms}.mobile-menu nav a:nth-child(3){transition-delay:120ms}.mobile-menu nav a:nth-child(4){transition-delay:180ms}.mobile-menu>p{color:var(--muted)}.hero{display:flex;flex-direction:column;min-height:0;padding-top:128px;padding-bottom:64px;gap:32px;align-items:stretch}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;letter-spacing:.04em}.hero h1{font-size:48px;line-height:48px;margin-top:16px;letter-spacing:0}.hero-description{font-size:14px;line-height:20px;margin-top:16px;max-width:100%}.desktop-break{display:none}.hero .primary-button{margin-top:24px}.hero-proof{justify-content:center;margin-top:24px}.hero-proof .caption-5{display:none}.hero-scrapbook{height:440px;width:min(440px,100%);margin:0 auto}.hero-photo-main{width:65%;left:8%;top:4%}.hero-photo-small{width:43%;right:4%;top:40%}.photo-handwriting{font-size:14px;line-height:20px;padding:12px 4px 8px}.hero-photo-small .photo-handwriting{font-size:12px;line-height:16px}.hero-sticker{top:18%;right:0;font-size:12px;line-height:16px;padding:8px}.hero-daisy{width:64px;height:64px;left:2%;bottom:16%}.hero-sparkle{width:48px;height:48px;right:8%;top:0}.scroll-note{bottom:8px}.photo-section{padding-top:48px;padding-bottom:48px}.section-heading{align-items:flex-start;gap:16px}.section-heading h2{font-size:30px;line-height:36px}.section-heading .eyebrow{font-size:12px;line-height:16px;letter-spacing:.06em}.section-description{margin-top:12px}.section-heading .section-count{display:none}.gallery-toolbar{margin-top:24px;margin-bottom:16px;display:block}.filter-list{gap:4px}.filter-button{font-size:12px;line-height:16px;padding:8px 12px}.date-hint{display:block;margin-top:12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.photo-card{padding:8px;border-radius:16px}.photo-caption{padding:8px 0 0;gap:4px}.photo-caption svg{display:none}.photo-caption .date{font-size:12px;line-height:16px}.photo-caption .date-source{font-size:12px;line-height:16px}.photo-hover-label{display:none}.gallery-footer{gap:12px;margin-top:24px;align-items:center}.gallery-footer>p{font-size:12px;line-height:16px}.gallery-footer>button{font-size:12px;line-height:16px;white-space:nowrap}.tagline-section{padding:64px 24px}.tagline{font-size:30px;line-height:36px}.tagline-decoration{font-size:60px;line-height:60px;left:4%;top:12px;opacity:.5}.tagline-heart{font-size:60px;line-height:60px;right:4%;bottom:8px;opacity:.5}.tagline-section>p:last-of-type{margin-top:16px}.video-section{padding-block:48px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.video-card-info{padding:8px}.video-card-info .title-4{font-size:12px;line-height:16px}.video-card-info .caption-5{font-size:12px;line-height:16px}.video-duration{top:8px;right:8px}.video-play{width:40px;height:40px}.video-filters{margin-block:24px 16px}.sound-note{align-items:flex-start;justify-content:flex-start;margin-top:24px}.timeline-section{grid-template-columns:1fr;gap:24px;padding-block:48px}.timeline-intro h2{font-size:30px;line-height:36px}.timeline-intro h2 br{display:none}.timeline-intro>p.body-6{margin-top:16px}.timeline-intro>p.body-6 br{display:none}.timeline-disclaimer{margin-top:16px;max-width:280px}.timeline-flower{position:absolute;right:0;bottom:24px;width:64px;height:64px;margin:0;opacity:.7}.timeline-card{padding:12px;gap:12px}.timeline-miniatures img{width:32px;height:40px}.timeline-miniatures img:nth-child(n+3){display:none}.timeline-date{width:48px;height:64px}.timeline-meta p{font-size:12px;line-height:16px}.how-section{grid-template-columns:1fr;gap:24px;padding-block:32px;margin-block:16px}.how-item p{margin-top:4px}.notes-section{padding-block:48px;grid-template-columns:1fr;gap:24px}.notes-intro h2 br{display:none}.notes-intro h2{font-size:30px;line-height:36px}.notes-intro>p:last-child{margin-top:16px}.notes-intro>p:last-child br{display:none}.faq-list details{padding:16px}.faq-list summary{font-size:14px;line-height:20px;gap:16px}.closing-section{padding:48px 24px}.closing-section h2{font-size:30px;line-height:36px}.closing-section>.eyebrow{letter-spacing:.04em}.site-footer{padding-block:32px;gap:16px;justify-content:center;flex-direction:column;text-align:center}.footer-links{gap:24px}.lightbox{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.lightbox-shell{max-height:calc(100dvh - 16px)}.lightbox-header,.lightbox-footer{padding:12px;gap:8px}.lightbox-header h2{font-size:14px;line-height:20px}.lightbox-header>div{min-width:0}.lightbox-header p{font-size:12px;line-height:16px;max-width:260px}.lightbox-footer p{font-size:12px;line-height:16px}.lightbox-footer .text-button{font-size:12px;line-height:16px;padding:8px 0}.lightbox-stage{height:65dvh}.lightbox-arrow.previous{left:8px}.lightbox-arrow.next{right:8px}.policy-dialog{padding:24px}.skeleton-photo{height:240px}}
@media(max-width:380px){.hero h1{font-size:36px;line-height:40px}.hero-scrapbook{height:400px}.hero-sticker{right:0;font-size:12px;line-height:16px}.hero .eyebrow{letter-spacing:0}.section-shell{width:calc(100% - 32px)}.hero-proof{font-size:12px;line-height:16px}.little-avatars img,.little-avatars>span{width:32px;height:32px}.hero-photo-small{right:0}.timeline-miniatures img:nth-child(n+2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-property:opacity!important;transition-duration:300ms!important}.js-ready .reveal{transform:none;opacity:1}.tagline-word{opacity:1}.mobile-menu nav a{transform:none}.photo-card:hover,.hero-photo-main:hover,.hero-photo-small:hover,.video-card:hover,.primary-button:hover{transform:none}}