.he-encounter-page{--he-paper:#f7f5ef;--he-ink:#25251f;--he-muted:#747169;--he-line:#d5d1c6;--pf-paper:var(--he-paper);--pf-ink:var(--he-ink);--pf-muted:var(--he-muted);--pf-line:var(--he-line);--ww-paper:var(--he-paper);--ww-ink:var(--he-ink);--ww-muted:var(--he-muted);--ww-line:var(--he-line);background:var(--he-paper)!important;color:var(--he-ink)!important}
.he-encounter-page main{background:var(--he-paper)!important;color:var(--he-ink)!important}
.he-encounter-page .pf-header,.he-encounter-page .pf-footer{background:var(--he-paper);color:var(--he-ink);border-color:var(--he-line)}
.he-encounter-page .pf-header a,.he-encounter-page .pf-footer a{color:inherit}
.portfolio.he-encounter-page .pf-header .desktop-nav{background:var(--he-paper);color:var(--he-ink)}
.portfolio.he-encounter-page .pf-header .desktop-nav a,.portfolio.he-encounter-page .pf-header .desktop-nav a:visited{color:var(--he-ink)!important}
.portfolio.he-encounter-page .pf-header .desktop-nav a:hover,.portfolio.he-encounter-page .pf-header .desktop-nav a:focus-visible{color:#86432b!important}
.portfolio.he-encounter-page .pf-header .desktop-nav a[aria-current=page]{color:var(--he-ink)!important;border-color:var(--he-ink)}
.portfolio.he-encounter-page .pf-header .menu-button{color:var(--he-ink);border-color:var(--he-line)}
.portfolio.he-encounter-page .pf-footer p,.portfolio.he-encounter-page .pf-footer small{color:var(--he-muted)}
.he{max-width:1480px;margin:auto;padding:0 clamp(20px,4vw,72px);font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
.he a{color:inherit;text-decoration:none}
.he a:hover{text-decoration:underline;text-underline-offset:5px}
.he a:focus-visible{outline:2px solid #8a4c30;outline-offset:5px}
.he img{display:block;width:100%;height:auto;max-width:100%;border-radius:0;filter:none;opacity:1}
.he-kicker{font-size:11px;letter-spacing:.15em;line-height:1.8;color:var(--he-muted);font-family:ui-monospace,SFMono-Regular,monospace}
.he-intro{padding:76px 0 44px}
.he-intro h1{font-size:clamp(40px,5.8vw,88px);line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:26px 0 36px;max-width:1100px;color:var(--he-ink)}
.he-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.he-intro-bottom>p{font-size:clamp(16px,1.5vw,20px);line-height:1.9;max-width:620px;margin:0}
.he-intro-bottom>div{font-size:12px;color:var(--he-muted);line-height:1.8}
.he-opening{display:block;position:relative;margin:0 0 38px}
.he-opening img{max-height:800px;object-fit:contain;background:#e6e1d6}
.he-opening>span{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--he-line)}
.he-opening b{font-weight:500}
.he-timeline{display:flex;gap:22px;overflow:auto;padding:10px 0 30px;border-bottom:1px solid var(--he-line);scrollbar-width:thin}
.he-timeline a{flex:0 0 auto;display:flex;flex-direction:column;font-size:11px;gap:9px;line-height:1.5}
.he-timeline a span{font-size:21px;font-family:Georgia,"Songti SC",serif}
.he-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:66px;padding:48px 0 76px}
.he-entry{scroll-margin-top:110px;min-width:0}
.he-entry-image{display:block;background:#e6e1d6}
.he-entry-image img{aspect-ratio:3/2;object-fit:contain}
.he-entry-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--he-muted);margin:18px 0 12px;line-height:1.6}
.he-entry h2{font-size:clamp(22px,2.2vw,32px);line-height:1.35;margin:0 0 8px;font-weight:500;color:var(--he-ink)}
.he-entry-subtitle{font-size:16px;line-height:1.7;margin:0 0 12px}
.he-entry>p:not(.he-entry-subtitle){font-size:14px;line-height:1.85;color:var(--he-muted);max-width:540px}
.he-read{display:inline-block;font-size:12px;padding-top:10px}
.he-index-end{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--he-line);padding:30px 0 64px;font-size:12px;line-height:1.8;color:var(--he-muted)}
.he-index-end p{margin:0}
.he-return{display:flex;justify-content:space-between;gap:25px;font-size:12px;padding:32px 0;border-bottom:1px solid var(--he-line)}
.he-story-heading{max-width:950px;margin:66px auto 38px}
.he-story-heading h1{font-size:clamp(36px,5.3vw,74px);line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:20px 0 18px;color:var(--he-ink)}
.he-subtitle{font-size:clamp(21px,2.8vw,34px);line-height:1.5;margin:0 0 22px;font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif}
.he-deck{font-size:17px;line-height:1.85;max-width:760px}
.he-byline{font-size:11px;color:var(--he-muted);margin-top:28px}
.he-adjacent{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--he-line);padding:22px 0;font-size:12px}
.he-adjacent a{display:flex;flex-direction:column;gap:7px;max-width:48%;line-height:1.6}
.he-adjacent a.he-next{margin-left:auto;text-align:right}
.he-adjacent span{color:var(--he-muted);font-size:11px}
.he-adjacent strong{font-weight:400}
.he-story-image{margin:10px 0 60px}
.he-story-image img{max-height:920px;object-fit:contain;background:#e6e1d6}
.he-story-image figcaption{display:flex;justify-content:space-between;gap:35px;font-size:11px;color:var(--he-muted);line-height:1.85;padding:15px 0;border-bottom:1px solid var(--he-line)}
.he-story-image figcaption span:first-child{max-width:770px}
.he-story-image figcaption span:last-child{max-width:330px}
.he-prose{max-width:720px;margin:0 auto 70px;font-size:19px;line-height:2.05;letter-spacing:.015em}
.he-prose p{margin:0 0 1.45em;scroll-margin-top:120px}
.he-prose[lang=en]{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.8;letter-spacing:0}
.he-context{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid var(--he-line);padding:35px 0 32px;font-size:13px;line-height:1.9;color:var(--he-muted)}
.he-context h2,.he-earlier h2{font-size:12px;font-weight:500;color:var(--he-ink);margin:0 0 18px}
.he-context p{margin:0 0 15px}
.he-context ul{padding-left:18px;margin:0}
.he-context li{margin-bottom:18px}
.he-context li p{font-size:12px;margin-top:5px}
.he-fiction-note{font-style:normal}
.he-earlier{border-top:1px solid var(--he-line);padding:26px 0 35px;font-size:12px}
.he-earlier>div{display:flex;flex-wrap:wrap;gap:12px 30px}
.he-end{text-align:center;padding:20px 0 60px;font-size:12px}
.he-image-pending{display:flex;justify-content:center;align-items:center;aspect-ratio:3/2;background:#e6e1d6;color:#6c685f;font-size:12px}
@media(max-width:760px){
.he{padding:0 20px}.he-intro{padding:42px 0 30px}.he-intro h1{font-size:clamp(30px,8.8vw,38px);line-height:1.32}
.he-intro-bottom{display:block}.he-intro-bottom>div{margin-top:23px}.he-opening>span{flex-direction:column;gap:5px}
.he-timeline{gap:24px}.he-entries{grid-template-columns:1fr;gap:45px;padding-top:30px}
.he-entry h2{font-size:27px}.he-entry-image img{aspect-ratio:auto}.he-entry-meta{font-size:11px}
.he-index-end{flex-direction:column;gap:18px}.he-story-heading{margin:38px auto 27px}
.he-story-heading h1{font-size:39px}.he-subtitle{font-size:25px}.he-deck{font-size:16px}
.he-story-image{margin-bottom:35px}.he-story-image figcaption{flex-direction:column;gap:8px}
.he-prose{font-size:17px;line-height:1.95;margin-bottom:45px}.he-prose[lang=en]{font-size:19px;line-height:1.8}
.he-context{grid-template-columns:1fr;gap:23px;padding-top:26px}.he-adjacent{gap:18px}
.he-return{padding-top:24px}.he-kicker{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.he *{scroll-behavior:auto!important}}