.xhc-all-link{margin:42px 0 0}
.xhc-archive h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:16px 0}
.xhc-pagination{margin-top:48px}
.xhc-pagination .nav-links{display:flex;flex-wrap:wrap;gap:12px}
.xhc-pagination .page-numbers{padding:10px 14px;border:1px solid currentColor}
.xhc-pagination .current{font-weight:700}
.home .work .project-image,.xhc-archive .project-image{position:relative;aspect-ratio:3/2;overflow:hidden}
.home .work .project-image img,.xhc-archive .project-image img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;aspect-ratio:auto;max-height:none}
.xhc-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
.xhc-filters a{display:inline-block;padding:10px 22px;border:1px solid var(--line,#d7d9cf);border-radius:2px;font-size:12px;line-height:1.5}
.xhc-filters a:hover{border-color:var(--ink,#30362f)}
.xhc-filters a.is-active{background:var(--ink,#30362f);border-color:var(--ink,#30362f);color:var(--paper,#f4f2ec)}
.header nav .xhc-portfolio-link[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:600px){
.header nav>a.xhc-portfolio-link{display:inline-block}
.header nav>a.xhc-studio-link{display:none}
.header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}
.header nav{flex-wrap:wrap;gap:16px}
.xhc-filters{gap:8px;margin-bottom:28px}
.xhc-filters a{padding:9px 15px}
}

/* Centre the existing text wordmark independently of the logo and navigation. */
.header{position:relative}
.header .custom-logo-link{position:static;display:block}
.header .custom-logo-link::before,.header .custom-logo-link::after{
 position:absolute;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
 text-align:center;white-space:nowrap;margin:0;pointer-events:none;
}
.header .custom-logo-link::before{
 content:"XUAN";top:calc(50% - 8px);font-family:Baskerville,"Palatino Linotype","Book Antiqua",Palatino,serif;
 font-size:34px;font-weight:400;line-height:1;letter-spacing:5px;color:var(--ink);
}
.header .custom-logo-link::after{
 content:"DESIGN ATELIER";top:calc(50% + 20px);font-family:Arial,Helvetica,sans-serif;
 font-size:9px;font-weight:400;line-height:1.5;letter-spacing:3px;color:var(--ink);
}
@media(max-width:1100px){
 .header{height:auto;min-height:154px!important;padding-top:16px;padding-bottom:82px!important;gap:16px;flex-wrap:wrap}
 .header .custom-logo-link::before{top:calc(100% - 49px);font-size:29px}
 .header .custom-logo-link::after{top:calc(100% - 24px);font-size:8px}
}