.family-page{--paper:#f5f2e9;--ink:#2c4538;--quiet:#5c685c;--mint:#3b6451;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Manrope Variable,PingFang SC,Microsoft YaHei,sans-serif}.family-page ::selection{color:#233c30;background:#d6dfcb}.family-wrap{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.family-header{border-bottom:1px solid #d7d9cc;justify-content:space-between;align-items:center;gap:30px;min-height:116px;display:flex}.family-brand{align-items:center;gap:16px;display:flex}.family-brand svg{stroke:currentColor;stroke-width:1.2px;width:50px}.family-brand>span{letter-spacing:.02em;font-size:16px;font-weight:600}.family-brand small{letter-spacing:2.3px;margin-top:6px;font-size:8px;font-weight:500;display:block}.family-header nav{align-items:center;gap:30px;font-size:12px;display:flex}.family-header a{align-items:center;min-height:44px;display:inline-flex}.family-header nav a{border-bottom:1px solid #0000}.family-header nav a:hover{border-bottom-color:var(--ink)}.family-home{border-left:1px solid #d7d9cc;gap:7px;padding-left:27px}.family-skip{background:var(--ink);color:var(--paper);z-index:50;padding:14px;position:absolute;top:-100px;left:24px}.family-skip:focus{top:12px}.family-hero{padding-top:76px;position:relative}.family-hero-copy{z-index:2;position:relative}.family-kicker{color:var(--quiet);letter-spacing:2.4px;align-items:center;gap:11px;font-size:10px;font-weight:600;line-height:1.8;display:flex}.family-kicker>span{color:#ae6948;font-size:19px}.family-hero h1{letter-spacing:-4px;margin:26px 0;font-size:clamp(56px,6.4vw,90px);line-height:1.13}.family-hero h1 em{color:var(--ink);font-family:Instrument Serif,Georgia,serif;font-size:1.1em}.family-zh .family-hero h1{letter-spacing:-2px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(45px,5.5vw,74px);font-weight:500;line-height:1.28}.family-zh .family-hero h1 em{font:inherit;color:#63734e;font-style:normal}.family-intro{white-space:pre-line;max-width:405px;color:var(--quiet);font-size:13px;line-height:1.95}.family-cta{border-bottom:1px solid #adb59c;align-items:center;gap:12px;min-height:46px;margin-top:24px;padding-bottom:5px;font-size:12px;display:inline-flex}.family-play{border:1px solid #98a58b;border-radius:50%;place-items:center;width:30px;height:30px;padding-left:2px;font-size:9px;display:grid}.family-cta>span:last-child{margin-left:20px}.family-margin-note{color:#697657;font-family:Instrument Serif,Georgia,serif;font-size:31px;font-style:italic;line-height:1.1;position:absolute;top:125px;right:12%;transform:rotate(9deg)}.family-margin-note>span{text-align:right;margin-top:18px;font-size:55px;display:block}.family-photo-spread{margin:52px 0 0;padding-bottom:125px;scroll-margin-top:30px;position:relative}.family-print{background:#fffdf8;margin:0;padding:12px 12px 0;box-shadow:0 10px 35px #31412b12,0 1px 2px #31412b18}.family-print-0{width:78%;transform:rotate(-2deg)}.family-print button{width:100%;padding:0;display:block;position:relative;overflow:hidden}.family-print img{width:100%;height:auto;transition:transform .45s;display:block}.family-print button:hover img{transform:scale(1.025)}.family-print button:focus-visible{outline-offset:3px}.family-enlarge{color:#2c4538;background:#fdfaf1e8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:12px;right:12px}.family-print figcaption{color:#536049;justify-content:space-between;align-items:center;gap:10px;min-height:55px;font-size:12px;display:flex}.family-print figcaption>span:first-child{letter-spacing:1px;font-size:9px}.family-print figcaption>span:last-child{font-size:24px}.family-print-1{width:36%;position:absolute;bottom:35px;right:0;transform:rotate(5deg)}.family-print-1 figcaption{min-height:47px;font-size:11px}.family-sticker{width:116px;height:116px;box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 7px #b4bea0;background:#e1e8d2;border:1px solid #9eaa8d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;top:2%;right:5%;transform:rotate(12deg)}.family-sticker span{font-size:30px}.family-photo-note{color:#657151;letter-spacing:.03em;font-size:12px;position:absolute;bottom:28px;left:8%;transform:rotate(-3deg)}.family-photo-note span{margin-left:25px;font-size:36px;display:inline-block;transform:rotate(35deg)}.family-divider{letter-spacing:1.8px;color:var(--quiet);border-bottom:1px solid #d7d9cc;justify-content:space-between;gap:24px;padding:24px 0;font-size:9px;display:flex}.family-reflection{justify-content:center;align-items:center;gap:40px;min-height:270px;display:flex}.family-reflection svg{stroke:#899375;stroke-width:1px;width:65px}.family-reflection p{white-space:pre-line;font-family:Instrument Serif,Songti SC,Georgia,serif;font-size:29px;line-height:1.6}.family-reflection>span{color:#ae6948;margin-left:40px;font-size:24px}.family-film-section{background:#e5e9dd;padding:85px 0;scroll-margin-top:0}.family-film-layout{grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px;display:grid}.family-film-copy h2{white-space:pre-line;letter-spacing:-1px;margin:28px 0;font-family:Instrument Serif,Songti SC,Georgia,serif;font-size:54px;line-height:1.12}.family-zh .family-film-copy h2{font-size:40px;line-height:1.4}.family-film-copy>p:last-of-type{color:var(--quiet);max-width:270px;font-size:13px;line-height:1.9}.family-film-doodle{color:#80906b;margin-left:50%;font-family:Georgia,serif;font-size:64px;line-height:1;display:block}.family-film-frame{background:#f9f8ef;justify-self:center;width:min(100%,360px);margin:0;padding:12px 12px 0;box-shadow:0 10px 35px #31412b0e}.family-film-frame video{aspect-ratio:9/16;object-fit:contain;background:#202b23;width:100%;display:block}.family-film-frame figcaption{min-height:47px;color:var(--quiet);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.family-film-frame figcaption span:last-child{letter-spacing:1.2px;font-size:8px}.family-ending{text-align:center;padding-block:100px 90px}.family-ending>span{color:#a46b50;font-size:38px}.family-ending h2{margin:18px 0 15px;font-family:Instrument Serif,Songti SC,Georgia,serif;font-size:44px}.family-ending p{color:var(--quiet);font-size:13px}.family-footer{color:var(--quiet);border-top:1px solid #d7d9cc;align-items:center;gap:28px;padding-block:25px;font-size:11px;display:flex}.family-footer p{flex:1}.family-footer a{align-items:center;min-height:44px;display:inline-flex}.family-lightbox{color:#faf7ee;background:#17261df5;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:60px 24px 20px;position:fixed;inset:0}.family-lightbox[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.family-lightbox::backdrop{background:#17261d}body:has(.family-lightbox[open]){overflow:hidden}.family-lightbox-close{width:44px;height:44px;font-size:36px;position:absolute;top:12px;right:24px}.family-lightbox-image{justify-content:center;align-items:center;min-height:0;display:flex}.family-lightbox-image img{object-fit:contain;width:auto;max-width:94vw;height:auto;max-height:calc(100dvh - 165px);display:block}.family-lightbox-controls{justify-content:space-between;align-items:center;gap:20px;width:min(100%,700px);margin-top:15px;font-size:12px;display:flex}.family-lightbox-controls button{border:1px solid #728671;border-radius:50%;min-width:48px;min-height:48px;font-size:23px}.family-lightbox :focus-visible{outline-color:#c5d9b1}@media (min-width:1500px){.family-hero h1{font-size:94px}}@media (max-width:900px){.family-wrap{width:calc(100% - 64px)}.family-header nav{gap:20px}.family-home{padding-left:18px}.family-film-layout{grid-template-columns:.8fr 1.2fr;gap:38px}.family-film-copy h2{font-size:44px}.family-margin-note{font-size:26px;right:7%}}@media (max-width:760px){.family-wrap{width:calc(100% - 40px)}.family-header{gap:15px;min-height:90px}.family-brand{gap:8px}.family-brand svg{width:36px}.family-brand>span{font-size:12px}.family-brand small{letter-spacing:1.4px;font-size:6px}.family-header nav{gap:16px;font-size:11px}.family-header nav>a:first-child,.family-header nav>a:nth-child(2){display:none}.family-home{border:0;padding:0}.family-home>span{display:none}.family-hero{padding-top:48px}.family-hero h1{letter-spacing:-2px;font-size:clamp(46px,11.5vw,78px)}.family-zh .family-hero h1{letter-spacing:-1.5px;font-size:clamp(38px,9.4vw,62px)}.family-kicker{letter-spacing:1.8px;font-size:9px}.family-intro{max-width:360px;font-size:12px}.family-margin-note{display:none}.family-photo-spread{margin-top:44px;padding-bottom:180px}.family-print{padding:7px 7px 0}.family-print-0{width:97%;transform:rotate(-2deg)}.family-print-1{width:66%;bottom:15px;right:3%;transform:rotate(5deg)}.family-print figcaption{min-height:43px;font-size:10px}.family-print-1 figcaption{min-height:37px;font-size:9px}.family-print figcaption>span:last-child{font-size:20px}.family-sticker{gap:0;width:77px;height:77px;font-size:8px;inset:auto auto 60px 1%;transform:rotate(-12deg)}.family-sticker span{font-size:24px}.family-photo-note{display:none}.family-enlarge{width:28px;height:28px;bottom:8px;right:8px}.family-divider{letter-spacing:1px;font-size:8px}.family-divider>span:last-child{text-align:right;max-width:140px;line-height:1.7}.family-reflection{gap:20px;min-height:0;padding-block:50px}.family-reflection svg{width:42px}.family-reflection p{font-size:23px}.family-zh .family-reflection p{font-size:19px}.family-reflection>span{display:none}.family-film-section{padding-block:48px}.family-film-layout{grid-template-columns:1fr;gap:26px}.family-film-copy h2,.family-zh .family-film-copy h2{margin-block:18px;font-size:38px}.family-film-doodle{display:none}.family-film-copy>p:last-of-type{max-width:none}.family-film-frame{padding:8px 8px 0}.family-film-frame figcaption{min-height:42px;font-size:9px}.family-film-frame figcaption span:last-child{letter-spacing:.5px;font-size:7px}.family-ending{padding-block:65px}.family-ending h2{font-size:37px}.family-footer{flex-wrap:wrap;gap:0 24px;padding-block:18px;font-size:10px}.family-footer p{flex-basis:100%;margin-bottom:6px}.family-lightbox{padding-inline:10px}.family-lightbox-controls{gap:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.family-page *,.family-page :before,.family-page :after{scroll-behavior:auto;transition:none}}