/* Case studies and portfolio proof — Blender's shared editorial system */
.portfolio-proof{background:#fff;padding:36px 0 42px;border-bottom:1px solid #e7e7e7}
.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr 1.15fr 1fr;gap:0}
.portfolio-stat{padding:8px 22px;border-left:1px solid #dedede;display:flex;flex-direction:column;justify-content:center}
.portfolio-stat:first-child{border-left:0;padding-left:0}.portfolio-stat:last-child{padding-right:0}
.portfolio-stat>strong{font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.045em;margin-bottom:10px}
.portfolio-stat p{font-size:.82rem;line-height:1.5;margin:0}.portfolio-stat small{display:block;font-size:.75rem;margin-top:3px;color:#60645b}
.portfolio-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:13px;max-width:240px}
.portfolio-pair strong{display:block;font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.045em}
.portfolio-pair span{display:block;font-size:.8rem;margin-top:8px}.portfolio-divider{font-size:2.6rem;line-height:1;font-weight:300;color:#858a7c}
.portfolio-stat .portfolio-label{margin-top:10px;font-weight:600;font-size:.76rem}
.featured-stories{background:var(--cream);padding:58px 0}.featured-stories h2{max-width:680px}
.story-intro{max-width:700px;margin:0 0 28px;color:#565b50}
.story-teasers{display:grid;grid-template-columns:1fr 1fr;gap:0}
.story-teaser{padding:24px 32px 8px 0}.story-teaser+ .story-teaser{padding-left:32px;padding-right:0;border-left:1px solid #d8d0af}
.story-logo{height:48px;width:auto;max-width:190px;object-fit:contain;object-position:left;display:block;margin-bottom:22px}
.story-teaser h3{font-size:1.3rem;line-height:1.3;max-width:390px}
.story-teaser p{font-size:.92rem;max-width:390px;margin:12px 0 18px}.teaser-result{display:block;font-size:3.4rem;line-height:1.1;font-weight:800;letter-spacing:-.05em;margin:14px 0 5px}
.story-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.story-link:hover{color:#467010}.story-link svg{width:18px;height:18px}
.story-page{background:#fff}.story-page main{background:#fff}.story-page h1{font-size:clamp(2.15rem,4.2vw,3.35rem);line-height:1.08;letter-spacing:-.045em}
.story-hero{padding:55px 0 45px}.story-back{display:inline-block;margin-bottom:30px;font-size:.82rem;text-decoration:underline;text-underline-offset:4px}
.story-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:44px}
.story-hero .story-logo{margin-bottom:25px}.story-deck{font-size:1.06rem;line-height:1.65;margin:20px 0 0}
.story-number-panel{background:var(--mint);padding:34px 28px;border-radius:14px}
.story-number-panel strong{display:block;font-size:clamp(2.7rem,4.4vw,4rem);line-height:1.05;letter-spacing:-.045em}
.story-number-panel p{font-size:.9rem;margin:16px 0 0}.story-number-panel .number-before{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:14px;color:#52634a}
.story-facts{display:flex;flex-wrap:wrap;gap:14px 30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:19px 0;margin-top:35px;font-size:.83rem}
.story-facts span{display:block}.story-facts strong{display:block;margin-bottom:3px}
.story-body{padding:18px 0 48px}.story-chapter{display:grid;grid-template-columns: .85fr 1.6fr;gap:48px;padding:34px 0;border-bottom:1px solid #e1e4dd}
.story-chapter:last-child{border-bottom:0}.story-chapter h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2}.chapter-stage{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#596452;margin:0 0 10px;font-weight:700}
.story-prose p{margin:0 0 16px;font-size:1rem;line-height:1.8}.story-prose p:last-child{margin-bottom:0}.story-prose h3{font-size:1.02rem;margin:24px 0 8px}.story-prose h3:first-child{margin-top:0}
.story-outcome{background:var(--cream);padding:44px 0}.story-outcome-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:center}
.story-outcome strong{display:block;font-size:clamp(2.6rem,4.5vw,4rem);letter-spacing:-.05em;line-height:1.1}
.story-outcome p{margin:12px 0 0;line-height:1.75}.story-note{font-size:.8rem;line-height:1.7;color:#666;padding-top:24px;max-width:850px}
.story-cta{padding:52px 0}.story-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.story-cta h2{margin:0 0 8px}.story-cta p{margin:0}.story-cta .btn{white-space:nowrap}
@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr 1fr;gap:24px 0}.portfolio-stat:nth-child(3){border-left:0;padding-left:0}.story-hero-grid{gap:26px}.story-chapter{gap:30px}}
@media(max-width:620px){.portfolio-proof{padding:28px 0}.portfolio-stat{padding:8px 14px}.portfolio-stat>strong,.portfolio-pair strong{font-size:1.85rem}.portfolio-pair{gap:8px}.portfolio-divider{font-size:1.8rem}.portfolio-stat p{font-size:.75rem}.portfolio-pair span{font-size:.72rem}.portfolio-label{max-width:150px}.story-teasers,.story-hero-grid,.story-chapter,.story-outcome-grid{grid-template-columns:1fr}.story-teaser{padding:18px 0 26px}.story-teaser+ .story-teaser{border-left:0;border-top:1px solid #d8d0af;padding:28px 0 0}.story-hero{padding:32px 0}.story-chapter{gap:12px;padding:28px 0}.story-number-panel{padding:28px}.story-cta-inner{align-items:flex-start;flex-direction:column}.story-cta .btn{white-space:normal}.story-facts{gap:16px 24px}.story-outcome-grid{gap:20px}}