.han-avatar{display:inline-block;width:150px;height:150px;border-radius:50%;background-image:url('portraits/qin-han-portraits-v1.png');background-size:200% 200%;background-repeat:no-repeat;border:2px solid #b89861;flex-shrink:0}
.han-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:65px max(6vw,24px);background:#20392e;color:#f3efe5;align-items:center}
.han-hero h1{font-size:clamp(38px,4.6vw,68px);font-weight:500;line-height:1.4;margin:24px 0}
.han-hero p{font-size:21px;line-height:1.9;color:#d1d2be}.han-hero .text-link{color:#e3cda7}.han-hero .atlas-kicker{color:#d3ba87}
.han-hero-portraits{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}
.han-hero-portraits a{color:inherit;text-decoration:none}.han-hero-portraits .han-avatar{width:min(19vw,260px);height:min(19vw,260px)}
.han-hero-portraits strong{display:block;font-size:30px;letter-spacing:5px;margin-top:20px}.han-hero-portraits small{grid-column:1/-1;color:#c2c6b6;font:12px system-ui;margin-top:14px}
.han-people{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.han-people a{text-decoration:none;border:1px solid #d5cebc;padding:25px 10px;text-align:center;color:#22362d;background:#ede8dc}
.han-people strong,.han-people a>span:last-child{display:block;margin-top:12px}.han-people strong{font-size:29px}.han-people a>span:last-child{font:13px system-ui}
.han-person-detail{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:35px 0;border-top:1px solid #d5cebc;scroll-margin-top:100px}.han-person-detail>div:first-child{text-align:center}.han-person-detail h3{font-size:29px}.han-person-detail p{font-size:19px;line-height:1.9}.han-person-detail h4{font:14px system-ui;color:#74766a}
.han-search{margin-top:30px;padding:25px;background:#e9e2d2}.han-search label{display:block;margin-bottom:15px}.han-search input{font-size:18px;padding:12px;width:100%;border:1px solid #b8b4a5;background:#fffdf7}.han-search a{display:inline-block;margin:10px 15px 0 0}
.han-context{display:grid;grid-template-columns:1fr 1fr;gap:25px}.han-context article{padding:25px;background:#e9e2d2;scroll-margin-top:100px}.han-context p{font-size:18px;line-height:1.8}
.han-card .series-heading{margin:26px 0}.han-card .series-heading h1{font-size:53px}.han-card .han-avatar{width:170px;height:170px}
.han-cover{background:#20392e;color:#f3efe5}.han-cover .series-heading h1{font-size:52px}.han-cover .series-mark,.han-cover .series-brand>b,.han-cover .series-kicker{color:#d3b77b}.han-cover .series-brand small{color:#c5caba}
.han-cover-art{text-align:right}.han-cover-art .han-avatar{width:580px;height:580px;border-radius:8px;box-shadow:0 20px 70px #080e0988}
.han-cover-copy{position:relative;margin-top:-100px;padding:32px;background:linear-gradient(100deg,#20392e 50%,#20392eeb);max-width:840px}.han-cover-copy>span{font:18px system-ui;letter-spacing:4px;color:#d3b77b}.han-cover-copy h2{font-size:46px;margin:15px 0 20px}.han-cover-copy>p{font-size:28px;line-height:1.8}.han-cover-milestones{display:flex;gap:45px;border-top:1px solid #82927a;margin-top:25px;padding-top:20px}.han-cover-milestones p{font-size:26px}.han-cover-milestones b{display:block;color:#d3b77b;font-size:35px}.han-cover .series-footer small{color:#c0c5b4}
.han-stage{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:18px 0;border-top:1px solid #d5cebc}.han-stage>b{font:26px system-ui;color:#9c4733}.han-stage small{font:18px system-ui;color:#8c4c36}.han-stage h2{font-size:30px;margin:5px 0}.han-stage p{font-size:24px;line-height:1.55}.han-stage aside{font-size:18px;color:#8c4c36;line-height:1.5;margin-top:8px}.han-card-note{font-size:23px;line-height:1.7;background:#e5dfd0;padding:20px;margin-top:22px;border-left:3px solid #9c4733}
.han-relations-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.han-relation-block{text-align:center;border:1px solid #d5cebc;background:#ece6d9;padding:24px}.han-relation-block h2{font-size:35px}.han-relation-block>span{display:block;font:18px system-ui;color:#8c4c36;margin-bottom:12px}.han-relation-block p{font-size:26px;line-height:1.7}
.han-stages .han-stage{padding:6px 0}
.han-relation-block .han-avatar{margin:0 auto}
@media(max-width:650px){.han-hero{grid-template-columns:1fr;padding:35px 22px;gap:25px}.han-hero-portraits .han-avatar{width:38vw;height:38vw}.han-hero-portraits strong{font-size:25px}.han-people{grid-template-columns:1fr 1fr;gap:12px}.han-people .han-avatar{width:115px;height:115px}.han-person-detail{grid-template-columns:1fr;gap:10px}.han-person-detail>div:first-child{display:flex;align-items:center;gap:22px}.han-person-detail .han-avatar{width:85px;height:85px}.han-context{grid-template-columns:1fr}.han-hero p{font-size:18px}}