/* Hero refinement: keep the image and project information in distinct, aligned columns. */
.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:7vw}
.hero-copy{margin-left:0;min-width:0;align-self:center;display:block}
.hero h1 span{font:inherit;letter-spacing:inherit}
.hero .meta{flex-wrap:wrap;margin-top:28px;margin-bottom:0}
.hero + .intro{padding-top:82px}
.hero h1,.lead,.statement-text,.dek,.section-body p,.panel-note p,.caption,.image-caption{ text-wrap:pretty; hyphens:none; }
.statement-text{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.07em}
.section-body p:not(.lead):not(.statement-text){font-size:17px}
.context-note{border-left:2px solid var(--lime);padding-left:18px;margin-top:30px;font-size:15px!important;max-width:520px!important}
.experience-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;margin-top:58px}.experience-list>div{border-top:1px solid var(--line);padding-top:13px}.experience-list span,.role-note span{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.experience-list p{margin-top:18px;font-size:16px!important;line-height:1.35}.role-note{border-top:1px solid var(--line);padding-top:18px;margin-top:44px}.role-note span{display:block;margin-bottom:10px}.identity-closeup{margin-top:0}
.booklet-stack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2vw;min-height:auto;padding:3vw 5vw 12vw;align-items:start}
.gallery-card{position:relative;width:auto!important;inset:auto!important;transform:none!important;border:0;box-shadow:0 18px 40px rgba(29,37,27,.14);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.gallery-card:hover{transform:translateY(-14px)!important;box-shadow:0 28px 55px rgba(29,37,27,.2)}
.card-a{grid-column:1 / span 7;grid-row:1;margin-top:0}
.card-b{grid-column:8 / span 5;grid-row:1;margin-top:12vw}
.card-c{grid-column:3 / span 7;grid-row:2;margin-top:-6vw;z-index:2}
.signage-feature{margin-top:0}
@media(max-width:760px){.hero{display:flex;flex-direction:column;gap:28px}.hero-copy{margin:0;display:block}.hero-image{order:2}.hero-copy{order:1}.hero .meta{margin-top:30px}}
@media(max-width:760px){.hero + .intro{padding-top:60px}.booklet-stack{display:flex;flex-direction:column;gap:24px;padding:0 24px 100px}.gallery-card{width:82%!important}.card-a{align-self:flex-start;margin-top:0}.card-b{align-self:flex-end}.card-c{align-self:center;margin-top:0}}
@media(max-width:760px){.experience-list{grid-template-columns:1fr;gap:28px;margin-top:40px}}
.hero h1,.hero h1 em{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:500}