.case-hero{padding:78px 0 70px;background:radial-gradient(circle at 85% 15%,rgba(110,92,255,.18),transparent 34%),linear-gradient(180deg,#fbfcff,#f4f7ff)}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:54px;align-items:center}.case-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.case-hero h1{font:800 clamp(46px,6vw,76px)/1.02 Manrope,sans-serif;letter-spacing:-.05em;color:var(--ink);margin:16px 0 22px}.case-hero p{font-size:20px;max-width:760px;margin:0}.case-summary{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);padding:26px}.case-summary dl{margin:0;display:grid;gap:0}.case-summary div{padding:15px 0;border-bottom:1px solid var(--line)}.case-summary div:last-child{border:0}.case-summary dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted)}.case-summary dd{margin:3px 0 0;font-weight:800;color:var(--ink)}
.case-nav{position:sticky;top:76px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.case-nav .container{display:flex;gap:22px;overflow:auto;padding-block:13px}.case-nav a{white-space:nowrap;font-size:14px;font-weight:800;color:var(--muted)}.case-nav a:hover{color:var(--blue)}
.case-section{padding:88px 0}.case-section.soft{background:var(--surface)}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:56px;align-items:start}.case-copy h2{font:800 clamp(34px,4.4vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:var(--ink);margin:0 0 22px}.case-copy h3{font:800 25px/1.2 Manrope,sans-serif;color:var(--ink);margin:36px 0 10px}.case-copy p,.case-copy li{font-size:18px}.case-copy ul{padding-left:22px}.case-visual{position:sticky;top:145px;border:1px solid var(--line);border-radius:26px;background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.case-visual img{width:100%;border-radius:18px}.case-insight{margin:28px 0;padding:23px 25px;border-left:4px solid var(--blue);border-radius:0 18px 18px 0;background:#eef2ff}.case-insight strong{display:block;color:var(--ink);margin-bottom:5px}.decision-grid,.result-grid,.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.decision-card,.result-card,.study-card{border:1px solid var(--line);border-radius:20px;padding:25px;background:#fff}.decision-card b,.result-card b{display:block;font:800 20px Manrope,sans-serif;color:var(--ink);margin-bottom:8px}.number{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#edf1ff;color:var(--blue);font-weight:900;margin-bottom:18px}.result-card{background:#0d1730;border-color:#25304a;color:#c8d2e7}.result-card b{color:#fff}.case-note{font-size:14px;color:var(--muted);margin-top:20px}.case-quote{padding:34px;border-radius:24px;background:#0a1020;color:#fff;font:700 clamp(23px,3vw,34px)/1.35 Manrope,sans-serif}.case-quote small{display:block;margin-top:16px;font:500 14px DM Sans,sans-serif;color:#aab7d2}.case-cta{padding:55px;border-radius:30px;background:linear-gradient(135deg,#101a34,#1d2f62);color:#cad5ec}.case-cta h2{color:#fff;margin-top:0}.study-card{display:flex;flex-direction:column}.study-card img{border-radius:15px;margin-bottom:20px}.study-card h2,.study-card h3{font:800 24px/1.2 Manrope,sans-serif;color:var(--ink);margin:0 0 10px}.study-card p{flex:1}.study-card a{color:var(--blue);font-weight:800}.case-index-intro{max-width:820px}.case-index-intro h2{font:800 clamp(36px,4.5vw,54px)/1.08 Manrope,sans-serif;color:var(--ink);letter-spacing:-.04em}
@media(max-width:980px){.case-hero-grid,.case-layout{grid-template-columns:1fr}.case-visual{position:static}.decision-grid,.result-grid,.study-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.case-hero{padding:54px 0}.case-hero h1{font-size:43px}.case-summary{padding:18px}.case-section{padding:68px 0}.decision-grid,.result-grid,.study-grid{grid-template-columns:1fr}.case-cta{padding:30px}.case-nav{top:70px}}

/* v3.4.0 live-project links */
.live-project-strip{padding:0 0 2.25rem}.live-project-panel,.live-example-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem 1.6rem;border:1px solid var(--line,#dfe5ea);border-radius:1rem;background:#fff;box-shadow:0 12px 32px rgba(16,32,48,.06)}.live-project-panel h2,.live-example-panel h2{margin:.2rem 0 .45rem;font-size:clamp(1.25rem,2vw,1.65rem)}.live-project-panel p,.live-example-panel p{margin:0;max-width:760px}.live-project-actions{flex:0 0 auto}.study-card-links{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:auto}.study-card-links>a{display:inline-flex}.project-live-link{font-weight:750}.portfolio-link-note{margin-top:1rem;padding:.9rem 1rem;border-left:4px solid var(--accent,#3367d6);background:rgba(51,103,214,.06)}@media(max-width:760px){.live-project-panel,.live-example-panel{align-items:flex-start;flex-direction:column}.live-project-actions{width:100%}.live-project-actions .btn,.live-example-panel .btn{width:100%;justify-content:center}}

/* v4.0.1 portfolio and case-study refinement */
.portfolio-hero .hero-panel{align-self:stretch}.portfolio-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.portfolio-principles article{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.portfolio-principles b{font:800 18px Manrope,sans-serif;color:var(--ink)}.portfolio-principles span{font-size:14px;color:var(--muted)}.portfolio-grid .study-card{position:relative;overflow:hidden}.portfolio-grid .study-card h3{font-size:27px}.project-facts{margin:0 0 22px;padding-left:19px;color:var(--muted)}.project-facts li{margin:6px 0}.featured-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:30px;align-items:center}.featured-wide img{margin:0}.case-summary dd{line-height:1.45}.case-pathways .section-head{max-width:820px}.pathway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.pathway-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.pathway-card h3{margin:0 0 15px;font:800 23px Manrope,sans-serif;color:var(--ink)}.pathway-card ul{list-style:none;margin:0;padding:0}.pathway-card li+li{border-top:1px solid var(--line)}.pathway-card a{display:block;padding:12px 0;font-weight:800;color:var(--blue)}
@media(max-width:900px){.portfolio-principles{grid-template-columns:1fr 1fr}.featured-wide{grid-template-columns:1fr}}@media(max-width:600px){.portfolio-principles,.pathway-grid{grid-template-columns:1fr}.featured-wide{display:flex}}