/* Five real destinations, with the personal introduction in its own panel. */
@font-face{font-family:"Xiaowho Sans";src:url("assets/navigation-v5/sans.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+516C,U+53F8,U+5B98,U+7F51,U+8BBF}
[data-nav-version="5"] .category-tabs{justify-content:space-between;gap:8px}
[data-nav-version="5"] .category-tabs button{min-width:24px}
/* One intrinsic track reserves the tallest category without a viewport-sized gap. */
[data-nav-version="5"] .work{display:grid;grid-template-columns:minmax(0,1fr)}
[data-nav-version="5"] .category-tabs{grid-area:1 / 1}
[data-nav-version="5"] .project-panel{grid-area:2 / 1;align-self:start}
[data-nav-version="5"] .project-panel[hidden]{display:block!important;visibility:hidden}
/* Keep the reading flow together; the full-height painting cannot stretch it. */
body[data-home-design="index"][data-art-layout="contained"][data-nav-version="5"] .page{align-content:start}
[data-nav-version="5"] .reading-body{position:relative;z-index:2;min-width:0;align-self:start}
body[data-home-design="index"][data-nav-version="5"] .reading-body>main{padding-top:12px}
[data-nav-version="5"] .reading-body>.site-footer{padding:12px 0 0}
body[data-home-design="index"][data-nav-version="5"] .project-panel{min-height:0}
[data-nav-version="5"] .profile-copy{padding:26px 0 28px;max-width:38em}
[data-nav-version="5"] .profile-copy h2{font-family:"Xiaowho Serif",serif;font-size:29px;font-weight:550;line-height:1.4;letter-spacing:-.015em;margin:0 0 14px}
[data-nav-version="5"] .profile-copy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:36em;margin:0}
[data-nav-version="5"] .profile-copy p+p{margin-top:12px}
body[data-home-design="index"][data-nav-version="5"] .intro{margin-top:0;padding:32px 0 16px}
body[data-home-design="index"][data-nav-version="5"] .intro h1{font-size:22px;font-weight:500;line-height:1.65}
@media(min-width:901px){
 body[data-home-design="index"][data-nav-version="5"] .page{grid-template-rows:96px auto}
 [data-nav-version="5"] .page>.site-header{min-height:96px}
 [data-nav-version="5"] .reading-body{grid-column:2;grid-row:2}
 [data-nav-version="5"] .world-illustration{grid-row:1 / 3}
}
@media(min-width:901px) and (max-height:800px){
 body[data-home-design="index"][data-nav-version="5"] .page{grid-template-rows:80px auto}
 [data-nav-version="5"] .page>.site-header{min-height:80px}
 body[data-home-design="index"][data-nav-version="5"] .reading-body>main{padding-top:8px}
 [data-nav-version="5"] .reading-body>.site-footer{padding-top:8px}
 body[data-home-design="index"][data-nav-version="5"] .intro{padding:24px 0 12px}
}
@media(max-width:900px){
 body[data-home-design="index"][data-nav-version="5"] .reading-body>main{padding-top:0}
}
@media(max-width:560px){
 [data-nav-version="5"] .profile-copy{padding:24px 0}
 [data-nav-version="5"] .profile-copy h2{font-size:24px}
 [data-nav-version="5"] .profile-copy p{font-size:14px}
 body[data-home-design="index"][data-nav-version="5"] .intro{padding:28px 0 14px}
 body[data-home-design="index"][data-nav-version="5"] .intro h1{font-size:21px}
}
@media print{
 [data-nav-version="5"] .work{display:block}
 [data-nav-version="5"] .project-panel[hidden]{visibility:visible}
 [data-nav-version="5"] .project-panel+.project-panel{margin-top:24px}
}