Case study (featured project),Commercial page ========================================================== */ .case-study{}.case-study__head{margin-bottom:32px;max-width:720px}.case-study__eyebrow{font-family:var(--font-display);font-style:italic;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cta-cyan);margin-bottom:10px}.case-study__title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.015em;color:var(--cta-navy);margin:0 0 14px;text-wrap:balance}.case-study__subtitle{font-family:var(--font-body);font-size:17px;line-height:1.55;color:var(--fg2, rgba(1,66,106,.78));margin:0}.case-study__hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #01426a2e,0 4px 12px #01426a0f;aspect-ratio:16 / 9;background:var(--cta-navy);margin-bottom:28px}.case-study__hero>img{width:100%;height:100%;object-fit:cover;display:block}.case-study__hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px 28px;background:linear-gradient(180deg,#012a4200,#012a42c7);display:flex;align-items:flex-end;gap:18px;color:#fff}.case-study__hero-overlay .case-study__client-logo{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:50%;padding:6px;flex-shrink:0;box-shadow:0 6px 18px #00000040}.case-study__hero-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.case-study__client{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.15;letter-spacing:-.01em}.case-study__location{font-family:var(--font-body);font-size:14px;font-weight:500;color:#ffffffc7;letter-spacing:.02em}.case-study__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;list-style:none;margin:0 0 28px;padding:0;border:1px solid rgba(1,66,106,.12);border-radius:var(--radius-md);overflow:hidden;background:#fff}.case-study__facts li{padding:18px 22px;border-right:1px solid rgba(1,66,106,.1);display:flex;flex-direction:column;gap:4px}.case-study__facts li:last-child{border-right:none}.case-study__fact-label{font-family:var(--font-display);font-style:italic;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cta-cyan)}.case-study__fact-value{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.15;color:var(--cta-navy)}.case-study__summary{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--cta-navy);margin:0 0 36px;max-width:760px;text-wrap:pretty}.case-study__chapters{display:flex;flex-direction:column;gap:48px}.case-study__chapter{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px;align-items:start}.case-study__chapter-step{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.1em;color:var(--cta-cyan);margin-bottom:8px}.case-study__chapter-title{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--cta-navy);margin:0 0 10px}.case-study__chapter-body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--fg2, rgba(1,66,106,.78));margin:0}.case-study__chapter-art{display:grid;gap:12px}.case-study__chapter-art--1{grid-template-columns:1fr}.case-study__chapter-art--2{grid-template-columns:1fr 1fr}.case-study__chapter-art--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.case-study__chapter-art--3 .case-study__photo:first-child{grid-row:1 / span 2}.case-study__photo{margin:0;border-radius:var(--radius-md);overflow:hidden;background:var(--cta-navy);position:relative;aspect-ratio:4 / 3;box-shadow:0 8px 22px #01426a1a,0 2px 6px #01426a0a}.case-study__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.case-study__photo:hover img{transform:scale(1.03)}.case-study__photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:linear-gradient(180deg,#012a4200,#012a42bf);color:#fff;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.02em}.case-study__pullquote{margin:48px 0 0;padding:28px 32px;border-left:4px solid var(--cta-cyan);background:var(--bg-brand-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.case-study__pullquote p{font-family:var(--font-display);font-weight:600;font-style:italic;font-size:clamp(20px,2.2vw,24px);line-height:1.35;color:var(--cta-navy);margin:0 0 12px;text-wrap:balance}.case-study__pullquote cite{font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cta-cyan)}@media(max-width:760px){.case-study__chapter{grid-template-columns:1fr;gap:18px}.case-study__hero-overlay{padding:16px 18px;gap:12px}.case-study__hero-overlay .case-study__client-logo{width:44px;height:44px}.case-study__facts li{border-right:none;border-bottom:1px solid rgba(1,66,106,.1)}.case-study__facts li:last-child{border-bottom:none}.case-study__chapter-art--3{grid-template-columns:1fr 1fr;grid-template-rows:auto}.case-study__chapter-art--3 .case-study__photo:first-child{grid-row:auto;grid-column:1 / span 2}}