@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+KuaiLe&display=swap');
:root{--ink:#182b39;--ink2:#233d4d;--paper:#f7f2e9;--cream:#fffaf1;--coral:#ee745e;--gold:#e5b85f;--muted:#71808a;--line:rgba(24,43,57,.16);--serif:'Noto Serif SC',Georgia,serif;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}.page-shell{overflow:hidden}.hero{min-height:760px;background:var(--ink);color:#fffaf1;padding:clamp(32px,7vw,88px) clamp(24px,8vw,120px) 56px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(229,184,95,.34),transparent 26%),radial-gradient(circle at 18% 92%,rgba(238,116,94,.18),transparent 28%);z-index:-2}.hero:after{content:'👯';position:absolute;right:6vw;top:13vh;font-size:clamp(120px,24vw,330px);opacity:.08;filter:grayscale(1);transform:rotate(10deg);z-index:-1}.hero-kicker,.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);font-weight:800}.hero-kicker{color:var(--gold);margin-bottom:22px}.hero h1{font-family:var(--serif);font-size:clamp(56px,10vw,144px);line-height:1.08;letter-spacing:-.08em;margin:0;max-width:900px}.hero h1 span{color:var(--gold)}.hero-lede{font-family:var(--serif);font-size:clamp(18px,2vw,27px);line-height:1.8;color:#e9e0d1;margin:34px 0 50px}.hero-stamp{position:absolute;right:11vw;bottom:19%;border:1px solid rgba(229,184,95,.7);color:var(--gold);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.4;transform:rotate(9deg);font-family:var(--serif)}.hero-stamp b{font-size:18px}.scroll-cue{color:#fffaf1;text-decoration:none;font-size:13px;opacity:.76;letter-spacing:.04em}.section{max-width:1180px;margin:0 auto;padding:clamp(70px,10vw,140px) clamp(24px,5vw,60px)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:end}.eyebrow{margin:0 0 18px}.eyebrow.light{color:var(--gold)}h2{font-family:var(--serif);font-size:clamp(36px,5.2vw,70px);line-height:1.22;letter-spacing:-.06em;margin:0}h2 em{font-style:normal;color:var(--coral)}.body-copy{color:#56636a;max-width:520px;font-size:16px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:0}.stat-card{background:var(--cream);border:1px solid var(--line);padding:24px 22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.stat-card-dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}.stat-card-coral{background:var(--coral);color:#fffaf1;border-color:var(--coral)}.stat-card span{font-size:13px;opacity:.75}.stat-card strong{font-family:var(--serif);font-size:clamp(32px,4vw,55px);line-height:1}.stat-card small{font-size:12px;opacity:.72}.timeline-section{padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-heading>p{max-width:260px;color:var(--muted);font-size:13px}.timeline{border-top:1px solid var(--line)}.month-row{display:grid;grid-template-columns:80px 1fr 170px;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.month-row-appendix{background:rgba(229,184,95,.09);padding-left:16px;padding-right:16px;margin:0 -16px}.month-index{font-family:var(--serif);font-size:24px;color:var(--coral)}.month-top{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.month-top h3{font-family:var(--serif);font-size:25px;margin:0}.month-top span,.month-meta{font-size:12px;color:var(--muted)}.bar{height:8px;background:rgba(24,43,57,.08);margin:14px 0 10px}.bar i{height:100%;display:block;background:var(--ink);border-radius:0 5px 5px 0}.month-row-appendix .bar i{background:var(--gold)}.month-main p{font-size:13px;color:var(--muted);margin:0}.month-meta{display:flex;flex-direction:column;gap:8px;text-align:right}.month-meta b{font-weight:600;color:var(--ink)}.split-section{max-width:none;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;padding:0}.panel{padding:clamp(50px,7vw,100px) clamp(24px,6vw,90px)}.panel-ink{color:var(--cream);max-width:680px;justify-self:end}.panel-ink>p:not(.eyebrow){color:#b8c5ca;max-width:430px}.panel-paper{background:var(--cream);max-width:680px}.hour-chart{height:210px;display:flex;align-items:end;gap:clamp(5px,1.2vw,15px);margin-top:44px;border-bottom:1px solid rgba(255,255,255,.22);padding:0 0 10px}.hour-col{height:100%;display:flex;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:8px}.hour-col i{display:block;width:100%;max-width:28px;background:var(--gold);opacity:.9;border-radius:4px 4px 0 0}.hour-col span{font-size:10px;color:#a9b7bd}.chart-note{font-size:13px;color:#c2ced1;margin-top:16px}.chart-note b{color:var(--gold)}.type-list{margin-top:40px}.type-row{display:grid;grid-template-columns:1fr 45px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.type-row>b{text-align:right;color:var(--coral)}.type-row>i{grid-column:1/-1;height:5px;background:rgba(24,43,57,.08);display:block}.type-row>i em{display:block;height:100%;background:var(--ink);border-radius:4px}.tiny-note{font-size:12px;color:var(--muted);margin-top:22px}.theme-section{padding-bottom:80px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.theme-card{min-height:300px;padding:22px;background:var(--cream);border:1px solid var(--line);position:relative;display:flex;flex-direction:column}.theme-card:nth-child(2n){transform:translateY(22px)}.theme-1{background:#e5b85f}.theme-2{background:#dce6e6}.theme-3{background:#efc6ba}.theme-4{background:var(--ink);color:var(--cream)}.theme-number{font-size:12px;opacity:.55}.theme-card h3{font-family:var(--serif);font-size:24px;margin:40px 0 14px}.theme-card strong{font-size:40px;font-family:var(--serif);line-height:1}.theme-card p{font-size:13px;margin-top:auto;opacity:.72}.quote-section{max-width:none;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,120px)}.quote-intro{max-width:430px}.quote-intro>p:not(.eyebrow){color:#bec9cb;font-size:14px}.quote-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quote-wall blockquote{margin:0;padding:22px 20px 18px;background:#f6eee2;color:var(--ink);min-height:165px;display:flex;flex-direction:column}.quote-wall blockquote:nth-child(3n){background:#e5b85f}.quote-wall blockquote:nth-child(4n){background:#efc6ba}.quote-wall blockquote>span{font-family:Georgia;font-size:48px;line-height:.65;color:var(--coral)}.quote-wall p{font-family:var(--serif);font-size:18px;line-height:1.55;margin:14px 0}.quote-wall footer{font-size:11px;color:#61717a;margin-top:auto}.moments-section{padding-bottom:80px}.moment-list{margin-top:48px;border-top:1px solid var(--line)}.moment-list article{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}.moment-list article>span{font-family:var(--serif);font-size:28px;color:var(--coral)}.moment-list h3{font-family:var(--serif);font-size:25px;margin:0 0 6px}.moment-list p{margin:0;color:var(--muted);font-size:14px}.appendix{max-width:none;background:#e5b85f;display:grid;grid-template-columns:1fr 1fr;gap:80px}.appendix-number{font-family:var(--serif);font-size:clamp(65px,10vw,130px);line-height:.9;margin:30px 0 0;color:var(--ink)}.appendix-label{margin:8px 0 26px;color:#71592c;font-size:13px}.site-footer{max-width:1180px;margin:0 auto;padding:55px clamp(24px,5vw,60px) 70px;display:grid;grid-template-columns:160px 1fr auto;gap:30px;align-items:start}.footer-mark{font-family:var(--serif);font-size:32px;line-height:.8;font-weight:900}.footer-mark span{font:700 9px var(--sans);letter-spacing:.15em}.site-footer p{font-size:12px;color:var(--muted);margin:0;max-width:540px}.footer-date{font-size:11px;color:var(--muted)}.error-state{padding:80px 24px;font-family:var(--serif);font-size:24px}@media(max-width:820px){.hero{min-height:680px;padding:52px 24px 36px}.hero-stamp{right:24px;bottom:20%}.intro-grid,.quote-section,.appendix{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p{margin-top:20px}.month-row{grid-template-columns:48px 1fr;gap:12px}.month-meta{grid-column:2;text-align:left;flex-direction:row;gap:14px}.split-section{display:block}.panel-ink{max-width:none}.panel-paper{max-width:none}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-card{min-height:240px}.theme-card:nth-child(2n){transform:none}.theme-card:last-child{grid-column:span 2}.quote-wall{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:18px}.footer-date{order:-1}.hour-chart{gap:4px}.hour-col span{font-size:8px}}@media(max-width:460px){.hero h1{font-size:58px}.hero-lede{font-size:17px}.stat-card{min-height:135px;padding:17px 15px}.stat-card strong{font-size:35px}.theme-card{padding:16px;min-height:220px}.theme-card h3{font-size:21px;margin-top:28px}.quote-wall p{font-size:16px}.month-top{display:block}.month-top span{display:block;margin-top:3px}.month-main p{font-size:12px}}
/* Emotional memorial pass: let the story lead and keep statistics as quiet evidence. */
.hero{min-height:100svh;overflow:hidden;padding:clamp(32px,7vw,88px) clamp(24px,8vw,120px) 56px}.hero-image,.hero-overlay{position:absolute;inset:0;pointer-events:none}.hero-image{z-index:-3;background:var(--ink)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82;animation:heroDrift 18s ease-in-out infinite alternate}.hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(15,28,41,.98) 0%,rgba(15,28,41,.84) 36%,rgba(15,28,41,.18) 78%,rgba(15,28,41,.45) 100%),linear-gradient(0deg,rgba(15,28,41,.28),transparent 48%,rgba(15,28,41,.28))}.hero:before{z-index:-1;opacity:.45}.hero:after{display:none}.hero-content{position:static;max-width:880px;animation:riseIn .9s ease both}.hero-kicker{animation:riseIn .7s .05s ease both}.hero h1{animation:riseIn .9s .15s ease both}.hero-lede{animation:riseIn .9s .28s ease both}.hero-stamp{animation:stampIn 1s .45s ease both}.scroll-cue{display:inline-block;animation:riseIn .9s .55s ease both}.hero h1 span{color:#f0c76f}.hero-stamp{width:140px;height:140px;right:10vw;bottom:17%;background:rgba(15,28,41,.12);backdrop-filter:blur(2px)}.hero-stamp b{font-size:13px;font-family:var(--sans);font-weight:500;display:block;margin-top:3px}.letter-section{position:relative;padding-top:clamp(90px,12vw,170px);padding-bottom:clamp(80px,10vw,130px)}.letter-section:before{content:'“';position:absolute;right:8%;top:18%;font-family:Georgia,serif;font-size:clamp(180px,28vw,420px);line-height:.6;color:rgba(238,116,94,.08);pointer-events:none}.letter-seal{display:inline-flex;border:1px solid rgba(238,116,94,.45);padding:9px 18px;border-radius:999px;color:var(--coral);font-size:12px;letter-spacing:.14em;margin-bottom:40px}.letter-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,9vw,150px);align-items:start}.letter-copy{font-family:var(--serif);font-size:clamp(17px,2vw,22px);line-height:2.05;color:#465963;max-width:560px}.letter-copy p{margin:0 0 22px}.letter-sign{margin-top:55px;font-family:var(--serif);color:var(--coral);font-size:14px}.memory-evidence{padding-top:12px;padding-bottom:clamp(60px,8vw,100px);border-top:1px solid var(--line)}.evidence-line{display:flex;flex-wrap:wrap;gap:clamp(24px,6vw,88px);align-items:baseline;margin:28px 0 20px}.evidence-line span{font-family:var(--serif);font-size:19px;color:#637078}.evidence-line b{font-size:clamp(36px,5vw,58px);color:var(--ink);margin-right:5px}.memory-evidence .body-copy{font-size:14px;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter{min-height:380px;padding:28px 24px 30px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.chapter:not(:first-child){padding-left:24px}.chapter:last-child{border-right:0}.chapter>span{font-family:var(--serif);font-size:26px;color:var(--coral)}.chapter>p:first-of-type{font-size:12px;letter-spacing:.1em;color:var(--muted);margin:32px 0 12px}.chapter h3{font-family:var(--serif);font-size:clamp(21px,2.4vw,30px);line-height:1.4;margin:0;max-width:240px}.chapter-rule{width:38px;height:2px;background:var(--coral);margin:25px 0 20px}.chapter-body{font-size:14px;line-height:1.9;color:#5e6d74;margin:0;max-width:250px}.chapter small{font-size:11px;color:var(--muted);margin-top:auto;padding-top:24px}.chapter-1{background:rgba(229,184,95,.08)}.chapter-2{background:rgba(220,230,230,.34)}.chapter-3{background:rgba(238,116,94,.08)}.timeline-note{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;color:var(--muted);font-size:12px}.timeline-note span{display:inline-block}.timeline-note b{color:var(--ink)}.theme-section{padding-top:clamp(80px,10vw,130px)}.theme-card{border:0;box-shadow:0 10px 30px rgba(24,43,57,.05)}.quote-section{padding-top:clamp(90px,12vw,150px);padding-bottom:clamp(90px,12vw,150px)}.quote-wall{align-items:start}.quote-wall blockquote{border:0;box-shadow:none}.quote-wall blockquote.quote-featured{grid-column:span 2;min-height:230px;padding:36px 34px 28px;background:#f6eee2}.quote-wall blockquote.quote-featured p{font-size:clamp(25px,3.5vw,46px);line-height:1.45;max-width:680px}.quote-wall blockquote.quote-featured>span{font-size:72px}.quote-wall blockquote.quote-small{min-height:145px;background:transparent;color:var(--cream);border-top:1px solid rgba(255,250,241,.25);padding:18px 4px 14px}.quote-wall blockquote.quote-small:nth-child(3n),.quote-wall blockquote.quote-small:nth-child(4n){background:transparent}.quote-wall blockquote.quote-small p{font-size:18px;color:#efe5d6}.quote-wall blockquote.quote-small footer{color:#aebdc0}.closing-letter{max-width:900px;text-align:center;padding-top:clamp(100px,14vw,180px);padding-bottom:clamp(100px,14vw,180px)}.closing-letter h2{font-size:clamp(52px,8vw,110px);margin-bottom:32px}.closing-letter>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(17px,2vw,22px);line-height:2;color:#5b6970;max-width:680px;margin:0 auto}.closing-ritual{display:inline-block;margin-top:42px;padding:13px 20px;border:1px solid rgba(238,116,94,.45);border-radius:999px;color:var(--coral);font-size:13px}.site-footer{border-top:1px solid var(--line)}
@keyframes heroDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.2%,-.8%,0)}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{from{opacity:0;transform:rotate(9deg) scale(.75)}to{opacity:1;transform:rotate(9deg) scale(1)}}
@media(max-width:820px){.hero-image img{object-position:64% center}.hero-overlay{background:linear-gradient(90deg,rgba(15,28,41,.98) 0%,rgba(15,28,41,.78) 54%,rgba(15,28,41,.26) 100%),linear-gradient(0deg,rgba(15,28,41,.36),transparent 55%,rgba(15,28,41,.2) 100%)}.hero-stamp{right:24px;bottom:16%}.letter-layout{grid-template-columns:1fr;gap:32px}.letter-copy{max-width:620px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.chapter{min-height:315px;padding:24px 18px 24px 0}.chapter:not(:first-child){padding-left:18px}.chapter:nth-child(2){border-right:0}.chapter:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter:nth-child(3){padding-left:0}.chapter:nth-child(4){padding-left:18px}.quote-wall blockquote.quote-featured{grid-column:span 1}.quote-wall blockquote.quote-featured p{font-size:28px}.closing-letter{padding-left:24px;padding-right:24px}}
@media(max-width:460px){.hero{min-height:760px}.hero-image img{object-position:69% center}.hero-stamp{width:112px;height:112px;right:20px;bottom:6%}.hero-stamp b{font-size:11px}.evidence-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}.evidence-line span:last-child{grid-column:span 2}.evidence-line span{font-size:14px}.evidence-line b{font-size:31px}.chapter-grid{grid-template-columns:1fr}.chapter,.chapter:not(:first-child),.chapter:nth-child(3),.chapter:nth-child(4){padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.chapter:last-child{border-bottom:0}.chapter>p:first-of-type{margin-top:18px}.chapter small{margin-top:15px}.timeline-note{display:block}.timeline-note span{display:block;margin-bottom:8px}.quote-wall blockquote.quote-featured{padding:28px 22px 22px}.quote-wall blockquote.quote-featured p{font-size:25px}.closing-letter h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image img,.hero-content,.hero-kicker,.hero h1,.hero-lede,.hero-stamp,.scroll-cue{animation:none!important}}
.hero-content{animation:heroFade .9s ease both}@keyframes heroFade{from{opacity:0}to{opacity:1}}