/* Selected concept 01, preserved layout foundation. Semantic theme overrides in style.css. */
:root{--color-paper:#242321;--color-paper-2:#2d2b28;--color-paper-3:#37342f;--color-ink:#f0e9dc;--color-muted:#b9b2a5;--color-line:#676057;--color-accent:#f3a36c;--color-accent-ink:#2a241e;--color-letter:#e9dfcd;--color-letter-ink:#302c26;--color-letter-muted:#625a50;--color-overlay:#141311ed;--font-display:Baskerville,"Songti SC","Noto Serif CJK SC",serif;--font-body:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--font-mark:Didot,Baskerville,"Songti SC",serif;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--section-gap:120px;--ease-out:cubic-bezier(.22,1,.36,1);--dur-short:220ms}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scrollbar-color:var(--color-muted) var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font:16px/1.6 var(--font-body);font-synthesis:none;caret-color:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;min-height:44px;padding:var(--space-xs) 0}button:disabled{color:var(--color-muted);background:var(--color-paper-2);cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--color-accent)}a:active,button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}h1,h2,h3{font-weight:400;min-width:0;overflow-wrap:break-word;text-wrap:balance}p{margin:0;text-wrap:pretty}img{display:block;width:100%;object-fit:cover}.shell{max-width:1480px;margin:auto;padding:0 var(--space-2xl)}.skip{position:absolute;left:24px;top:-80px;background:var(--color-paper);padding:var(--space-sm);z-index:50}.skip:focus{top:16px}.utility{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-line);font-size:12px;color:var(--color-muted)}.utility a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.utility button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-line);color:var(--color-ink);font-size:14px}.utility p{text-align:center}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) 0}.brand{font:400 36px/1 var(--font-mark);letter-spacing:-.04em}.masthead nav{display:flex;gap:32px;align-items:center}.masthead nav a,.masthead nav button{font-size:14px;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-2xl);align-items:center;min-height:640px;padding:var(--space-md) 0 56px}.letter-opening{padding-top:var(--space-md);min-width:0}.intro-line{display:flex;gap:var(--space-md);align-items:center;color:var(--color-muted);font-size:14px;margin-bottom:32px}.intro-line::before{content:"";display:block;width:48px;height:1px;background:var(--color-accent)}h1{font:400 clamp(64px,6.2vw,96px)/1.18 var(--font-display);letter-spacing:-.04em;margin:0 0 32px;max-width:10em}.bio{font-size:18px;line-height:1.8;max-width:440px;color:var(--color-muted)}.bio strong{color:var(--color-ink);font-weight:400}.hero-actions{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:var(--space-lg);min-height:44px;color:var(--color-accent);font-size:14px}.text-link::after{content:"";display:block;width:40px;height:1px;background:currentColor}.hero-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.34fr);gap:var(--space-md);align-items:end;position:relative}.main-photo{margin:0;position:relative}.main-photo button{display:block;width:100%;padding:0}.main-photo img{height:516px;filter:saturate(.7)}.main-photo figcaption{padding-top:var(--space-sm);font-size:12px;color:var(--color-muted);display:flex;justify-content:space-between;gap:var(--space-md)}.side-strip{margin:0;align-self:start;padding-top:56px}.side-strip img{height:348px;object-position:48% center;filter:saturate(.5)}.side-strip figcaption{font-size:12px;color:var(--color-muted);line-height:1.6;padding-top:var(--space-sm)}.photo-turn{position:absolute;right:0;bottom:56px;background:var(--color-paper);color:var(--color-accent);border:1px solid var(--color-line);padding:var(--space-sm) var(--space-md);font-size:12px;max-width:180px}.chapter-rule{display:flex;align-items:center;gap:var(--space-lg);border-top:1px solid var(--color-line);padding:var(--space-lg) 0;color:var(--color-muted);font-size:12px}.chapter-rule p:first-child{color:var(--color-accent)}.chapter-rule p:last-child{margin-left:auto}.activity{padding:56px 0 var(--space-3xl)}.activity-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:48px}.activity h2{font:400 56px/1.2 var(--font-display);letter-spacing:-.04em;margin:0}.activity-head p{color:var(--color-muted);font-size:14px;margin-top:var(--space-md)}.filters{display:flex;gap:var(--space-lg);flex-wrap:wrap}.filters button{color:var(--color-muted);font-size:14px;white-space:nowrap;border-bottom:1px solid var(--color-paper);min-height:44px}.filters button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.activity-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-xl)}.activity-item[hidden]{display:none}.activity-item{min-width:0}.item-meta{display:flex;gap:var(--space-lg);justify-content:space-between;align-items:center;color:var(--color-muted);font-size:12px;margin-bottom:var(--space-lg)}.item-meta .state{color:var(--color-accent)}.lead-note{grid-column:span 7;background:var(--color-letter);color:var(--color-letter-ink);padding:var(--space-xl);display:flex;flex-direction:column;justify-content:space-between;min-height:430px;position:relative}.lead-note::after{content:"";position:absolute;right:0;top:0;width:24px;height:24px;background:var(--color-paper-3);clip-path:polygon(0 0,100% 100%,0 100%)}.lead-note .item-meta{color:var(--color-letter-muted)}.lead-note .state{color:var(--color-letter-ink)}.lead-note h3{font:400 42px/1.3 var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-lg)}.lead-note p{max-width:520px;color:var(--color-letter-muted)}.lead-note button{align-self:start;min-height:44px;margin-top:var(--space-lg);border-bottom:1px solid var(--color-letter-muted);color:var(--color-letter-ink);font-size:14px}.lead-note button:hover{color:var(--color-letter-ink);background:var(--color-letter)}.lead-note :focus-visible{outline-color:var(--color-letter-ink)}.photo-note{grid-column:span 5;display:flex;flex-direction:column}.photo-note .image-button{padding:0;display:block;width:100%;position:relative}.photo-note img{height:330px;filter:saturate(.7)}.photo-note .image-button::after{content:"+";position:absolute;right:16px;bottom:16px;display:grid;place-items:center;background:var(--color-paper);color:var(--color-ink);width:40px;height:40px;font-size:24px}.photo-note h3{font:400 26px/1.3 var(--font-display);margin:var(--space-md) 0 var(--space-xs)}.photo-note p{font-size:14px;color:var(--color-muted)}.line-note{grid-column:span 4;padding-top:var(--space-lg);border-top:1px solid var(--color-line)}.line-note h3{font:400 30px/1.4 var(--font-display);margin:0 0 var(--space-md)}.line-note p{color:var(--color-muted);font-size:14px;line-height:1.8}.line-note button{border-bottom:1px solid var(--color-line);font-size:14px;margin-top:var(--space-lg)}.filtered .activity-item{grid-column:span 6}.filtered .lead-note{grid-column:span 6}.activity-foot{margin-top:var(--space-xl);display:flex;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-line);font-size:12px;color:var(--color-muted)}.photo-letter{background:var(--color-paper-2);padding:var(--space-2xl) 0}.photo-letter-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.wide-photo{margin:0}.wide-photo button{display:block;padding:0;width:100%}.wide-photo img{height:360px;object-position:center 55%;filter:saturate(.65)}.wide-photo figcaption{font-size:12px;color:var(--color-muted);padding-top:var(--space-md)}.photo-letter h2{font:400 48px/1.25 var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-lg)}.photo-letter p{color:var(--color-muted);font-size:16px;line-height:1.8;max-width:360px}.photo-letter .text-link{margin-top:var(--space-lg)}.footer{padding:56px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:var(--space-xl)}.footer-wordmark{font:400 clamp(72px,11vw,160px)/1 var(--font-mark);letter-spacing:-.07em;margin:0;color:var(--color-ink)}.footer-top p{color:var(--color-muted);font-size:14px;max-width:260px;padding-bottom:var(--space-xs)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;border-top:1px solid var(--color-line);padding-top:var(--space-lg);font-size:12px;color:var(--color-muted)}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-links{display:flex;gap:var(--space-lg);align-items:center}.footer-links button{font-size:12px;white-space:nowrap}.copy-status{min-height:20px;font-size:12px;color:var(--color-muted)}dialog{width:min(660px,calc(100% - 32px));max-height:90dvh;background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-line);padding:var(--space-xl)}dialog::backdrop{background:var(--color-overlay)}dialog h2{font:400 36px/1.3 var(--font-display);margin:0 0 var(--space-lg)}dialog p{color:var(--color-muted);line-height:1.8}dialog button{margin-top:var(--space-lg);font-size:14px;border-bottom:1px solid var(--color-line)}.photo-dialog{width:min(1080px,calc(100% - 32px));padding:var(--space-lg)}.photo-dialog img{height:min(65dvh,720px);object-fit:contain}.photo-dialog .dialog-caption{display:flex;gap:var(--space-lg);justify-content:space-between;align-items:center;margin-top:var(--space-md);font-size:12px}.photo-dialog .dialog-caption button{margin:0}.photo-dialog .dialog-caption p{max-width:650px}.hero-visual{animation:page-settle .7s var(--ease-out) both}@keyframes page-settle{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{min-height:720px}.main-photo img{height:580px}.side-strip img{height:380px}}
@media(max-width:1100px){.shell{padding:0 var(--space-xl)}.hero{gap:var(--space-xl)}.hero-visual{grid-template-columns:minmax(0,1fr)}.side-strip{display:none}.main-photo img{height:500px}.photo-turn{bottom:56px}.activity-grid{gap:32px}.photo-letter-inner{gap:var(--space-xl)}.masthead nav{gap:var(--space-lg)}h1{font-size:72px}}
@media(max-width:760px){.shell{padding:0 var(--space-lg)}.utility{font-size:11px;gap:var(--space-md)}.utility p{max-width:160px}.masthead{padding:var(--space-lg) 0}.masthead nav{gap:var(--space-md)}.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding:var(--space-md) 0 var(--space-xl)}.letter-opening{padding:0}.intro-line{margin-bottom:var(--space-lg)}h1{font-size:64px;max-width:9em;margin-bottom:var(--space-lg)}.bio{font-size:16px;max-width:500px}.hero-actions{margin-top:var(--space-lg)}.hero-visual{grid-template-columns:minmax(0,1fr) minmax(0,.4fr);gap:var(--space-md)}.main-photo img{height:420px}.side-strip{display:block;padding-top:var(--space-xl)}.side-strip img{height:250px}.photo-turn{bottom:56px;max-width:140px}.chapter-rule{font-size:11px;gap:var(--space-md)}.chapter-rule p:last-child{max-width:160px;text-align:right}.activity{padding:var(--space-xl) 0 var(--space-2xl)}.activity-head{display:block;margin-bottom:32px}.activity h2{font-size:44px}.filters{gap:var(--space-lg);margin-top:var(--space-lg)}.activity-grid{grid-template-columns:minmax(0,1fr);gap:32px}.activity-item,.filtered .activity-item,.filtered .lead-note{grid-column:auto}.lead-note{padding:32px;min-height:360px}.lead-note h3{font-size:36px}.photo-note img{height:380px}.line-note{padding-top:var(--space-lg)}.line-note h3{font-size:30px}.activity-foot{display:block;line-height:1.8}.activity-foot p+p{margin-top:var(--space-xs)}.photo-letter{padding:var(--space-xl) 0}.photo-letter-inner{grid-template-columns:minmax(0,1fr);gap:32px}.wide-photo img{height:300px}.photo-letter h2{font-size:40px}.photo-letter p{max-width:550px}.footer-top{align-items:start}.footer-top p{max-width:180px;font-size:12px}.footer-wordmark{font-size:88px}.footer-bottom{display:block}.footer-links{margin-top:var(--space-xs)}.photo-dialog .dialog-caption{align-items:start}}
@media(max-width:420px){.shell{padding:0 20px}.utility{gap:var(--space-xs)}.utility p{max-width:145px}.utility button{padding:var(--space-xs) var(--space-sm)}.masthead nav{gap:var(--space-sm);font-size:13px}.masthead nav a,.masthead nav button{font-size:13px}.brand{font-size:32px}h1{font-size:56px;line-height:1.2}.intro-line{font-size:12px}.main-photo img{height:350px}.side-strip img{height:220px}.side-strip figcaption{font-size:11px}.photo-turn{font-size:11px;padding:var(--space-xs);max-width:120px}.lead-note{padding:var(--space-lg)}.lead-note h3{font-size:32px}.photo-note img{height:300px}.activity h2{font-size:40px}.filters{gap:20px}.footer-top{display:block}.footer-top p{max-width:280px;margin-top:var(--space-lg)}.footer-wordmark{font-size:96px}dialog{padding:var(--space-lg)}dialog h2{font-size:30px}.photo-dialog{padding:var(--space-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}