:root{--page-bg:#F1F8F4;--hdr-bg:var(--page-bg);--ink:#13201e;--muted:#5c6c68;--line:#d5dfdc;--teal:#1b7765;--paper:#f6f9f8;--font:var(--site-font)}
*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--ink);font:450 16px/1.65 var(--font);word-break:keep-all;overflow-wrap:anywhere}a{color:inherit}img,svg{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:absolute;top:-80px;left:16px;padding:12px 20px;background:var(--ink);color:#fff;z-index:100}.skip:focus{top:12px}
main{max-width:1344px;margin:auto;padding:calc(var(--hh) + 72px) 48px 100px}
html{scroll-padding-top:calc(var(--hh) + 24px)}
@media(max-width:1050px){main{padding:calc(var(--hh) + 48px) 32px 72px}}
@media(max-width:600px){main{padding:calc(var(--hh) + 38px) 20px 60px}}

/* Shared archive masthead for projects and brand stories. */
.listing-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px 48px;margin-bottom:32px}.listing-head .eyebrow{grid-column:1/-1;margin-bottom:0}.listing-head .page-title{font-size:clamp(32px,4vw,60px)}.listing-head .intro{margin:0;max-width:none;font-size:15px}
@media(max-width:767px){.listing-head{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:28px}.listing-head .page-title{font-size:clamp(28px,7vw,38px)}.listing-head .intro{font-size:14px}}
.listing-head .eyebrow{font-size:13px;letter-spacing:.1em;color:var(--muted)}.listing-head .page-title{font-weight:820}.listing-head .intro{color:var(--muted)}