@charset "UTF-8";
:root{--paper:#f8f5ee;--ink:#443e36;--muted:#91877b;--rose:#b96d63;--rose-dark:#a65b52;--sage:#7e8c75;--line:#e4ddd2;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;--hand:"KaiTi","STKaiti","楷体",var(--serif)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background-color:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23786243' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}body.modal-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:5px}button:disabled{opacity:.4;cursor:default}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button{border:0}button svg,a svg{flex-shrink:0}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.section-wrap{max-width:1200px;width:calc(100% - 112px);margin-inline:auto}
.site-header{width:calc(100% - 80px);max-width:1360px;margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.25;letter-spacing:1px}.brand-mark{width:38px;height:42px;transform:rotate(-9deg);display:grid;place-items:center;border:1px solid #d4a29b;border-radius:12px 12px 14px 14px;color:var(--rose);background:#f0e1d7}.brand-mark svg{width:24px;height:24px;transform:rotate(9deg)}.brand-number{margin-left:6px;font-family:Georgia,serif;font-size:23px;letter-spacing:1px;color:var(--rose)}.brand small{display:block;font:8px/1 var(--sans);letter-spacing:2.3px;color:var(--muted);margin-top:8px}.main-nav{display:flex;align-items:center;gap:35px;padding:5px 0 0}.main-nav a{position:relative;font-size:12px;letter-spacing:1px;padding:10px 1px;color:#82776b;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--rose)}.main-nav a.active:after{content:"";position:absolute;bottom:1px;width:16px;height:2px;background:var(--rose);left:calc(50% - 8px);transform:rotate(-5deg)}.main-nav a span{font-size:17px;vertical-align:middle;margin-left:2px}.header-note{font-family:var(--hand);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;white-space:nowrap}.header-note svg{width:25px;height:25px;color:var(--sage);transform:rotate(8deg)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;min-height:627px;padding-top:79px;padding-bottom:64px;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:5px}.eyebrow{font-family:Georgia,var(--sans);font-size:10px;letter-spacing:2.7px;color:#9a8b7b;display:flex;align-items:center;gap:11px}.tiny-line{width:23px;height:1px;background:var(--rose)}.issue{margin-left:8px;letter-spacing:1.4px;color:var(--rose);font-size:9px}.hero h1{font-family:var(--serif);font-size:clamp(43px,4.45vw,64px);letter-spacing:4px;line-height:1.5;font-weight:500;margin:24px 0 20px}.colored-word{color:var(--rose);position:relative;white-space:nowrap}.word-underline{width:100%;height:15px;position:absolute;bottom:-8px;left:0;stroke:#c8907a;opacity:.75;stroke-width:2.8}.title-period{color:#7d8876}.hero-description{font-size:13px;color:#8a8073;line-height:2.15;letter-spacing:.8px}.couple{display:flex;gap:13px;align-items:center;margin:25px 0 27px}.name-tag{font-family:var(--serif);font-size:14px;letter-spacing:2px}.couple-heart{width:15px;height:15px;color:var(--rose);fill:#eac9bc;stroke-width:1}.couple-since{font-size:10px;color:#9d9081;border-left:1px solid #d7cdc0;padding-left:16px;margin-left:2px;letter-spacing:1.1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:47px;padding:12px 23px;border-radius:4px;font-size:12px;letter-spacing:1px;transition:background .2s,transform .2s,box-shadow .2s}.button svg{width:19px;height:19px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--rose);color:#fffaf2;box-shadow:0 3px 0 #a45e5330}.button-primary:hover{background:var(--rose-dark);box-shadow:0 5px 15px #a45e5320}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:10px;color:#a39382;letter-spacing:.8px;margin-top:18px}.little-star{color:#9ca387;font-size:19px;line-height:1}
.hero-collage{position:relative;height:455px;min-width:0;margin-top:16px}.polaroid{background:#fffdf8;padding:13px 13px 0;box-shadow:0 8px 22px #69573d16,1px 2px 3px #69573d10;position:absolute;border:1px solid #e9e0d4}.polaroid img{width:100%;object-fit:cover}.main-polaroid{width:88%;max-width:460px;right:6px;top:28px;transform:rotate(5deg)}.main-polaroid img{aspect-ratio:1.27;object-position:center}.main-polaroid figcaption{height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--hand);font-size:14px;letter-spacing:1px;padding-inline:3px;color:#897663}.photo-heart{color:var(--rose);font-family:var(--sans);font-size:29px;transform:rotate(15deg);line-height:1}.tape{position:absolute;z-index:2;display:block;background:#d4c5a0b8;opacity:.75;box-shadow:0 0 1px #b4a78960;clip-path:polygon(1% 0,98% 3%,100% 93%,0 100%);background-image:repeating-linear-gradient(90deg,transparent 0,transparent 3px,#f7f0d516 3px,#f7f0d516 4px)}.tape-main{width:128px;height:31px;top:-14px;left:calc(50% - 64px);transform:rotate(-8deg)}.mini-polaroid{width:206px;left:0;bottom:-10px;transform:rotate(-10deg);padding:9px 9px 0;z-index:3}.mini-polaroid img{aspect-ratio:1.28;object-fit:cover}.mini-polaroid figcaption{font-family:var(--hand);font-size:12px;letter-spacing:.5px;text-align:center;height:38px;line-height:38px;color:#9a8068}.tape-mini{width:64px;height:22px;top:-10px;left:calc(50% - 32px);transform:rotate(5deg);background-color:#b4bea2ad}.hand-note{font-family:var(--hand);font-size:13px;color:#9d8a73;letter-spacing:1px}.note-top{position:absolute;top:-26px;left:67px;transform:rotate(-6deg);z-index:4;font-size:12px}.note-top svg{position:absolute;width:72px;height:45px;left:185px;top:1px;stroke:#a8967e;stroke-width:1.3;transform:rotate(14deg)}.note-bottom{position:absolute;right:10px;bottom:0;transform:rotate(3deg);font-size:14px}.love-stamp{position:absolute;right:-12px;bottom:55px;width:90px;height:90px;border:1px dashed #b99b7e;border-radius:50%;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b28b6c;z-index:4;background:#f2eadac9;outline:1px solid #c4a789;outline-offset:4px}.love-stamp svg{width:17px;height:17px;stroke-width:1.3}.love-stamp>span{font:22px/1.4 Georgia,serif;text-align:center}.love-stamp small{display:block;font:8px/1.6 var(--sans);letter-spacing:1px}.collage-spark{position:absolute;left:2px;top:77px;color:#9ba78a;width:29px;height:37px;transform:rotate(10deg)}
.time-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0 26px;margin-bottom:77px}.time-intro{display:flex;gap:14px;align-items:center;flex-shrink:0}.heart-outline{font-size:43px;line-height:1;color:#bc8d7a;transform:rotate(-14deg);font-family:Georgia,serif}.micro-label{font:9px/1.5 Georgia,var(--sans);letter-spacing:1.8px;color:#a08d7a}.time-intro p{font-family:var(--serif);font-size:14px;margin-top:5px;letter-spacing:1px}.day-counter{display:flex;align-items:baseline;gap:10px;position:relative;padding:0 32px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.time-caption{font-size:10px;color:#998c7c;letter-spacing:.6px}.day-counter strong{font:47px/1 Georgia,serif;color:var(--rose);font-variant-numeric:tabular-nums}.unit{font-size:11px;color:#9a8979}.next-date p{font-size:11px;margin-top:5px;color:#988572}.next-date strong{font:25px/1.2 Georgia,serif;color:#6f7a66;margin-right:4px;font-variant-numeric:tabular-nums}.date-sub{font:10px Georgia,serif;letter-spacing:1px;margin-left:10px;color:#a9957f}.birthday-date svg{width:22px;height:22px;vertical-align:middle;margin-left:23px;color:#c5937d}.birthday-date strong{color:#b58466}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.section-heading .eyebrow{font-size:9px;letter-spacing:2.1px;margin-bottom:11px}.section-heading h2{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:2px;line-height:1.5}.soft-text{color:#9e7967}.heading-dot{color:var(--rose);font-family:Georgia,serif;margin-left:3px}.heading-note{align-self:end;transform:rotate(-4deg);font-size:12px;padding-bottom:6px}.story-grid{display:grid;grid-template-columns:1.12fr 1fr .94fr;gap:24px;align-items:stretch}.start-card{padding:27px 29px 20px;border:1px solid #dcd4c5;background:#f0ece1;position:relative;border-radius:3px;min-height:315px}.card-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9a8c77;letter-spacing:1px}.card-topline svg{color:#b6977e;width:19px;height:19px;transform:rotate(12deg)}.start-year{font:9px Georgia,serif;letter-spacing:2.2px;color:#96836e;margin-top:30px}.start-day{position:relative;display:inline-block;font:57px/1.3 Georgia,serif;color:#9a6d55;letter-spacing:3px;margin:3px 0 19px}.start-day>span{color:#af9473;margin-inline:5px}.start-day svg{position:absolute;width:calc(100% + 33px);height:90px;left:-16px;top:-6px;stroke:#b68d6b;stroke-width:1.4;opacity:.8}.start-card h3{font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:.8px;margin-bottom:9px}.start-card>p:not(.start-year){color:#9c8c79;font-size:11px;line-height:2}.start-bottom{border-top:1px dashed #d9cdb8;padding-top:14px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;font:8px Georgia,serif;letter-spacing:1.3px;color:#a18e78}.start-bottom span{font-size:21px;line-height:.5;color:#b5957e}.story-photo-card{position:relative;min-height:315px;padding:9px;background:#fffdf9;box-shadow:0 3px 12px #7764420e;transform:rotate(1deg);border:1px solid #e7dfd2}.story-photo-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;max-height:335px;filter:saturate(.82)}.story-photo-label{position:absolute;bottom:24px;left:24px;right:20px;color:#fffaf1;text-shadow:0 1px 6px #35291b70;z-index:2}.story-photo-card:after{content:"";position:absolute;inset:50% 9px 9px;background:linear-gradient(transparent,#312e268a)}.story-photo-label span{font-size:9px;letter-spacing:2px;opacity:.9}.story-photo-label h3{font-size:16px;font-weight:400;font-family:var(--serif);letter-spacing:1.5px;margin-top:6px}.little-note{position:relative;margin:8px 0 5px 6px;background:#e8ebdf;transform:rotate(-2deg);padding:31px 30px 23px;color:#73816b;box-shadow:3px 6px 10px #706d4c0b;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,#c9d0b225 27px,#c9d0b225 28px)}.tape-note{width:85px;height:26px;top:-11px;left:calc(50% - 43px);background-color:#d7ceb1aa;transform:rotate(3deg)}.note-flower{position:absolute;width:36px;height:36px;right:22px;top:30px;color:#a2af8f;stroke-width:1.2;transform:rotate(10deg)}.little-note .micro-label{font-size:8px;color:#9aa087;letter-spacing:1.3px;margin-top:10px;max-width:130px}.little-note h3{font-family:var(--hand);font-size:23px;font-weight:400;line-height:1.7;letter-spacing:3px;margin-top:26px}.note-end{font-family:var(--hand);font-size:16px;letter-spacing:2px;line-height:1.9;margin-top:13px;color:#859079}.note-rule{height:1px;background:#cdd3bf;margin-top:23px}.note-sign{font-family:var(--hand);font-size:12px;display:flex;justify-content:space-between;margin-top:12px;color:#8d977f}.note-sign span{font-family:var(--sans);font-size:20px;line-height:1}
.memories-section{padding:83px 0 68px;margin-top:80px;background:#efe9df80;border-top:1px solid #e4ddcf80;border-bottom:1px solid #e4ddcf80}.section-description{color:#a19180;font-size:11px;letter-spacing:.7px;margin-top:12px}.album-count{position:relative;display:flex;align-items:baseline;gap:10px;align-self:end;padding-right:40px;color:#ae9279}.album-count strong{font:37px/1 Georgia,serif}.album-count span{font-size:10px;letter-spacing:.8px}.album-count svg{position:absolute;right:0;top:-12px;width:24px;height:29px;color:#aab294;stroke-width:1.3}.album-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ded5c7;margin-bottom:32px;padding-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:8px 14px;background:transparent;border-radius:3px;font-size:11px;letter-spacing:.7px;transition:background .2s,color .2s;white-space:nowrap;color:#978572}.filter:hover{background:#e5d8c96b}.filter.active{background:#e6d6c5;color:#86624e}.filter span{font:10px Georgia,serif;margin-left:5px;opacity:.7}.album-tip{font-size:10px;color:#aa9782;letter-spacing:.5px;white-space:nowrap}.album-tip span{margin-left:5px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 23px;align-items:start;min-height:150px}.memory-card{margin:0;transform:rotate(var(--tilt));transition:transform .25s}.memory-card:nth-child(4n+2){margin-top:13px}.memory-card:nth-child(4n){margin-top:7px}.memory-card:hover{transform:translateY(-5px) rotate(0)}.memory-button{display:block;width:100%;padding:10px 10px 0;text-align:left;background:#fffdf7;border:1px solid #e8dfd0;box-shadow:1px 4px 11px #66523b0b;border-radius:0;position:relative}.memory-image-wrap{position:relative;overflow:hidden;background:#e6ded2;aspect-ratio:1/1.05}.memory-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.89)}.memory-button:hover img{transform:scale(1.045)}.memory-button[data-category="chat"] .memory-image-wrap img{object-fit:contain;background:#f1ede5}.memory-button[data-category="chat"] .memory-image-wrap:after{content:"聊天记录";position:absolute;bottom:0;left:0;right:0;text-align:center;background:#f7f2e8e6;font-size:9px;letter-spacing:2px;padding:6px 0;color:#94816b}.image-category{position:absolute;left:8px;top:8px;background:#f8f2e6e8;padding:2px 6px;font-size:8px;letter-spacing:1px;color:#92785f}.memory-caption{padding:14px 3px 13px;min-height:69px}.memory-caption p{font-family:var(--hand);font-size:12px;line-height:1.5;letter-spacing:.6px;color:#826c55}.memory-caption>span{display:flex;justify-content:space-between;align-items:center;font:8px Georgia,var(--sans);letter-spacing:1px;color:#b5a48e;margin-top:7px}.memory-caption .mini-heart{font-family:var(--sans);font-size:14px;line-height:1;color:#bc9382}.gallery-bottom{text-align:center;margin-top:36px;min-height:91px}.gallery-bottom>p{font-size:10px;color:#a18d77;letter-spacing:1px;margin-bottom:17px}.button-secondary{background:transparent;border:1px solid #cbbca7;color:#8b735a;min-height:42px;font-size:11px;padding:9px 28px;gap:35px}.button-secondary:hover{background:#e7ddce}.button-secondary span{font-size:17px;line-height:1}.gallery-bottom .gallery-end{font-family:var(--hand);font-size:13px;margin-top:25px;color:#9c846c}.gallery-end span{font-size:19px;color:var(--rose)}.gallery-error{grid-column:1/-1;padding:40px;text-align:center;color:#947c68}

.closing{border-top:1px solid var(--line);text-align:center;padding:38px 0 40px}.closing>svg{width:30px;height:30px;color:#a7ae93;margin-bottom:12px;stroke-width:1.3}.closing>p{font-family:var(--serif);font-size:20px;letter-spacing:3px;color:#8c7964}.closing>p span{color:#b18a72}.closing .micro-label{display:block;margin-top:14px;font-size:8px;letter-spacing:2.7px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:95px;font-size:10px;color:#aa9984}.footer-brand{font-family:var(--serif);font-size:12px;color:#907961;letter-spacing:1px}.footer-brand>span:first-child{color:#b88a75;font-family:var(--sans);margin:0 4px}.footer-since{font:8px Georgia,serif;margin-left:16px;letter-spacing:1.4px;color:#b7a28a}.site-footer>p{font-size:10px;letter-spacing:.6px}.back-top{font-size:10px;letter-spacing:1px;color:#9c846c}.back-top:hover{color:var(--rose)}
.lightbox{width:min(1040px,96vw);max-height:94dvh;padding:18px 24px 16px;border:1px solid #e7ddce;background:#f9f5ed;color:var(--ink);border-radius:5px;box-shadow:0 15px 80px #201b1560;overflow:auto}.lightbox::backdrop{background:#28241fde;backdrop-filter:blur(5px)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;color:#9b8169;font-size:11px;letter-spacing:1px}.icon-button{display:grid;place-items:center;width:40px;height:40px;background:transparent;font-family:Georgia,serif;font-size:31px;font-weight:400;color:#9b8169;border-radius:50%;line-height:1}.icon-button:hover{background:#e9ded0}.lightbox-stage{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:10px;min-height:200px}.lightbox-stage>img{max-width:100%;max-height:69dvh;object-fit:contain;margin:auto;width:auto;height:auto}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 53px 0}.lightbox-bottom p{font-family:var(--hand);font-size:16px;color:#8b7057}.lightbox-bottom span{font:10px Georgia,serif;letter-spacing:2px;color:#b19b83;display:block;margin-top:3px}.lightbox-bottom>a{font-size:10px;color:#a18164;border-bottom:1px solid #d0b99e;white-space:nowrap;padding:3px 0}.lightbox-hint{display:block;text-align:center;font-size:9px;letter-spacing:1px;color:#b1a18f;margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#615244;color:#fff8ef;padding:10px 18px;font-size:12px;border-radius:5px;z-index:10}
@media(min-width:1450px){.hero{min-height:670px}.hero-collage{height:475px}.main-polaroid{right:15px;top:35px}.mini-polaroid{left:5px;bottom:3px}}
@media(max-width:1190px){.section-wrap{width:calc(100% - 80px)}.hero{gap:20px;padding-top:65px;min-height:595px}.hero h1{font-size:52px;letter-spacing:2px}.hero-collage{height:390px}.main-polaroid{width:91%;right:-3px;top:35px}.mini-polaroid{width:178px;bottom:-16px}.main-polaroid figcaption{font-size:12px;height:48px}.note-top{left:30px;top:-14px;font-size:11px}.note-top svg{left:160px;width:58px}.note-bottom{font-size:12px;bottom:-5px;right:0}.love-stamp{width:75px;height:75px;bottom:44px;right:-8px}.love-stamp>span{font-size:18px}.love-stamp small{font-size:7px}.collage-spark{width:22px;top:40px;left:-6px}.header-note{display:none}.main-nav{gap:32px}.time-strip{gap:17px}.time-intro{gap:10px}.time-intro p{font-size:12px}.time-intro .micro-label{font-size:8px;letter-spacing:1.3px}.day-counter{padding-inline:21px;gap:7px}.day-counter .time-caption{max-width:62px;line-height:1.8}.day-counter strong{font-size:42px}.date-sub{display:block;margin:7px 0 0}.birthday-date svg{margin-left:12px}.story-grid{gap:20px;grid-template-columns:1.07fr 1fr .96fr}.start-card{padding-inline:23px}.little-note{padding-inline:23px}.little-note h3{font-size:21px}.note-end{font-size:14px}.section-heading h2{font-size:27px}.gallery{gap:23px 18px}.memory-caption p{font-size:11px}.album-tip{display:none}}
@media(max-width:900px){.section-wrap{width:calc(100% - 56px)}.site-header{width:calc(100% - 48px);height:90px}.main-nav{gap:21px}.main-nav a{font-size:11px}.hero{padding-top:49px;padding-bottom:50px;min-height:545px;grid-template-columns:1fr 1fr;gap:12px}.hero h1{font-size:43px;letter-spacing:2px;margin-top:20px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;gap:8px}.hero .issue{font-size:7px;margin-left:2px}.hero-description{font-size:11px;letter-spacing:.3px}.couple{gap:9px;margin-block:21px}.couple-since{font-size:8px;letter-spacing:.6px;padding-left:11px}.name-tag{font-size:12px}.button{font-size:11px;min-height:43px;padding:10px 18px;gap:20px}.hero-footnote{font-size:8px;letter-spacing:.2px;gap:5px}.hero-collage{height:345px;margin-top:10px}.main-polaroid{padding:9px 9px 0;top:29px}.main-polaroid figcaption{font-size:10px;height:43px;letter-spacing:.2px}.photo-heart{font-size:24px}.mini-polaroid{width:151px;bottom:-1px;left:3px;padding:7px 7px 0}.mini-polaroid figcaption{height:30px;line-height:30px;font-size:10px}.note-top{top:-15px;left:26px;font-size:9px;letter-spacing:.5px}.note-top svg{left:135px;width:45px;height:35px}.note-bottom{bottom:3px;font-size:10px}.love-stamp{width:61px;height:61px;bottom:55px;right:-4px;outline-offset:3px}.love-stamp>span{font-size:15px}.love-stamp small{font-size:6px;letter-spacing:.4px}.love-stamp svg{width:12px;height:12px}.collage-spark{left:-6px;top:52px;width:19px}.time-strip{margin-bottom:62px;gap:12px;flex-wrap:wrap;padding-block:22px}.time-intro{width:calc(40% - 8px)}.day-counter{width:60%;border-right:0;justify-content:center}.day-counter .time-caption{max-width:none}.next-date{border-top:1px dashed var(--line);padding-top:16px;width:calc(50% - 6px);text-align:center;margin-top:4px}.date-sub{display:inline;margin-left:8px}.birthday-date{border-left:1px solid var(--line)}.heart-outline{font-size:36px}.time-intro p{font-size:13px}.section-heading h2{font-size:24px;letter-spacing:1.5px}.heading-note{font-size:10px}.story-grid{grid-template-columns:1fr 1fr;gap:22px}.start-card{min-height:310px;padding:24px}.story-photo-card{min-height:310px}.little-note{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr 1fr;align-items:center;gap:10px;margin:3px 0 0;padding:28px;transform:rotate(-.7deg)}.little-note .micro-label{grid-column:1;max-width:none;align-self:start;margin-top:0;font-size:7px}.little-note h3{grid-column:1;grid-row:1;margin:16px 0 0;font-size:20px}.note-end{grid-column:2;grid-row:1;margin:8px 0 0;font-size:15px}.note-rule{display:none}.note-sign{grid-column:3;grid-row:1;align-self:end;margin:0 3px 0 0;font-size:11px}.note-flower{right:45px;top:25px;width:26px;height:26px}.tape-note{left:46%;height:23px}.memories-section{margin-top:57px;padding-top:58px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 17px}.memory-card:nth-child(4n+2),.memory-card:nth-child(4n){margin-top:0}.memory-card:nth-child(3n+2){margin-top:10px}.memory-caption{padding:12px 1px;min-height:74px}.memory-caption p{font-size:11px;letter-spacing:.3px}.memory-caption>span{font-size:7px}.memory-button{padding:8px 8px 0}.filters{gap:4px}.filter{padding:8px 12px;font-size:10px}.album-count{padding-right:29px;gap:8px}.album-count strong{font-size:30px}.album-count span{font-size:9px}.album-count svg{width:18px}.site-footer>p{display:none}}
@media(max-width:600px){html{scroll-padding-top:25px}.section-wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 36px);height:auto;min-height:106px;flex-direction:column;gap:13px;padding:19px 0 12px}.brand{font-size:17px;gap:9px}.brand-mark{width:30px;height:34px;border-radius:9px 9px 11px 11px}.brand-mark svg{width:19px;height:19px}.brand-number{font-size:21px}.brand small{font-size:7px;letter-spacing:2px;margin-top:6px}.main-nav{gap:29px;padding:0}.main-nav a{font-size:10px;letter-spacing:.6px;padding:4px 0 7px}.main-nav a.active:after{height:1px;width:12px;left:calc(50% - 6px)}.main-nav a span{font-size:13px}.hero{display:flex;flex-direction:column;gap:0;padding-top:35px;padding-bottom:37px;min-height:0;align-items:stretch}.hero-copy{padding-left:7px;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;gap:8px}.hero .issue{font-size:7px;margin-left:5px}.hero h1{font-size:44px;line-height:1.47;letter-spacing:3px;margin:20px 0 18px}.word-underline{height:12px;bottom:-7px}.hero-description{font-size:11px;line-height:2.1;letter-spacing:.5px}.couple{margin:19px 0 20px;gap:12px}.name-tag{font-size:13px}.couple-heart{width:14px;height:14px}.couple-since{font-size:9px;padding-left:15px;margin-left:1px}.button{font-size:11px;padding:11px 19px;min-height:43px;gap:27px}.hero-footnote{font-size:9px;margin-top:13px;letter-spacing:.5px}.hero-collage{height:365px;width:100%;max-width:430px;align-self:center;margin-top:50px}.main-polaroid{width:84%;right:5px;top:18px;padding:10px 10px 0;transform:rotate(5deg);max-width:360px}.main-polaroid img{aspect-ratio:1.23;object-position:50% 45%}.main-polaroid figcaption{height:44px;font-size:11px;letter-spacing:.5px;padding-inline:2px}.mini-polaroid{width:43%;max-width:180px;left:3px;bottom:4px;padding:7px 7px 0;transform:rotate(-10deg)}.mini-polaroid figcaption{height:32px;line-height:32px;font-size:10px}.note-top{top:-14px;left:65px;font-size:10px;letter-spacing:.6px}.note-top svg{left:147px;top:0;width:48px;height:34px}.note-bottom{right:11px;bottom:2px;font-size:11px}.love-stamp{right:1px;bottom:61px;width:65px;height:65px}.love-stamp>span{font-size:16px}.love-stamp small{font-size:6px;letter-spacing:.7px}.collage-spark{left:9px;top:65px;width:23px;height:29px}.time-strip{gap:15px 10px;padding:21px 0;margin-bottom:43px}.time-intro{width:calc(48% - 5px);gap:9px}.time-intro .micro-label{font-size:6px;letter-spacing:1px}.time-intro p{font-size:11px;letter-spacing:.3px;margin-top:3px}.heart-outline{font-size:32px}.day-counter{width:calc(52% - 5px);padding:0 0 0 13px;gap:7px;justify-content:flex-end}.day-counter .time-caption{font-size:8px;max-width:50px;letter-spacing:0}.day-counter strong{font-size:38px}.unit{font-size:9px}.next-date{width:calc(50% - 5px);padding-top:15px;margin-top:1px}.time-caption{font-size:8px;letter-spacing:.2px}.next-date strong{font-size:23px}.next-date p{font-size:9px}.date-sub{font-size:8px;margin-left:5px}.birthday-date svg{width:18px;height:18px;margin-left:9px}.section-heading{gap:12px;margin-bottom:25px;align-items:start}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:9px}.section-heading h2{font-size:23px;letter-spacing:1px}.heading-note{display:none}.story-grid{gap:15px;grid-template-columns:1.1fr 1fr}.start-card{padding:17px 15px 16px;min-height:261px}.card-topline{font-size:8px;letter-spacing:.3px}.card-topline svg{width:14px;height:14px}.start-year{font-size:7px;letter-spacing:1.2px;margin-top:23px}.start-day{font-size:38px;letter-spacing:1px;margin:6px 0 19px}.start-day>span{margin-inline:2px}.start-day svg{width:calc(100% + 17px);height:70px;left:-9px;top:-9px;stroke-width:1.5}.start-card h3{font-size:11px;letter-spacing:.1px;margin-bottom:8px}.start-card>p:not(.start-year){font-size:9px;line-height:1.95;letter-spacing:0}.start-bottom{font-size:5px;letter-spacing:.6px;margin-top:20px;padding-top:12px}.start-bottom span{font-size:16px}.story-photo-card{min-height:261px;padding:6px;transform:rotate(1.3deg)}.story-photo-card>img{height:100%;max-height:282px;object-position:48% 45%}.story-photo-label{bottom:20px;left:15px;right:12px}.story-photo-label span{font-size:7px;letter-spacing:.5px}.story-photo-label h3{font-size:12px;letter-spacing:.5px;margin-top:5px}.story-photo-card:after{inset:50% 6px 6px}.little-note{padding:24px 20px 21px;grid-template-columns:1fr 1fr;margin-top:11px;transform:rotate(-1deg);gap:10px}.little-note .micro-label{font-size:6px;letter-spacing:.8px}.little-note h3{font-size:19px;letter-spacing:2px;margin-top:16px}.note-end{font-size:13px;letter-spacing:1px;margin-top:10px}.note-flower{right:28px;top:18px;width:22px;height:22px}.note-sign{grid-column:2;grid-row:2;margin-top:-9px;font-size:10px}.note-sign span{font-size:15px}.tape-note{width:65px;height:20px;top:-9px;left:calc(50% - 32px)}.memories-section{margin-top:46px;padding:43px 0 37px}.memories-section .section-heading{margin-bottom:24px}.section-description{font-size:9px;letter-spacing:.1px;line-height:1.9;margin-top:10px;max-width:235px}.album-count{flex-direction:column;align-items:center;gap:5px;align-self:center;padding:0 8px 0 0;flex-shrink:0}.album-count strong{font-size:27px}.album-count span{font-size:7px;letter-spacing:.2px}.album-count svg{width:14px;height:20px;right:-7px;top:-15px}.album-toolbar{padding-bottom:15px;margin-bottom:22px;display:block}.filters{gap:7px 3px;flex-wrap:wrap}.filter{font-size:9px;letter-spacing:.1px;padding:7px 10px}.filter span{font-size:8px;margin-left:3px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.memory-card:nth-child(3n+2){margin-top:0}.memory-card:nth-child(2n){margin-top:10px}.memory-button{padding:7px 7px 0}.memory-image-wrap{aspect-ratio:1/1.12}.memory-caption{min-height:71px;padding:12px 2px 11px}.memory-caption p{font-size:10px;line-height:1.6;letter-spacing:.3px}.memory-caption>span{font-size:6px;letter-spacing:.8px;margin-top:6px}.image-category{font-size:7px;padding:2px 5px;left:6px;top:6px}.memory-caption .mini-heart{font-size:13px}.gallery-bottom{margin-top:27px;min-height:82px}.gallery-bottom>p{font-size:9px;letter-spacing:.4px;margin-bottom:16px}.button-secondary{font-size:10px;min-height:39px;padding:8px 25px;gap:35px}.gallery-bottom .gallery-end{font-size:11px;letter-spacing:.4px}.closing{padding:29px 0 32px}.closing>svg{width:25px;height:25px;margin-bottom:9px}.closing>p{font-size:16px;letter-spacing:1.2px}.closing .micro-label{font-size:6px;letter-spacing:2px;margin-top:12px}.site-footer{min-height:80px;gap:12px}.footer-brand{font-size:10px;letter-spacing:.5px}.footer-since{font-size:6px;letter-spacing:.6px;margin-left:7px}.back-top{font-size:8px;letter-spacing:.3px}.lightbox{width:100vw;max-width:100vw;max-height:100dvh;border:0;border-radius:0;padding:12px 10px 17px}.lightbox-top{padding-inline:6px;font-size:10px}.lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px;margin-top:8px}.lightbox-arrow{width:28px;height:38px;font-size:27px}.lightbox-stage>img{max-height:70dvh}.lightbox-bottom{margin:15px 10px 0;gap:12px}.lightbox-bottom p{font-size:13px;letter-spacing:.3px}.lightbox-bottom>a{font-size:9px}.lightbox-bottom span{font-size:8px;margin-top:5px}.lightbox-hint{font-size:8px;letter-spacing:.3px;margin-top:18px}.gallery-error{padding:20px;font-size:12px}}
@media(max-width:360px){.section-wrap{width:calc(100% - 32px)}.hero h1{font-size:39px}.hero-collage{height:330px}.main-nav{gap:23px}.main-polaroid figcaption{font-size:9px}.note-bottom{font-size:9px;bottom:1px}.hero .eyebrow{letter-spacing:1px}.couple-since{font-size:8px}.time-intro p{font-size:10px}.day-counter strong{font-size:33px}.section-heading h2{font-size:20px}.start-day{font-size:34px}.start-card{padding-inline:12px}.start-card h3{font-size:10px}.little-note h3{font-size:17px}.note-end{font-size:12px}.filter{padding:7px 8px}.closing>p{font-size:14px}.footer-since{display:none}}
.polaroid img{height:auto}
@media(max-width:900px){.little-note .micro-label{grid-row:1}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}