:root{--cream:#fffaf4;--milk:#fffdf9;--pink:#f7d9dc;--pink-2:#fcebed;--rose:#bd7b83;--brown:#5f4b49;--muted:#8c7774;--line:#ead8d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.cat-mark{font-size:25px;color:var(--rose)}.nav nav{display:flex;gap:30px;font-size:12px;letter-spacing:.14em}.nav nav a{padding:8px 0;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--rose)}.hero{min-height:100svh;padding:125px 8vw 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;position:relative;background:radial-gradient(circle at 18% 20%,#fff 0 9%,transparent 34%),linear-gradient(135deg,var(--cream) 0 54%,var(--pink-2) 54%)}.hero-copy{position:relative;z-index:2}.kicker,.section-label{font-size:10px;font-weight:600;letter-spacing:.26em;color:var(--rose);margin:0 0 26px}.hero h1{margin:0;font-family:"STKaiti","Kaiti SC","Songti SC",serif;font-weight:400;font-size:clamp(52px,6.8vw,96px);line-height:.95;letter-spacing:.02em;color:#765556}.hero h1 span{display:inline-block}.hero h1 i{display:inline-block;font-size:.32em;font-style:normal;margin:0 .4em;color:var(--rose);vertical-align:middle}.lead{font-family:"Songti SC",serif;font-size:15px;line-height:2;color:var(--muted);margin:35px 0}.soft-button,.pet-button,.letter-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #d9aeb2;border-radius:99px;background:rgba(255,255,255,.58);padding:13px 21px;font-size:12px;letter-spacing:.08em;transition:.25s}.soft-button:hover,.pet-button:hover,.letter-button:hover{transform:translateY(-2px);background:white;box-shadow:0 12px 30px rgba(137,91,95,.1)}.hero-photo{position:relative;max-width:700px;justify-self:center;transform:rotate(1.3deg)}.photo-frame{aspect-ratio:4/3;padding:13px 13px 56px;background:#fff;box-shadow:0 24px 70px rgba(121,79,81,.14)}.photo-frame img{object-position:center 48%}.hero-photo p{position:absolute;bottom:11px;left:32px;margin:0;font-family:"STKaiti","Kaiti SC",serif;font-size:14px;color:#9c7778}.tape{position:absolute;width:90px;height:25px;background:rgba(245,214,195,.72);backdrop-filter:blur(2px)}.tape-one{top:-8px;left:10%;transform:rotate(-8deg)}.tape-two{right:8%;bottom:42px;transform:rotate(-7deg)}.paw-trail{position:absolute;right:3vw;bottom:5vh;display:flex;gap:15px;transform:rotate(-22deg);opacity:.28}.paw-trail span:nth-child(2){transform:translateY(-15px)}.intro{padding:120px 8vw;background:var(--milk)}.intro h2,.album h2,.eleven h2,.ending h2{font-family:"STKaiti","Kaiti SC","Songti SC",serif;font-weight:400;line-height:1.35;margin:0}.intro h2{font-size:clamp(38px,5vw,70px)}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:80px}.note-grid article{border-top:1px solid var(--line);padding:22px 6px}.note-grid article>span{font:italic 12px Georgia;color:var(--rose)}.note-grid h3{font-family:"Songti SC",serif;font-weight:400;font-size:24px;margin:22px 0 12px}.note-grid p{font-size:13px;line-height:1.9;color:var(--muted);max-width:260px}.album{padding:120px 6vw 140px;background:var(--pink-2)}.album-heading{text-align:center;margin-bottom:75px}.album h2{font-size:clamp(40px,5vw,68px)}.album-heading>p:last-child{font-family:"Songti SC",serif;font-size:14px;color:var(--muted);margin-top:18px}.masonry{max-width:1180px;margin:auto;columns:3;column-gap:25px}.masonry figure{display:inline-block;width:100%;margin:0 0 25px;padding:10px 10px 38px;background:#fff;box-shadow:0 15px 38px rgba(125,85,87,.1);break-inside:avoid;transform:rotate(-.6deg)}.masonry figure:nth-child(even){transform:rotate(.8deg)}.masonry figure img{aspect-ratio:4/5}.masonry .wide img{aspect-ratio:3/2}.masonry .tall img{aspect-ratio:3/4}.masonry figcaption{font-family:"STKaiti","Kaiti SC",serif;font-size:13px;color:#8d7472;padding:12px 7px 0}.eleven{padding:130px 8vw;background:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.cat-copy>p:not(.section-label):not(.purr){font-family:"Songti SC",serif;line-height:2.1;color:var(--muted);max-width:440px}.eleven h2{font-size:clamp(42px,5.5vw,72px);margin-bottom:26px}.pet-button{margin-top:22px}.purr{font-size:11px;color:var(--muted);margin-top:18px}.purr b{font:italic 25px Georgia;color:var(--rose);margin-right:5px}.cat-photos{height:640px;position:relative}.cat-photos figure{margin:0;position:absolute;overflow:hidden;background:#eee;box-shadow:0 24px 60px rgba(104,73,73,.14)}.cat-main{inset:0 8% 8% 15%;transform:rotate(2deg)}.cat-small{left:0;bottom:0;width:38%;height:42%;border:8px solid white;transform:rotate(-7deg)}.cat-main img{object-position:center 27%}.cat-tag{position:absolute;right:0;bottom:4%;background:#fff;padding:16px 22px;font-family:"STKaiti","Kaiti SC",serif;font-size:27px;transform:rotate(3deg);box-shadow:0 10px 30px rgba(104,73,73,.1)}.cat-tag small{font-family:inherit;font-size:11px;color:var(--muted)}.ending{text-align:center;padding:125px 7vw;background:#f2d2d4}.ending>p{font-size:10px;letter-spacing:.25em;color:var(--rose)}.ending h2{font-size:clamp(38px,5vw,66px);margin:30px auto;max-width:850px}.letter-button{background:rgba(255,255,255,.5);margin-top:20px}footer{padding:30px 6vw;background:#725557;color:#fff3ee;display:flex;justify-content:space-between;gap:20px;font-family:"Songti SC",serif;font-size:13px}footer small{font-size:10px;letter-spacing:.15em;opacity:.75}.floaties{position:fixed;inset:0;pointer-events:none;z-index:50}.floaty{position:absolute;bottom:-40px;color:#d9a7aa;font-size:19px;animation:drift var(--duration) linear forwards;opacity:0}@keyframes drift{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:.65}100%{transform:translate(var(--sway),-110vh) rotate(170deg);opacity:0}}.modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:rgba(90,66,65,.48);backdrop-filter:blur(8px);padding:20px}.modal[hidden]{display:none}.letter{position:relative;width:min(540px,94vw);background:#fffaf4;text-align:center;padding:55px 55px 50px;box-shadow:0 30px 90px rgba(53,37,36,.2);border-radius:2px}.letter:before{content:"";position:absolute;inset:12px;border:1px solid var(--line);pointer-events:none}.close{position:absolute;z-index:2;right:23px;top:15px;border:0;background:none;font-size:24px}.letter>p{font-size:9px;letter-spacing:.3em;color:var(--rose)}.letter h2{font-family:"STKaiti","Kaiti SC",serif;font-size:42px;font-weight:400;margin:14px}.cat-face{color:var(--rose);font-size:20px}.letter blockquote{font-family:"Songti SC",serif;font-size:15px;line-height:2.1;margin:26px 0;color:#755f5d}.letter>span{font-size:11px;color:var(--muted)}@media(max-width:760px){.nav{height:66px}.nav nav{gap:16px}.hero{grid-template-columns:1fr;padding:105px 7vw 70px;gap:55px;background:linear-gradient(160deg,var(--cream) 0 53%,var(--pink-2) 53%)}.hero h1{font-size:clamp(48px,16vw,70px)}.hero h1 span{display:block}.hero h1 i{display:block;margin:.25em 0;font-size:.3em}.lead br{display:none}.photo-frame{padding:9px 9px 47px}.intro,.album,.eleven{padding:90px 7vw}.note-grid{grid-template-columns:1fr;margin-top:55px;gap:20px}.note-grid p{max-width:none}.masonry{columns:2;column-gap:12px}.masonry figure{margin-bottom:12px;padding:6px 6px 30px}.masonry figcaption{font-size:11px;padding:9px 4px 0}.eleven{grid-template-columns:1fr}.cat-photos{height:480px;margin-top:20px}.cat-main{inset:0 3% 9% 11%}.cat-small{width:44%;height:39%}.ending{padding:90px 7vw}footer{flex-direction:column}.letter{padding:48px 30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floaty{display:none}.soft-button,.pet-button,.letter-button{transition:none}}