/* Agency content lives in the same gallery: fine rules, open space, brand ink. */
:root .work .station-heading{margin-bottom:30px}
:root .work .station-aside{position:static;max-width:230px}
.project-filters{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:0 25px;padding:10px 0;border-block:1px solid var(--brand-rule);max-width:100%}
:root .project-filters button{display:flex;align-items:baseline;gap:9px;text-align:left;padding:13px 0;background:transparent;color:var(--brand-muted);font:12px/1.7 var(--exhibit-type);border:0;border-bottom:1px solid transparent;max-width:100%;overflow-wrap:anywhere;min-height:44px}
:root .project-filters button small{font-size:9px;opacity:.65;letter-spacing:0}
:root .project-filters button[aria-pressed=true]{color:var(--brand-accent);border-bottom-color:var(--brand-accent)}
:root .project-filters button:hover{color:var(--brand-copy)}
.archive-count{font:10px/1.6 var(--exhibit-type);color:var(--brand-muted);margin:15px 0 27px}
:root .work-layout{grid-template-columns:minmax(0,58%) minmax(0,28%);gap:10%;padding-top:0}
:root .work-caption{padding-top:0;min-width:0}
:root .work-index{max-height:420px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--brand-rule) transparent;padding-right:12px;pointer-events:auto}
:root .work-index button{letter-spacing:0;font-size:12px;min-height:50px;gap:14px;color:var(--brand-copy)}
:root .work-index button[aria-pressed=true]{color:var(--brand-accent)}
:root .work-index button strong{overflow-wrap:anywhere}
:root .project-grid{min-height:380px}
:root .project-grid .project-meta{align-items:flex-start}
:root .project-grid .project-meta h3{letter-spacing:.04em;font-size:22px}
:root .project-grid .project-meta>span{max-width:42%;font-size:11px;line-height:1.7}
:root .project-grid .project-open img{filter:saturate(.88);object-fit:cover}
.archive-placeholder,.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:320px;padding:30px;text-align:center;color:var(--brand-muted);background:linear-gradient(135deg,#3a2e3350,#bd159212);font:14px/1.8 var(--exhibit-type)}
.archive-placeholder{height:100%;width:100%}
:root .project-grid .archive-placeholder img{width:70px;height:70px;object-fit:contain;filter:none}
.archive-empty{border:1px solid var(--brand-rule)}
:root .service-body p{margin:0 0 18px;line-height:1.95}
:root .service-body p:last-child{margin-bottom:0}
:root .studio-copy #studio-body p{font:15px/2 var(--exhibit-type);margin:0 0 23px;color:var(--brand-copy)}
:root .studio-copy #studio-body .studio-quote{font-size:clamp(19px,1.6vw,25px);line-height:1.65;color:var(--brand-accent);padding:20px 0 20px 22px;border-left:1px solid var(--brand-accent);margin:28px 0}
:root .service-column,:root .studio-column{position:relative;z-index:2;padding:26px;background:linear-gradient(115deg,#181319eb,#1813199c);backdrop-filter:blur(8px);border-top:1px solid var(--brand-rule)}
:root[data-theme=day] .service-column,:root[data-theme=day] .studio-column{background:linear-gradient(115deg,#f5faffe8,#f5faff9c)}
:root .case-archive{height:auto;min-height:0;background:transparent;border-color:var(--brand-rule);filter:none}
:root .case-archive>img{width:100%;height:auto;max-height:68vh;object-fit:contain;display:block}
:root .case-archive .archive-placeholder{min-height:300px}
:root #story-dialog{width:min(900px,92vw);max-width:none;max-height:88dvh;margin:auto;padding:0;background:#19151bf5;border:1px solid var(--brand-rule);color:var(--brand-copy);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--brand-rule) transparent}
:root[data-theme=day] #story-dialog{background:#f5fafff5}
:root #story-dialog .case-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px 6%;background:#19151bf5;border-bottom:1px solid var(--brand-rule)}
:root[data-theme=day] #story-dialog .case-toolbar{background:#f5fafff5}
#story-dialog .exhibit-marker{margin:0}
#story-body{padding:40px 7% 50px;font:16px/1.9 var(--exhibit-type)}
#story-body .eyebrow{font:11px/1.6 var(--exhibit-type);color:var(--brand-muted);letter-spacing:.08em}
#story-body .story-mark{display:block;margin:28px 0}
:root #story-body h2{font:400 clamp(25px,3vw,40px)/1.5 var(--exhibit-type);letter-spacing:.015em;margin:22px 0;color:var(--brand-copy)}
:root #story-body .story-lede{color:var(--brand-accent);font-size:clamp(18px,1.9vw,24px);line-height:1.65;margin:20px 0 35px}
:root #story-body h3{font:400 20px/1.7 var(--exhibit-type);margin:36px 0 20px}
:root #story-body p{color:var(--brand-copy);margin:20px 0}
:root #story-body .story-love{color:var(--brand-accent);font-size:22px}
#story-body video{display:block;width:100%;max-height:60vh;aspect-ratio:16/9;background:#080709;object-fit:contain;margin:30px 0}
#story-body .story-contact{display:inline-block;margin-top:24px}
:root #story-dialog .story-close{min-height:44px;color:var(--brand-copy);background:transparent}
@media(max-width:1100px){:root .work .station-aside{display:none}:root .work-layout{grid-template-columns:minmax(0,60%) minmax(0,33%);gap:7%}:root .service-column,:root .studio-column{padding:22px}.project-filters{gap:0 19px}}
@media(max-width:700px){
 :root .project-filters{gap:0 17px;padding:5px 0}:root .project-filters button{font-size:11px;padding:11px 0;gap:7px}
 :root .work-layout{display:block}:root .work-display{width:100%}:root .work-caption{padding-top:28px}:root .work-index{display:block;max-height:265px;padding-right:8px}:root .work-index button{font-size:12px}
 :root .project-grid{min-height:0}:root .project-grid .project-meta h3{font-size:20px}:root .project-grid .project-meta>span{max-width:none}
 :root .work .station-heading{margin-bottom:25px}.archive-empty{min-height:260px;padding:25px}.archive-count{margin:12px 0 23px}
 :root .service-column,:root .studio-column{padding:22px 17px}
 :root .studio-copy #studio-body p{font-size:14px;line-height:1.95}:root .studio-copy #studio-body .studio-quote{font-size:21px;padding-left:16px}
 :root #story-dialog{width:94vw;max-height:91dvh}:root #story-dialog .case-toolbar{padding:12px 6%}#story-body{padding:25px 7% 36px;font-size:14px}:root #story-body h2{font-size:25px;line-height:1.6}:root #story-body h3{font-size:18px}#story-body video{margin:22px 0;aspect-ratio:16/9}
}

:root .archive-narrative{padding:28px 8% 15px;font:16px/2 var(--exhibit-type);color:var(--brand-copy)}
.archive-narrative p{margin:0 0 18px}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 6% 30px}
.case-gallery>img{display:block;width:100%;height:320px;object-fit:contain;background:#3a2e331a}
.case-videos{display:flex;flex-wrap:wrap;gap:20px;padding:15px 8%}
:root .case-videos a{color:var(--brand-accent);font:12px/1.8 var(--exhibit-type)}
.contact-phones{display:flex;flex-wrap:wrap;gap:8px 25px;font:13px/1.8 var(--exhibit-type);color:var(--brand-copy);margin-top:8px}
@media(max-width:700px){.case-gallery{grid-template-columns:1fr;gap:14px}.case-gallery>img{height:auto;max-height:65vh}:root .archive-narrative{font-size:14px}}

:root #story-body .story-mark{width:74px;height:74px;object-fit:contain}
:root .archive-empty>img{width:68px;height:68px;object-fit:contain}

:root .project-filters{background:#19151be8;padding-inline:18px;backdrop-filter:blur(8px)}
:root .work-caption{background:#19151be6;padding:22px;backdrop-filter:blur(8px);border-top:1px solid var(--brand-rule)}
:root[data-theme=day] .project-filters,:root[data-theme=day] .work-caption{background:#f5faffe8}
:root .project-grid .project .project-open{aspect-ratio:1.6;max-height:58vh}
@media(max-width:700px){:root .project-filters{padding-inline:12px}:root .work-caption{margin-top:28px;padding:18px}:root .project-grid .project .project-open{aspect-ratio:1.35;max-height:none}}