.foundation header{padding-block:1.5rem;border-bottom:1px solid var(--line)}
.foundation header nav{margin-inline:auto}.foundation header a:not(.brand){display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.foundation [aria-current=page]{box-shadow:inset 0 -2px var(--ink)}.foundation .account-link{font-size:.9rem}
.foundation .intro{max-width:58rem;padding-block:4rem 3.5rem}.foundation .intro.compact{padding-block:3rem 1rem}
.foundation .intro h1{font-size:clamp(2.8rem,6.5vw,5.6rem);max-width:13ch}.foundation .intro .actions{align-items:center;margin-top:1.75rem}
.foundation .actions a{min-height:44px;display:inline-flex;align-items:center}.primary-link{padding:.65rem 1.2rem;background:var(--ink);color:var(--paper);border-radius:.5rem;text-decoration:none;font-weight:650}
.start-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;padding-block:2rem 3rem;border-block:1px solid var(--line)}
.start-paths h2{font-size:1.35rem;line-height:1.35}.start-paths p:last-child{color:var(--muted);margin-bottom:0}
.start-paths a{text-decoration:none}.overview-section{margin-top:4rem}.overview-section>.section-top{padding-bottom:1.5rem}
.project-list{margin:0}.project-list li{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-block:1.7rem;margin:0}
.project-list li>div{max-width:48rem;min-width:0}.project-list h2{font-size:1.25rem;margin:0 0 .5rem}.project-list h2 a{text-decoration:none}.project-list p{margin:0;color:var(--muted);overflow-wrap:anywhere}
.project-open{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;flex-shrink:0;font-size:.9rem}.project-search{max-width:44rem;margin-block:0 2rem}.project-search>div{display:flex;gap:.75rem}.project-search input{min-width:0}.project-search button{margin:0}
.foundation .work-list{display:grid;gap:0}.foundation .work-item{border-top:1px solid var(--line);padding-block:1.7rem}.foundation .work-item h2{font-size:1.25rem;margin-block:.5rem}.foundation .work-item p{max-width:65ch}.foundation .work-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.85rem}.foundation .work-item nav{align-items:baseline;gap:1rem}.foundation .work-item details{margin:0}.foundation .work-item details a{display:block}.foundation .work-item a{min-height:44px;display:inline-flex;align-items:center}.foundation .work-note{font-size:.85rem;color:var(--muted)}
.agent-note{border-block:1px solid var(--line);padding-block:2rem;margin-top:3rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}.agent-note>div{max-width:43rem}.agent-note h2{font-size:1.5rem}.agent-note>a{flex-shrink:0;max-width:16rem}.agent-note>a span{display:block}.notice{padding:1rem 1.25rem;border-inline-start:3px solid var(--orange);background:#f8dfb6}.directory-note{margin-top:3rem}
@media(max-width:48rem){.foundation header{flex-wrap:wrap;gap:.5rem 1rem}.foundation header nav{order:3;width:100%;margin:0}.foundation .account-link{margin-left:auto}.foundation .intro{padding-block:2.5rem}.start-paths{grid-template-columns:1fr;gap:1.5rem}.start-paths>div+div{border-top:1px solid var(--line);padding-top:1rem}.project-list li{align-items:flex-start;gap:1rem;flex-direction:column}.project-open{min-height:44px}.agent-note{align-items:flex-start;flex-direction:column;gap:1rem}.overview-section{margin-top:3rem}}
@media(prefers-reduced-motion:reduce){.foundation *{scroll-behavior:auto}}

.foundation .intro.compact h1{font-size:clamp(2.7rem,5vw,4rem);max-width:20ch}

/* The directory and account pages share the existing city identity. */
@font-face{font-family:Claus;src:url('/assets/bricolage-grotesque-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:ClausEditorial;src:url('/assets/newsreader-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
.foundation{font-family:Claus,system-ui,sans-serif;--ink:#14140f;--muted:#625f53;--line:#15150e24;--orange:#b63e19}
.foundation>header.site-header{width:100%;margin:0;display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:12px;min-height:64px;padding:10px max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));background:#080808;color:#eee9df;border:0;font:14px/1.2 Claus,system-ui,sans-serif}
.foundation .site-header a{color:inherit;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.foundation .site-header a:hover{color:#f46d3e}.foundation .site-header a:focus-visible{outline:2px solid #f4b179;outline-offset:2px}
.foundation .site-header .brand{justify-self:start;gap:8px;font-size:14px;font-weight:500;letter-spacing:0}
.foundation .site-brand svg{display:block;width:40px;height:40px}.foundation .site-brand span{font-size:13px}
.foundation .site-header .site-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,20px);margin:0;font-size:14px}
.foundation .site-navigation a{padding-inline:6px}.foundation .site-links{display:flex;justify-content:flex-end;gap:4px}.foundation .site-links a{min-width:40px}.foundation .site-links svg{display:block;fill:currentColor}
.foundation .intro h1{font-family:ClausEditorial,Georgia,serif;font-weight:500;letter-spacing:-.025em;font-size:clamp(2.5rem,5vw,4rem);max-width:20ch}
.foundation .intro.compact{padding-block:3rem 1.5rem}.foundation .intro.compact h1{font-size:clamp(2.5rem,5vw,4rem)}
.foundation .project-list h2,.foundation .work-item h2{font-family:ClausEditorial,Georgia,serif;font-size:1.6rem;font-weight:500;letter-spacing:-.01em}
.foundation input,.foundation select,.foundation button,.foundation .primary-link{border-radius:3px}.foundation .primary-link{font-weight:500}
@media(max-width:660px){.foundation>header.site-header{grid-template-columns:1fr 1fr;gap:0;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}.foundation .site-header .site-navigation{grid-column:1/-1;grid-row:2;order:initial;width:100%;gap:clamp(0px,1.2vw,8px);font-size:13px}.foundation .site-navigation a{padding-inline:5px}.foundation .site-links{grid-column:2;grid-row:1}.foundation .site-brand{grid-column:1;grid-row:1}.foundation .intro.compact{padding-block:2rem 1rem}}