/* Portfolio case studies: existing brand colors, fonts and buttons */
.portfolio-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:45px;scroll-margin-top:110px}
.portfolio-jump{display:flex;align-items:flex-start;gap:12px;text-decoration:none;border:1px solid #C9D6CA;padding:22px;font-size:15px;line-height:1.5;color:var(--evergreen);font-weight:700;background:var(--paper)}
.portfolio-jump:hover{background:var(--sage)}
.portfolio-jump span:first-child{color:var(--slate);font-size:12px}
.portfolio-case{padding:85px 0;scroll-margin-top:95px;background:var(--paper)}
.portfolio-case:nth-of-type(even){background:var(--cream)}
.portfolio-case h2{font-size:clamp(34px,4.5vw,60px);max-width:1000px;margin-bottom:35px}
.portfolio-case h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;margin-bottom:18px}
.portfolio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 42px}
.portfolio-metric{padding:24px;background:var(--sage);border-top:3px solid var(--evergreen);min-width:0}
.portfolio-metric strong{display:block;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.25;color:var(--evergreen);overflow-wrap:anywhere;margin-bottom:10px}
.portfolio-metric span{font-size:14px;color:var(--slate);line-height:1.5;display:block}
.portfolio-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.portfolio-strategy{max-width:900px;margin:18px 0 35px}
.portfolio-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:start}
.portfolio-built,.portfolio-results{padding:30px;border:1px solid #C9D6CA}
.portfolio-results{background:var(--navy);color:var(--ivory);border:0}
.portfolio-results h3{color:var(--gold)}
.portfolio-case ul{padding-left:22px;margin:0;line-height:1.7}
.portfolio-case li{margin-bottom:12px;padding-left:3px}
.portfolio-case li:last-child{margin-bottom:0}
.portfolio-top{display:inline-block;color:var(--evergreen);margin-top:28px}
@media(max-width:850px){.portfolio-jumps{grid-template-columns:1fr}.portfolio-detail-grid{grid-template-columns:1fr}.portfolio-case{padding:60px 0}}
@media(max-width:600px){.portfolio-metrics,.portfolio-context{grid-template-columns:1fr}.portfolio-context{gap:16px}.portfolio-built,.portfolio-results{padding:24px}.portfolio-metric strong{font-size:34px}}