/* Portfolio additions reuse the site's existing type, colour and spacing tokens. */
.portfolio-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;align-items:start;margin-bottom:48px}
.portfolio-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:7px}
.portfolio-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;border-radius:11px;font-size:16px;line-height:1.4;background:var(--soft)}
.portfolio-nav a:hover{background:#e8e3d7}.portfolio-nav a[aria-current=page]{background:var(--ink);color:#fff}
.category-count{font-variant-numeric:tabular-nums;min-width:27px;text-align:right;opacity:.75}
.portfolio-content{min-width:0}.portfolio-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:30px}
.portfolio-summary h2{font-size:27px;margin:0}.portfolio-summary p{margin:0;text-align:right;font-size:16px;color:var(--muted)}.portfolio-summary strong{color:var(--ink);font-size:27px;font-weight:600}
.portfolio-group{margin-bottom:50px;scroll-margin-top:120px}.portfolio-group>.section-head h2{font-size:29px}.portfolio-content .projects{gap:30px 22px}.portfolio-content .project h3{font-size:23px}
.portfolio-empty{padding:28px;background:var(--soft);border-radius:18px}.portfolio-empty h3{font-size:26px;line-height:1.3;margin-bottom:14px}.portfolio-empty p{max-width:660px;color:var(--muted);margin-bottom:23px}
.project-seo .project-image img{aspect-ratio:16/10;object-fit:contain;background:#fff}.project-brandbook .project-image img{aspect-ratio:16/10;object-fit:contain}
.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 0}.card-metrics div{display:flex;flex-direction:column-reverse;gap:2px}.card-metrics dt{font-size:14px;color:var(--muted);line-height:1.4}.card-metrics dd{margin:0;font-size:25px;font-weight:600;line-height:1.4;letter-spacing:-.035em}
#seo-cases .projects,#brandbook-cases .projects,.related-projects{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 30px}.seo-metrics div{display:flex;flex-direction:column-reverse;background:var(--soft);border-radius:14px;padding:24px;gap:5px}.seo-metrics dt{font-size:16px;color:var(--muted)}.seo-metrics dd{font-size:35px;line-height:1.25;font-weight:600;margin:0;letter-spacing:-.035em}
.evidence-image{margin:0}.evidence-image img{border-radius:16px;width:100%;height:auto;border:1px solid var(--line)}figcaption{font-size:15px;color:var(--muted);margin-top:12px;line-height:1.6}
.case-offer{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:45px;padding:36px;background:var(--soft);border-radius:18px;align-items:center}.case-offer h2{font-size:33px;margin-bottom:17px}.case-offer p{font-size:18px;color:var(--muted);max-width:740px;margin:0}.case-offer-actions{display:flex;flex-direction:column;gap:12px}.case-aside .btn+.btn{margin-top:12px}
.brand-gallery{padding:15px 0 35px}.brand-gallery>p{color:var(--muted);margin-bottom:28px}.brand-gallery figure{margin:0 0 34px}.brand-gallery img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}.brand-gallery+h2{margin-top:30px}.related-mobile{margin:28px 0 0;color:var(--muted);font-size:17px}
.case-cover{aspect-ratio:auto;object-fit:contain;max-height:none}.project-meta>div{min-width:0}.project h3{overflow-wrap:anywhere}
@media(max-width:1100px){.portfolio-layout{grid-template-columns:220px minmax(0,1fr);gap:26px}.portfolio-nav a{font-size:15px;padding:14px}.portfolio-summary{align-items:start}.portfolio-summary h2{font-size:25px}.seo-metrics dd{font-size:30px}.case-offer{grid-template-columns:minmax(0,1fr) 260px;gap:25px}}
@media(max-width:900px){.portfolio-layout{grid-template-columns:1fr;gap:26px}.portfolio-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portfolio-nav a{font-size:16px}.seo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#seo-cases .projects,#brandbook-cases .projects,.related-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.case-offer{grid-template-columns:1fr}.case-offer-actions{flex-direction:row;flex-wrap:wrap}.case-offer h2{font-size:31px}}
@media(max-width:600px){.portfolio-nav{grid-template-columns:1fr}.portfolio-nav a{padding:13px 16px}.portfolio-summary{gap:16px}.portfolio-summary h2{font-size:25px}.portfolio-summary p{font-size:14px;max-width:120px}.portfolio-summary strong{display:block;line-height:1.25}.portfolio-group>.section-head{align-items:start;flex-direction:column}.portfolio-group>.section-head h2{font-size:29px}.portfolio-content .projects,#seo-cases .projects,#brandbook-cases .projects,.related-projects{grid-template-columns:1fr}.portfolio-content .project h3{font-size:25px}.portfolio-empty{padding:24px}.portfolio-empty .btn{font-size:15px;padding:13px 17px}.seo-metrics{gap:10px}.seo-metrics div{padding:18px 14px}.seo-metrics dd{font-size:29px}.seo-metrics dt{font-size:14px}.case-offer{padding:25px}.case-offer h2{font-size:29px}.case-offer-actions .btn{width:100%;font-size:15px}.brand-gallery figure{margin-bottom:25px}}