*,:before,:after{box-sizing:border-box}html,body{color:#000;background:#eaecf0;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:1.5}a{color:#000;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:700;line-height:1.25}ul{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}.page{max-width:880px;margin:0 auto;padding:72px 24px 96px}.row{grid-template-columns:240px 1fr;align-items:start;column-gap:64px;display:grid}.left h1{margin-bottom:16px;font-size:24px}.left .portrait-frame{justify-content:center;width:240px;height:240px;margin-bottom:12px;display:flex;overflow:hidden}.left .portrait{width:auto;max-width:none;height:100%}.left .han{color:#555;margin-bottom:24px;font-size:14px}.left .group{margin-bottom:20px}.left .group p,.left .group ul li{margin:0}.right section{margin-bottom:40px}.right section:last-child{margin-bottom:0}.right h2{margin-bottom:8px;font-size:17px}.agent-message-link,.agent-message-back{appearance:none;color:#000;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.agent-message-link:hover,.agent-message-link:focus-visible,.agent-message-back:hover,.agent-message-back:focus-visible{text-decoration-thickness:2px}.agent-message-link:focus-visible,.agent-message-back:focus-visible{outline-offset:4px;outline:2px solid #000}.agent-message{z-index:200;color:#000;background:#eaecf0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;animation:.18s ease-out both agent-message-in;position:fixed;inset:0;overflow-y:auto}.agent-message-back{z-index:1;font-family:inherit;font-weight:700;position:fixed;top:20px;left:50%;transform:translate(-50%)}.agent-message-copy{letter-spacing:-.035em;width:100%;padding:76px clamp(20px,3.5vw,60px) 48px;font-size:clamp(20px,2.45vw,42px);line-height:1.08}.agent-message-copy p{margin:0 0 .8em}.agent-message-copy p:last-child{margin-bottom:0}@keyframes agent-message-in{0%{opacity:0}}.right .index li{grid-template-columns:1fr auto;align-items:baseline;column-gap:16px;padding:2px 0;display:grid}.right .index li .date{color:#555;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.right .index-revealed{animation:.18s ease-out both index-reveal}.index-toggle{appearance:none;color:#000;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:8px 0 0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.index-toggle:hover,.index-toggle:focus-visible{text-decoration-thickness:2px}.index-toggle:focus-visible{outline-offset:4px;outline:2px solid #000}@keyframes index-reveal{0%{opacity:0;transform:translateY(-3px)}}.post{max-width:640px;margin:0 auto}.post-with-gallery{max-width:860px}.post .top{margin-bottom:64px;font-size:14px}.post-head,.post .body{max-width:640px}.post .meta{color:#555;margin-bottom:6px;font-size:14px}.post h1{margin-bottom:32px;font-size:28px}.post .body p{margin-bottom:1em}.post .body h2{margin:28px 0 10px;font-size:19px}.post .body h3{margin:20px 0 8px;font-size:17px}.post .body code{font-family:Courier New,Courier,monospace;font-size:.92em}.post .body pre{background:0 0;border-left:2px solid #000;margin:1em 0;padding:4px 0 4px 14px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.source-link{margin:24px 0 0;font-size:14px}.photo-section{margin-top:48px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.photo-frame{aspect-ratio:4/3;appearance:none;width:100%;color:inherit;font:inherit;cursor:zoom-in;background:#00000014;border:0;margin:0;padding:0;overflow:hidden}.photo-frame>img{object-fit:cover;width:100%;height:100%;transition:filter .16s,transform .16s}.photo-frame:hover>img{filter:contrast(1.04)saturate(1.04);transform:scale(1.01)}.photo-frame:focus-visible{outline-offset:3px;outline:2px solid #000}.lightbox{z-index:100;cursor:zoom-out;background:#000000f0;place-items:center;padding:40px 90px;animation:.16s ease-out both lightbox-fade-in;display:grid;position:fixed;inset:0}.lightbox:focus{outline:none}.lightbox-image{object-fit:contain;cursor:default;width:auto;max-width:calc(100vw - 180px);height:auto;max-height:calc(100svh - 80px);animation:.18s ease-out both lightbox-image-in}.lightbox-arrow{z-index:1;color:#fff;width:56px;height:72px;font:inherit;cursor:pointer;opacity:.78;background:0 0;border:0;place-items:center;padding:0;font-size:30px;line-height:1;transition:background-color .14s,opacity .14s;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover,.lightbox-arrow:focus-visible{opacity:1;background:#ffffff1a}.lightbox-arrow:focus-visible{outline-offset:2px;outline:1px solid #fffc}.lightbox-arrow-previous{left:18px}.lightbox-arrow-next{right:18px}@keyframes lightbox-fade-in{0%{opacity:0}}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.985)}}.post .bottom{margin-top:80px;font-size:14px}@media (max-width:720px){.page{padding:48px 20px 64px}.row{grid-template-columns:1fr;row-gap:40px}.left{grid-template-columns:192px minmax(0,1fr);grid-template-areas:"name name""photo han""photo meta""photo links";align-items:start;column-gap:20px;display:grid}.left h1{grid-area:name;margin-bottom:28px}.left .han .han-first{display:block}.left .portrait-frame{grid-area:photo;width:192px;height:192px;margin-top:10px;margin-bottom:0}.left .han{text-align:right;grid-area:han;margin-top:12px}.left .meta{text-align:right;grid-area:meta}.left .meta p:last-child{white-space:nowrap}.left .links{text-align:right;grid-area:links}.left .links li{justify-content:flex-end;display:flex}.post h1{font-size:24px}.post .top{margin-bottom:40px}.post-with-gallery{max-width:640px}.photo-grid{gap:12px}.lightbox{padding:28px 44px}.lightbox-image{max-width:calc(100vw - 88px);max-height:calc(100svh - 56px)}.lightbox-arrow{width:40px;height:64px;font-size:26px}.lightbox-arrow-previous{left:2px}.lightbox-arrow-next{right:2px}.post .bottom{margin-top:56px}}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox-image,.agent-message,.right .index-revealed{animation:none}}
