/* Xiaobing Notes — archival reading page */
.archive-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(118px,15vw,190px) 0 70px;background:radial-gradient(ellipse at 72% 25%,rgba(75,104,125,.22),transparent 43%),linear-gradient(180deg,#0a111b,#080c13 88%)}
.archive-hero .starfield,.archive-hero .project-hero-grid{position:absolute;inset:0;pointer-events:none;z-index:-1}
.archive-hero-inner{position:relative}
.archive-hero .project-overline{margin-bottom:42px}
.archive-hero .project-mini{margin:0 0 18px;color:#c9ac89;font-size:9px;letter-spacing:.2em}
.archive-hero h1{max-width:1050px;margin:0;color:#edf2f2;font-size:clamp(42px,7vw,88px);font-weight:420;line-height:.98;letter-spacing:-.065em}
.archive-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#c7d7dc}
.archive-deck{max-width:710px;margin:30px 0 36px;color:#9eafbb;font-size:clamp(14px,1.35vw,17px);line-height:1.9}
.archive-meta{display:flex;gap:24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(153,185,202,.18);color:#8196a4;font-size:8px;letter-spacing:.16em}
.archive-section{padding:clamp(70px,9vw,116px) 0}
.archive-original{background:#0b121c}
.archive-section-heading{max-width:740px;margin-bottom:42px}
.archive-section-heading h2,.archive-translation-heading h2,.archive-reflection-heading h2{margin:24px 0 18px;color:#edf2f2;font-size:clamp(34px,5vw,58px);font-weight:420;line-height:1.03;letter-spacing:-.055em}
.archive-section-heading h2 em,.archive-translation-heading h2 em,.archive-reflection-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#c7d7dc}
.archive-section-heading>p:last-child{max-width:680px;color:#97aab5;font-size:14px;line-height:1.9}
.archive-original-layout{display:grid;grid-template-columns:minmax(240px,390px) minmax(0,1fr);gap:clamp(34px,7vw,100px);align-items:center}
.archive-image-link{position:relative;display:block;max-width:390px;padding:12px;border:1px solid rgba(151,182,198,.2);background:#101b28;box-shadow:0 25px 70px rgba(0,0,0,.3);text-decoration:none}
.archive-image-link img{display:block;width:100%;height:auto;background:#fff}
.archive-image-link>span{display:block;padding:13px 3px 2px;color:#c9ad8a;font-size:8px;letter-spacing:.16em}
.archive-image-link:focus-visible{outline:2px solid #d7bd98;outline-offset:5px}
.archive-original-note{max-width:520px}
.archive-kicker{color:#c5a987;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.archive-original-note h3{margin:17px 0;color:#e9eff1;font-size:clamp(28px,3.5vw,42px);font-weight:420;letter-spacing:-.045em}
.archive-original-note p{color:#98aab6;font-size:14px;line-height:1.95}
.archive-original-note .project-outline-link{margin-top:18px}
.archive-translation{background:#080d15}
.archive-reading-wrap{max-width:1050px}
.archive-translation-heading{max-width:720px;margin:54px 0 48px}
.archive-translation-heading h2{font-size:clamp(42px,6vw,72px)}
.archive-translation-note{max-width:620px;color:#94a8b4;font-size:14px;line-height:1.9}
.archive-prose{max-width:790px;margin-left:clamp(0px,9vw,120px);color:#c1ccd2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(17px,1.55vw,20px);line-height:1.95}
.archive-prose p{margin:0 0 27px}
.archive-prose em{color:#e3c9a7}
.archive-final-line{margin-top:38px!important;padding:24px 0;border-top:1px solid rgba(174,199,211,.2);border-bottom:1px solid rgba(174,199,211,.2);color:#f1dfc5;font-size:clamp(24px,3vw,36px);line-height:1.45}
.archive-translation-credit{margin:45px 0 0 clamp(0px,9vw,120px);color:#718794;font-size:8px;letter-spacing:.16em}
.archive-reflection{background:radial-gradient(ellipse at 15% 50%,rgba(52,82,103,.14),transparent 48%),#0b121b}
.archive-reflection-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,110px);align-items:start;margin-top:54px}
.archive-reflection-heading h2{font-size:clamp(38px,5vw,62px)}
.archive-reflection-date{margin-top:30px;color:#718894;font-size:10px;line-height:1.7;letter-spacing:.08em}
.archive-reflection-prose{max-width:720px;color:#aebdc6;font-size:15px;line-height:2}
.archive-reflection-prose p{margin:0 0 24px}
.archive-reflection-prose blockquote{margin:42px 0 0;padding:22px 0 22px 24px;border-left:2px solid #c5a987;color:#e4d3bb;font-family:Georgia,serif;font-size:clamp(21px,2.3vw,29px);line-height:1.5}
.archive-end{padding:clamp(70px,9vw,110px) 0;background:#080c13;border-top:1px solid rgba(145,181,199,.13)}
.archive-end-inner{text-align:center}
.archive-end-inner>span{color:#c5a987;font-size:9px;letter-spacing:.2em}
.archive-end-inner h2{margin:24px 0 30px;color:#edf2f2;font-size:clamp(36px,5vw,58px);font-weight:420;line-height:1.08;letter-spacing:-.055em}
.archive-end-inner h2 em{font-family:Georgia,serif;color:#c7d7dc;font-weight:400}
.archive-end-inner .project-solid-link{display:inline-flex}
.notes-archive-link{display:inline-flex;align-items:center;gap:12px;margin-top:15px;color:#d7bd98;font-size:10px;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid rgba(215,189,152,.4);padding:0 0 8px}
.notes-archive-link span{font-size:15px}
.notes-archive-link:hover{color:#fff;border-color:#fff}
@media(max-width:760px){
 .archive-hero{padding-top:120px}
 .archive-meta{gap:12px 18px}
 .archive-original-layout,.archive-reflection-layout{grid-template-columns:1fr}
 .archive-image-link{max-width:420px;margin:0 auto}
 .archive-original-note{max-width:100%}
 .archive-prose{margin-left:0}
 .archive-translation-credit{margin-left:0;line-height:1.8}
}