/* One route-independent archive header. No page padding or inherited type can
   alter its geometry. Home's approved desktop placement is the reference. */
.archive-header{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:63px 0 0}
.archive-header .system-ribbon{--instrument-line:#e5cd714d;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:49px;margin:0;padding:10px 0;gap:14px;border-top:1px solid var(--yellow);border-bottom:1px solid var(--instrument-line);color:#b6a96f;font:400 18px/27px 'VT323',Mono,monospace;letter-spacing:0}
.archive-header .system-ribbon>span{min-width:0;white-space:nowrap;font:inherit;letter-spacing:inherit}
.archive-header .system-ribbon>span:first-child{color:var(--yellow)}
.archive-header .system-ribbon>span:last-child{justify-self:end}
.archive-header .system-ribbon i{display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--yellow)}
.archive-header .system-ribbon b{margin-left:16px;font-size:15px}
/* Page-content spacing is separate from the shared header itself. */
.portfolio #main>.home-page{padding-top:64px}
.portfolio #main>.home-page .home-profile{margin-top:0}
.portfolio #main>.category-page,.portfolio #main>.case-page,.portfolio #main>.rentals-case,.portfolio #main>.work-page{padding-top:24px}
.portfolio #main>.about-page{padding-top:40px}
@media(max-width:900px){
 .archive-header .system-ribbon{grid-template-columns:1fr auto}
 .archive-header .system-ribbon>span:last-child{display:none}
}
@media(max-width:700px){
 .archive-header{padding-top:28px}
 .portfolio #main>.home-page{padding-top:44px}
 .portfolio #main>.category-page,.portfolio #main>.case-page,.portfolio #main>.rentals-case,.portfolio #main>.work-page{padding-top:24px}
 .portfolio #main>.about-page{padding-top:32px}
}
@media(max-width:480px){
 .archive-header .system-ribbon{height:76px;grid-template-columns:1fr;grid-template-rows:27px 27px;gap:0}
 .archive-header .archive-route{justify-self:start}
}