.case-page{--case-line:rgba(251,244,235,.22);--case-muted:#d2d6d5;--case-accent:#d2a66a;color:#fbf4eb}
.case-page .container{max-width:1280px}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:26px;font-size:14px;color:var(--case-muted)}
.case-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.case-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center;padding:20px 0 42px}
.case-kicker{display:block;margin:0 0 16px;font-size:13px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--case-accent)}
.case-hero h1{font-size:clamp(34px,4.05vw,57px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance;max-width:17ch}
.case-identity{display:grid;gap:5px;margin-bottom:30px;font-size:17px;color:var(--case-muted)}
.case-identity strong{color:#fff;font-size:19px;font-weight:500}
.case-start{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid var(--case-line);padding:8px 0;font-size:15px}
.case-start span{color:var(--case-accent);font-size:24px}
.case-hero-photo{margin:0;position:relative;border:1px solid var(--case-line);border-radius:5px;overflow:hidden;align-self:stretch;min-height:370px;background:#172226}
.case-hero-photo img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;position:absolute;inset:0;object-position:center}
.case-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 20px 18px;background:linear-gradient(transparent,rgba(13,24,27,.94));font-size:13px;line-height:1.5;color:white}
.case-outcome{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:32px 0;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}
.case-outcome .case-kicker{margin-bottom:4px}.case-outcome p{margin:0}.case-outcome-value{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:-.03em;color:#fff}.case-outcome-value+p{margin-top:8px;font-size:16px;color:var(--case-muted)}
.case-draft{font-size:13px;line-height:1.65;max-width:260px;color:var(--case-muted);border-left:2px solid var(--case-accent);padding-left:18px}
.case-context{font-size:15px;line-height:1.65;padding:20px 0;margin:0;border-bottom:1px solid var(--case-line);color:var(--case-muted);max-width:85ch}
.case-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0 48px}.case-summary>div+div{border-left:1px solid var(--case-line);padding-left:30px}.case-summary p{font-size:17px;line-height:1.65;margin:0}.case-summary .case-kicker{font-size:12px;margin-bottom:12px}
.case-reading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:70px;border-top:1px solid var(--case-line);padding-top:54px;scroll-margin-top:95px}
.case-chapter{display:grid;grid-template-columns:36px minmax(0,1fr);gap:22px;padding-bottom:42px;scroll-margin-top:100px}.case-chapter-number{color:var(--case-accent);font-size:24px;line-height:1.4}.case-chapter h2{font-size:clamp(24px,2.2vw,30px);line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:0 0 24px;text-wrap:balance}.case-chapter p{font-size:17px;line-height:1.85;color:#dce0df;margin:0 0 18px;max-width:62ch}.case-chapter p:last-child{margin-bottom:0}
.case-sidebar{align-self:start;position:sticky;top:105px}.case-visual{margin:0;padding:28px;border:1px solid var(--case-line);border-radius:5px;background:rgba(9,21,24,.25)}.case-visual figcaption{font-size:20px;line-height:1.4;margin-bottom:32px;color:#fff}
.case-bar-row{margin-bottom:28px}.case-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;color:var(--case-muted);margin-bottom:10px}.case-bar-row strong{font-size:28px;color:#fff;font-weight:400}.case-bar-track{height:18px;background:rgba(251,244,235,.07);border-left:1px solid var(--case-line)}.case-bar-track>span{display:block;height:100%;background:var(--case-accent)}.case-bar-row:nth-of-type(1) .case-bar-track>span{background:#798b91}
.case-chart-note{font-size:12px;line-height:1.6;margin:24px 0 0;color:var(--case-muted)}.case-secondary{display:flex;gap:18px;align-items:center;border-top:1px solid var(--case-line);padding-top:24px}.case-secondary strong{font-size:38px;font-weight:400;color:var(--case-accent)}.case-secondary span{font-size:14px;line-height:1.65}
.case-focus{padding:28px 0}.case-focus ul{list-style:none;padding:0;margin:0}.case-focus li{border-bottom:1px solid var(--case-line);padding:12px 0;font-size:16px}.case-focus li:before{content:'+';color:var(--case-accent);margin-right:12px}
.case-time-number{font-size:clamp(34px,3vw,46px);line-height:1.2;font-weight:400;color:var(--case-accent)}.case-time>p:not(.case-chart-note){font-size:16px;line-height:1.65;margin:16px 0 24px}.case-time-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.case-time-grid span{aspect-ratio:1;background:rgba(210,166,106,.25);border:1px solid #d2a66a}.case-milestones{padding:0;list-style:none;margin:0}.case-milestones li{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--case-line)}.case-milestones span{color:var(--case-accent);font-size:24px}.case-milestones strong{font-size:17px;font-weight:400}
.case-takeaway{text-align:center;border-block:1px solid var(--case-line);padding:54px 20px;margin-top:10px}.case-takeaway h2{font-size:clamp(29px,3.4vw,43px);font-weight:400;line-height:1.2;max-width:27ch;text-wrap:balance;margin:0 auto 24px}.case-takeaway>p:not(.case-kicker){font-size:18px;margin-bottom:24px}.case-takeaway .button{margin-inline:auto}.case-takeaway small{display:block;margin-top:12px;font-size:13px;font-style:italic}
.case-next{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center;padding:40px 0 50px}.case-next>a{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding-left:30px;border-left:1px solid var(--case-line)}.case-next .case-kicker{grid-column:1/-1;margin:0}.case-next strong{font-size:21px;line-height:1.45;font-weight:400}.case-next>a>span:last-child{font-size:28px;color:var(--case-accent);align-self:center}
.case-page a:hover:not(.button){color:#e1b981}.case-page a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(min-width:1500px){.case-hero{gap:65px}.case-hero-photo{min-height:430px}}
@media(max-width:1000px){.case-hero{gap:28px;grid-template-columns:1fr 1fr}.case-reading{gap:32px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.case-visual{padding:20px}.case-chapter{gap:14px;grid-template-columns:30px minmax(0,1fr)}.case-summary{gap:20px}.case-summary>div+div{padding-left:20px}}
@media(max-width:760px){.case-hero{grid-template-columns:1fr;padding-top:4px;gap:28px}.case-hero h1{font-size:clamp(34px,6.7vw,48px);max-width:23ch;margin-bottom:24px}.case-identity{margin-bottom:16px}.case-hero-photo{min-height:0;height:clamp(250px,65vw,420px)}.case-hero-photo img{min-height:0}.case-reading{grid-template-columns:1fr;gap:0;padding-top:36px}.case-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}.case-focus{padding:8px 0}.case-outcome{gap:24px}.case-draft{max-width:200px}.case-summary{padding:30px 0;gap:16px}.case-summary p{font-size:16px}.case-summary>div+div{padding-left:16px}.case-summary .case-kicker{letter-spacing:.04em}.case-chapter p{max-width:none}.case-next{grid-template-columns:1fr 1.8fr;gap:18px}.case-next>a{padding-left:20px}.case-next strong{font-size:18px}}
@media(max-width:520px){.case-breadcrumb{padding-block:20px}.case-outcome{display:block;padding-block:26px}.case-draft{max-width:none;margin-top:24px!important;padding-left:12px}.case-summary{grid-template-columns:1fr;gap:20px}.case-summary>div+div{border-left:0;border-top:1px solid var(--case-line);padding:20px 0 0}.case-summary .case-kicker{margin-bottom:8px}.case-reading{padding-top:30px}.case-chapter{grid-template-columns:26px minmax(0,1fr);gap:12px}.case-chapter-number{font-size:20px}.case-chapter p{font-size:16px;line-height:1.8}.case-sidebar{grid-template-columns:1fr;gap:16px}.case-visual{padding:24px}.case-time-grid{max-width:280px}.case-takeaway{padding:38px 0}.case-takeaway>p:not(.case-kicker){font-size:16px}.case-next{grid-template-columns:1fr;gap:28px}.case-next>a{border-left:0;border-top:1px solid var(--case-line);padding:24px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.case-takeaway>p{margin-inline:auto}
.case-hero-photo{align-self:center;aspect-ratio:3/2;min-height:0;height:auto;width:100%}
.case-hero-photo img{min-height:0}
.case-secondary strong{white-space:nowrap;flex-shrink:0}
@media(min-width:761px) and (max-width:1000px){.case-secondary{display:block}.case-secondary span{display:block;margin-top:10px}}
@media(max-width:760px){.case-reading>div{order:2}.case-sidebar{order:1}}
@media(max-width:380px){
.case-hero-photo{aspect-ratio:auto}
.case-hero-photo img{position:static;height:auto;aspect-ratio:3/2}
.case-hero-photo figcaption{position:static;padding:12px 14px;background:#172226}
}
@media(max-width:380px){.case-hero-photo>.photo-frame{position:relative;inset:auto;aspect-ratio:3/2}}
.experience-page .case-hero h1{max-width:19ch}
.experience-intro{font-size:19px;line-height:1.55;color:var(--case-muted);max-width:40ch;margin:0 0 24px}
.experience-reading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:70px;padding:44px 0 30px;border-top:1px solid var(--case-line);scroll-margin-top:100px;align-items:start}
.experience-account h2{font-size:30px;line-height:1.25;font-weight:400;margin:0 0 24px}
.experience-account>p:not(.case-kicker){font-size:18px;line-height:1.8;color:#dce0df;max-width:60ch;margin:0 0 20px}
.experience-account>p:last-child{margin-bottom:0}
.experience-focus{border:1px solid var(--case-line);border-radius:5px;padding:28px;background:#172226}
.experience-focus h2{font-size:23px;line-height:1.3;font-weight:400;margin:0 0 16px}
.experience-focus ol{list-style:none;margin:0;padding:0}
.experience-focus li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--case-line)}
.experience-focus li span{font-size:26px;color:var(--case-accent);line-height:1;white-space:nowrap}
.experience-focus li strong{font-weight:400;font-size:18px;line-height:1.4}
.experience-focus>p{font-size:12px;line-height:1.55;color:var(--case-muted);margin:20px 0 0}
.experience-source-note{max-width:none;font-size:12px;line-height:1.6;color:var(--case-muted);margin:0 0 32px;border-left:2px solid var(--case-accent);padding-left:14px}
@media(max-width:1000px){.experience-reading{gap:32px}.experience-focus{padding:22px}.experience-focus li{gap:10px}}
@media(max-width:760px){.experience-reading{grid-template-columns:1fr;gap:28px;padding-top:30px}.experience-intro{font-size:18px}.experience-account>p:not(.case-kicker){font-size:17px}.experience-focus{padding:24px}.experience-focus li{padding-block:18px}.experience-account h2{font-size:28px}}
@media(max-width:380px){.experience-account>p:not(.case-kicker){font-size:16px}.experience-focus{padding:20px}.experience-page .case-hero h1{font-size:34px}}
.story-review{border-top:1px solid var(--case-line);padding:44px 0 34px;text-align:center}
.story-review .review-slide{max-width:820px;margin:0 auto;padding:0 24px}