@charset "UTF-8";
:root{--paper:#f6f4ed;--ink:#303c32;--muted:#7b8177;--green:#536a47;--line:#dedfd3;--soft:#e9eddf;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:-1;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%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #879768;outline-offset:5px;border-radius:5px}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:21px;letter-spacing:2px;line-height:1.4}.brand-mark{font-size:44px;color:var(--green);font-weight:400;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:6px}.site-header nav{display:flex;gap:38px;font-size:13px}.site-header nav a{padding-block:10px;position:relative;color:var(--muted)}.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]::after{content:"";position:absolute;bottom:1px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--green)}.site-header nav span{margin-left:5px}.header-note{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;letter-spacing:1px}.header-note i{width:6px;height:6px;background:#8b9c70;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px;padding-top:65px;padding-bottom:72px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--green);display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow>span{width:23px;height:1px;background:var(--green)}h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.65;letter-spacing:2px;margin:0 0 25px}.title-accent{position:relative;white-space:nowrap;color:var(--green)}.title-accent svg{position:absolute;left:0;bottom:-12px;width:100%;height:16px;fill:none;stroke:#aeb98f;stroke-width:2;stroke-linecap:round}.hero-description{color:var(--muted);font-size:13px;line-height:2.15;margin:0 0 29px;letter-spacing:.5px}.primary-button{display:inline-flex;gap:32px;align-items:center;background:var(--green);color:#fffdf3;padding:13px 23px;border-radius:7px;font-size:12px;box-shadow:0 3px 0 #34452d10}.primary-button:hover{background:#405438}.primary-button span{font-size:20px;line-height:1}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:10px;color:#8c9183;margin-top:29px;letter-spacing:1px}.tiny-paw{font-size:21px;color:#a0a88d}.little-line{height:1px;width:42px;background:#d2d6c7;margin-left:6px}.hero-art{position:relative;padding:13px 18px 22px 17px;max-width:490px;width:100%;justify-self:end}.hero-art::before{content:"";position:absolute;inset:0 0 15px 0;border:1px solid #d3d7c5;border-radius:48% 48% 10px 10px;transform:rotate(4deg)}.hero-photo-frame{position:relative;aspect-ratio:1.08;border-radius:45% 45% 7px 7px;background:#e4e8db;overflow:hidden}.hero-photo-frame>a{display:block;width:100%;height:100%}.hero-photo-frame .photo-link img{width:100%;height:100%;object-fit:cover;display:block}.hero-loading{height:100%;display:grid;place-items:center;color:var(--muted)}.orbit-word{position:absolute;z-index:1;right:-16px;top:47px;font-size:8px;letter-spacing:2.2px;writing-mode:vertical-rl;transform:rotate(-10deg);color:#8d977a}.hero-spark{position:absolute;left:-22px;top:14px;z-index:1;color:#9aa578;font-size:52px;transform:rotate(-10deg)}.photo-sticker{position:absolute;bottom:22px;left:-22px;display:flex;align-items:center;gap:12px;padding:12px 22px 12px 16px;background:#fffef8;box-shadow:0 6px 25px #414a2e0d;border:1px solid #ecebdc;transform:rotate(-6deg);border-radius:4px;font-size:13px;letter-spacing:1px}.photo-sticker>span{font-size:32px;color:#82916a;line-height:1}.photo-sticker small{display:block;font-size:9px;color:var(--muted);letter-spacing:.7px;margin-top:2px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-photo-number{position:absolute;bottom:-3px;right:20px;font-size:8px;color:#8b9180;letter-spacing:1.4px}.demo-label{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#fffdf0d9;border:1px solid #fff7;padding:3px 9px;border-radius:20px;font-size:9px;color:#657354;white-space:nowrap;pointer-events:none}.diary-strip{background:#eeeee3;border:1px solid #e3e4d5;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;gap:24px}.diary-date{display:flex;gap:15px;align-items:center}.calendar-icon{font-size:32px;color:#7c8b63;font-weight:300;line-height:1}.micro-label{font-size:8px;letter-spacing:1.7px;color:#899077}.diary-date p{font-size:12px;margin:3px 0 0;letter-spacing:.4px}.diary-message{display:flex;gap:12px;align-items:center}.diary-message>span{font-size:25px;color:#97a079}.diary-message p{font-size:11px;margin:0}.diary-message small{display:block;color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:.4px}.diary-count{text-align:right}.diary-count strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1}.diary-count>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.memories{padding-top:74px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:2px}h2{font-family:var(--serif);font-weight:500;font-size:27px;letter-spacing:1.1px;line-height:1.5;margin:0}h2>span{color:#99a57b;font-size:28px;margin-left:12px;display:inline-block;vertical-align:middle}.section-heading>div>p:last-child{font-size:11px;color:var(--muted);margin:9px 0 0}.view-switch{display:flex;background:#eeeee5;border:1px solid #e5e5d9;border-radius:30px;padding:4px;flex-shrink:0}.view-switch button{border:0;color:var(--muted);font-size:11px;border-radius:25px;background:transparent;padding:8px 19px}.view-switch button[aria-pressed=true]{background:var(--green);color:#fffef6}.album-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-top:12px;margin-bottom:7px}.selection-note{font-size:10px;color:#929987;margin-left:auto;letter-spacing:.5px}.year-filters{display:flex;flex-wrap:wrap;gap:8px}.year-filters button{border:1px solid var(--line);background:transparent;border-radius:5px;color:var(--muted);padding:4px 12px;font-size:11px}.year-filters button[aria-pressed=true]{background:#e4e9d9;border-color:#abb999;color:var(--green)}.notice{font-size:11px;background:#eeeee2;border-left:2px solid #9ba67c;padding:10px 15px;color:#6e775e;margin:0 0 23px;border-radius:0 4px 4px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;align-items:start}.photo-card{padding:10px 10px 13px;background:#fdfcf7;border:1px solid #e7e5d9;border-radius:5px;box-shadow:0 5px 13px #35402704;min-width:0;transition:transform .25s ease,box-shadow .25s ease}.photo-card:nth-child(3n + 1){transform:rotate(-.65deg)}.photo-card:nth-child(3n + 3){transform:rotate(.65deg)}.photo-card:hover{transform:translateY(-5px) rotate(0);box-shadow:0 10px 20px #3540270b}.photo-link{display:block;position:relative;overflow:hidden;border-radius:3px;background:#e9eadd;aspect-ratio:1.16}.photo-link img{height:100%;width:100%;display:block;object-fit:contain;transition:transform .5s ease}.photo-link:hover img{transform:scale(1.035)}.photo-link::after{content:"↗";position:absolute;bottom:10px;right:10px;background:#fffdf1d9;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--ink);opacity:0;transition:opacity .2s}.photo-link:hover::after,.photo-link:focus-visible::after{opacity:1}.photo-meta{padding:12px 4px 0;display:flex;align-items:center;gap:9px;justify-content:space-between}.photo-title{font-size:12px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-date{display:block;font-size:9px;color:#929582;letter-spacing:.6px;margin-top:3px}.photo-heart{font-size:20px;color:#a3ac92;font-family:Georgia,serif;font-weight:400}.image-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#e8ebdf;color:#6f7c60;font-size:12px;padding:15px}.gallery-end{text-align:center;padding:27px 0 22px}.gallery-end>p{font-size:10px;color:#929987;letter-spacing:.5px}.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:12px 15px}.text-button span{margin-left:10px}.secondary-button{border:1px solid #aab49a;border-radius:6px;background:transparent;padding:9px 28px;font-size:12px;color:var(--green);margin-top:10px}.closing{position:relative;text-align:center;border-top:1px solid var(--line);padding-top:39px;padding-bottom:48px;margin-top:18px}.closing-flower{font-size:28px;color:#929f75;display:block;line-height:1.2}.closing p{font-family:var(--serif);font-size:21px;letter-spacing:3px;margin:12px 0 9px}.closing>span:not(.closing-flower):not(.closing-heart){font-size:8px;letter-spacing:2px;color:#959c89}.closing-heart{position:absolute;right:12%;top:49px;font-size:47px;color:#c1c8ae;transform:rotate(16deg)}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;padding-top:22px;padding-bottom:27px;font-size:10px;color:#88907d}.footer-brand{color:#627152}.footer-brand>span{margin-inline:7px}.site-footer p{font-size:9px}.back-top{font-size:10px}.pswp{--pswp-bg:#20271f;--pswp-icon-color:#f6f4ed;--pswp-icon-color-secondary:#313a2e}.pswp__custom-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#f6f4ed;background:#1f281ebd;border-radius:6px;font-size:12px;padding:8px 16px;text-align:center;max-width:calc(100% - 40px)}.skip-link{position:absolute;top:-100px;left:20px;background:var(--green);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-message{text-align:center;padding:24px;background:#eee8d5;color:#5b624f}
@media(min-width:1500px){.hero{padding-top:83px;padding-bottom:85px;gap:85px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header-note{display:none}.hero{gap:28px;padding-top:52px;padding-bottom:58px}h1{font-size:35px;letter-spacing:1px}.hero-description{font-size:12px}.hero-art{padding-inline:12px}.photo-sticker{left:-10px;padding:9px 14px;font-size:11px}.photo-sticker small{font-size:8px}.diary-strip{padding:20px}.diary-message{gap:7px}.diary-message p{font-size:10px}.diary-count>span{font-size:8px}.photo-grid{gap:22px 16px}.section-heading h2{font-size:23px}.view-switch button{padding:7px 13px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:88px;gap:15px}.brand{font-size:17px;letter-spacing:1px;gap:8px}.brand-mark{font-size:36px}.brand small{font-size:6px;letter-spacing:1.4px}.site-header nav{gap:17px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:36px;gap:27px;padding-bottom:43px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:9px;margin-bottom:16px}.hero h1{font-size:clamp(29px,6.8vw,40px);line-height:1.55;margin-bottom:26px;letter-spacing:1px}.hero-description{font-size:12px;margin-bottom:23px}.hero-footnote{justify-content:center;margin-top:18px}.hero-art{max-width:400px;width:87%;justify-self:center;margin-top:8px}.hero-photo-frame{aspect-ratio:1.13}.orbit-word{right:-11px;font-size:7px;letter-spacing:1.5px}.hero-spark{font-size:42px;left:-17px}.photo-sticker{left:-16px;bottom:18px}.hero-photo-number{font-size:6px;bottom:-1px}.diary-strip{padding:16px;gap:12px;flex-wrap:wrap}.diary-date{gap:10px}.calendar-icon{font-size:26px}.diary-date p{font-size:11px}.diary-count{margin-left:auto}.diary-count strong{font-size:24px}.diary-message{order:3;width:100%;border-top:1px solid #dcded0;padding-top:11px;margin-top:2px;justify-content:center}.diary-message small{display:inline;margin-left:7px;font-size:8px}.diary-message>span{font-size:20px}.micro-label{font-size:7px}.memories{padding-top:43px}.section-heading{display:block}.section-heading .eyebrow{justify-content:start;font-size:8px}.section-heading h2{font-size:22px;letter-spacing:.5px}.section-heading h2>span{font-size:23px;margin-left:5px}.section-heading>div>p:last-child{font-size:10px}.view-switch{margin-top:20px;width:fit-content}.view-switch button{padding:7px 18px}.album-toolbar{margin-top:7px;gap:10px;flex-wrap:wrap;min-height:37px;margin-bottom:10px}.selection-note{font-size:9px}.notice{font-size:10px;padding:9px 11px;margin-bottom:18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.photo-card{padding:6px 6px 9px}.photo-card:nth-child(n){transform:none}.photo-card:nth-child(2n+1){transform:rotate(-.5deg)}.photo-card:nth-child(2n){transform:rotate(.5deg)}.photo-link{aspect-ratio:.92}.photo-meta{padding:9px 3px 0;gap:3px}.photo-title{font-size:11px}.photo-date{font-size:8px;letter-spacing:0}.photo-heart{font-size:17px}.photo-card .demo-label{top:9px;font-size:8px;padding:2px 7px}.gallery-end{padding:20px 0}.closing{padding-block:30px;margin-top:12px}.closing p{font-size:19px;letter-spacing:2px}.closing>span:not(.closing-flower):not(.closing-heart){font-size:6px;letter-spacing:1.1px}.closing-heart{right:2%;top:38px;font-size:35px}.site-footer{flex-wrap:wrap;gap:9px;padding-block:20px}.site-footer p{order:3;width:100%;margin:0;font-size:8px}.back-top{margin-left:auto}.footer-brand{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}