@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400&display=swap');
/* The header follows the Home viewport, independently of each page's content. */
:root{--playful-ink:#bdbdbd;--identity-accent:#bd3d29}
.playful-aside{color:var(--playful-ink);font:inherit;letter-spacing:inherit;white-space:nowrap}
.site-header{--header-inset:4vw;--header-type-size:22px;box-sizing:border-box;position:relative;z-index:20;display:grid;grid-template-columns:minmax(170px,1fr) auto;align-items:center;gap:28px;width:auto;max-width:none;height:auto;min-height:88px;padding:20px 0;margin:0 var(--header-inset);border-bottom:0;flex-shrink:0;font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#242424}
.site-header a{color:inherit;text-decoration:none}
.site-header .site-identity,.site-header nav{font-family:'DM Sans',Arial,sans-serif;font-size:var(--header-type-size);font-weight:500;letter-spacing:-.6px;line-height:1.1}
.site-header .site-identity{display:inline-flex;align-items:baseline;width:max-content;font-size:calc(var(--header-type-size) + 3px);color:#242424;text-decoration:none;white-space:nowrap}
/* Orbit's native wordmark uses RGB(189, 61, 41) for its period. */
.site-header .site-dot{color:var(--identity-accent)}
.site-header nav{display:flex;width:auto;gap:clamp(28px,3.2vw,56px);align-items:center;justify-self:end}
.site-header nav>a:hover,.site-header nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.post-language{font:11px 'IBM Plex Mono',monospace;color:#777}
/* Index footers follow the Archives card area. Article footers retain their
   manuscript width; Gallery gets the same outer container as Archives. */
.index-footer-wrap{display:flow-root;width:100%;max-width:1800px;margin-inline:auto}
footer.index-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:1600px;margin-inline:auto;padding-inline:4%;padding-top:clamp(56px,7vw,88px);font-size:clamp(12px,3.4vw,15px)}
footer.index-footer>:first-child{justify-self:start}
footer.index-footer>:nth-child(2){justify-self:center}
footer.index-footer>:last-child{justify-self:end}
@media(max-width:700px){footer.index-footer{padding-inline:6%}}
@media(max-width:480px){footer.index-footer{display:flex;justify-content:space-between}}
@media(max-width:1050px){.site-header{--header-type-size:21px}}
@media(max-width:600px){.site-header{grid-template-columns:1fr;gap:28px;min-height:132px;padding:18px 0}.site-header nav{grid-column:1;grid-row:2;justify-content:flex-end;gap:32px}}
@media(max-width:420px){.site-header{--header-inset:6vw}.site-header nav{gap:28px}}