:root{--paper:#f2f5f1;--ink:#2f3d35;--muted:#707c72;--green:#4d644d;--line:#dce4dc;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}button{border:0}img{display:block;max-width:100%}.wrap{max-width:1200px;width:calc(100% - 112px);margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;font-size:17px;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:2px}.brand-mark{font:italic 36px Georgia,serif;letter-spacing:-4px;width:53px}.brand-mark span{font-size:23px;position:relative;top:5px}nav{display:flex;gap:36px;font-size:12px}nav a:hover{color:#89926b}nav span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-block:66px 78px;min-height:655px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.5px;margin:0 0 24px}.tiny-star{color:#8c946e;font-size:20px;margin-right:10px;vertical-align:middle}h1,h2,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(32px,3.7vw,51px);line-height:1.55;letter-spacing:2px;font-weight:500;margin-bottom:23px}.accent{color:#6d805a}.intro{color:var(--muted);font-size:13px;line-height:2.2;margin-bottom:30px}.primary-link{display:inline-flex;align-items:center;gap:44px;background:var(--green);color:#fff;padding:13px 23px;font-size:12px;border-radius:3px;transition:background .2s}.primary-link:hover{background:#354d37}.hero-footnote{display:flex;align-items:center;gap:12px;color:#929687;font-size:10px;letter-spacing:1px;margin-top:42px}.line{width:30px;height:1px;background:#a9af9c}.hero-art{position:relative;padding:15px 34px 0 30px;max-width:455px;justify-self:end;width:100%}.cover-photo{display:block;width:100%;background:#ffffff;padding:12px 12px 0;box-shadow:0 15px 45px #27332216;transform:rotate(5deg);transition:transform .4s}.cover-photo:hover{transform:rotate(2deg)}.cover-photo img{width:100%;height:360px;object-fit:cover;object-position:50% 34%}.cover-photo>span{display:flex;justify-content:space-between;align-items:center;height:53px;font-family:var(--serif);font-size:13px}.cover-photo small{font:9px Georgia,serif;letter-spacing:1px;color:var(--muted)}.handwritten{position:absolute;top:-21px;left:4px;z-index:1;font:italic 25px Georgia,serif;transform:rotate(-9deg);color:#879172}.photo-stamp{position:absolute;right:0;bottom:5px;border:1px solid #7d8765;border-radius:50%;width:92px;height:92px;background:#e8eee3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.5;letter-spacing:2px;transform:rotate(-13deg)}.photo-stamp span{font-size:24px;line-height:1.1}.vertical-note{position:absolute;right:-20px;top:140px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#9b9d92}.time-section{background:#e7eee6;border-block:1px solid #dce5dc}.time-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:37px}.time-inner .eyebrow{font-size:9px;color:#78806d;margin-bottom:8px}h2{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.5;letter-spacing:1px;margin-bottom:12px}.time-inner h2{font-size:24px;margin-bottom:5px}.time-inner p:last-child{font-size:11px;color:var(--muted);margin-bottom:0}.clock{display:flex;align-items:center;gap:26px}.clock>div{text-align:center;min-width:45px}.clock strong{font:38px/1.2 Georgia,serif;font-variant-numeric:tabular-nums;font-weight:400}.clock>div:first-child strong{font-size:52px}.clock div span{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:8px}.clock-divider{font:30px Georgia;color:#b8bdab;margin-inline:2px}.album{padding-block:82px 60px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading .eyebrow,.letter-aside .eyebrow{color:#919780;margin-bottom:15px}.heading-dot{color:#859366}.section-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin-bottom:0}.album-count{color:#93988d;font-size:10px;padding-bottom:4px}.album-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:15px 0;margin-bottom:28px}.filters{display:flex;gap:9px}.filters button{padding:7px 15px;background:transparent;font-size:11px;border-radius:3px;color:#7c8476}.filters button.selected{background:#e2ebdf;color:#44533d}.filters small{margin-left:6px;font-size:9px}.toolbar-note{font-size:10px;color:#999d91}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 23px}.photo-card{margin:0}.photo-card button{background:#e5ebe4;padding:0;display:block;width:100%;overflow:hidden;position:relative}.photo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;transition:transform .5s}.photo-card button:hover img{transform:scale(1.035)}.photo-card .expand{position:absolute;bottom:12px;right:12px;background:#ffffffdd;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.photo-card figcaption{display:flex;justify-content:space-between;gap:8px;padding-top:12px;font-size:12px}.photo-card time{font-size:10px;color:#8d9286;white-space:nowrap}.album-end{text-align:center;color:#9b9f93;letter-spacing:2px;font-size:10px;margin:40px 0 0}.letter-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;border-top:1px solid var(--line);padding-block:65px 78px}.letter-aside h2{font-size:34px;line-height:1.7}.letter-doodle{display:block;color:#8d9875;font:90px Georgia;transform:rotate(-15deg);margin:30px 0 0 20px}.letter-paper{padding:34px 42px;background:#ffffff;position:relative;font-family:var(--serif);font-size:15px;line-height:2.2}.letter-paper:before{content:"";display:block;position:absolute;width:70px;height:22px;background:#ccdcca99;top:-9px;left:calc(50% - 35px);transform:rotate(-4deg)}.letter-paper p{margin-bottom:17px}.salutation{font-size:17px}.signature{text-align:right;font-size:12px;margin-top:30px}.signature>span:first-of-type{font-size:22px}.signature-heart{margin-left:12px;color:#879571}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-block:25px;font-size:9px;color:#969b8e;letter-spacing:1px}.footer-heart{padding-inline:8px}dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;padding:24px 4vw;background:#171e1cf7;color:#f7f5ef}dialog::backdrop{background:#171e1c}.lightbox-top{display:flex;justify-content:space-between;align-items:center;height:40px;font-size:12px}dialog button{background:transparent;color:inherit;padding:10px 15px}.lightbox-stage{display:flex;justify-content:space-between;align-items:center;gap:15px;height:calc(100% - 125px)}#large-photo{min-width:0;max-width:calc(100% - 110px);max-height:100%;object-fit:contain}.photo-arrow{font-size:27px}#photo-caption{text-align:center;margin:12px 0 0;font-size:13px}.lightbox-hint{text-align:center;font-size:10px;color:#939f98;margin:5px 0}body.modal-open{overflow:hidden}@media(min-width:1500px){.hero{min-height:715px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.hero{gap:15px;min-height:570px;padding-block:60px}.hero-art{padding-left:10px}.cover-photo img{height:310px}.hero-footnote{font-size:9px}.clock{gap:16px}.time-inner{gap:20px}.clock strong{font-size:29px}.clock>div:first-child strong{font-size:43px}.letter-section{gap:35px}.letter-paper{padding:30px}.toolbar-note{display:none}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}.site-header{height:87px}.brand{font-size:14px;gap:10px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{font-size:30px;width:42px}nav{gap:17px;font-size:11px}nav a:nth-child(2){display:none}nav span{display:none}.hero{grid-template-columns:1fr;padding-block:40px 48px;gap:47px}.hero-copy{text-align:center}.eyebrow{font-size:9px;margin-bottom:19px}h1{font-size:34px;letter-spacing:1px}.intro{font-size:12px}.primary-link{padding:12px 22px}.hero-footnote{justify-content:center;margin-top:25px}.hero-art{max-width:320px;justify-self:center;padding:8px 28px 0 20px}.cover-photo img{height:295px}.cover-photo>span{font-size:11px;height:45px}.handwritten{font-size:20px;left:0;top:-22px}.vertical-note{right:-4px;top:95px}.photo-stamp{width:73px;height:73px;font-size:8px;right:0;bottom:0}.time-inner{flex-direction:column;text-align:center;gap:20px;padding-block:30px}.time-inner h2{font-size:23px}.clock{gap:20px}.clock strong{font-size:30px}.clock>div:first-child strong{font-size:43px}.clock div span{font-size:7px}.album{padding-block:48px}.section-heading h2{font-size:27px}.album-count{display:none}.section-heading p:not(.eyebrow){font-size:11px}.album-toolbar{padding-block:11px}.filters{gap:3px}.filters button{font-size:10px;padding:7px 10px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:23px 13px}.photo-card figcaption{display:block;font-size:11px;padding-top:9px}.photo-card time{display:block;font-size:9px;margin-top:3px}.photo-card .expand{width:23px;height:23px;bottom:8px;right:8px}.album-end{font-size:8px;letter-spacing:1px}.letter-section{grid-template-columns:1fr;gap:25px;padding-block:40px 46px}.letter-aside h2{font-size:28px}.letter-doodle{display:none}.letter-paper{padding:28px 25px;font-size:14px}footer{flex-wrap:wrap;justify-content:center;font-size:8px;gap:7px 20px}footer>span:nth-child(2){display:block}.lightbox-stage{gap:0}.photo-arrow{padding:6px;font-size:22px}#large-photo{max-width:calc(100% - 65px)}dialog{padding:14px}.lightbox-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}