.flow-site .project-story{--case-ink:#192642;--case-muted:#535b6b;--case-paper:#fbf5df;color:var(--case-ink);max-width:1180px;margin:auto;padding:32px 28px 72px}
.project-story .case-crumb{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:40px;color:var(--case-muted)}
.project-story .case-crumb a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.project-story .case-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}
.project-story .case-label{font-size:12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:var(--case-muted);margin:0 0 16px}
.flow-site .project-story h1{font-size:clamp(36px,4.6vw,60px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;color:var(--case-ink)}
.project-story h1 span{display:block;color:#2450e9}
.project-story p{line-height:1.65;color:var(--case-muted);font-size:17px}
.project-story .case-lead{font-size:19px;margin:0 0 26px;max-width:550px}
.project-story .case-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;background:#2450e9;color:#fff;border-radius:30px;font-weight:650;font-size:16px;text-decoration:none;line-height:1.4;transition:background .2s}
.project-story .case-button:hover{background:#183cbd}
.project-story .case-link{color:#2450e9;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.project-story a:focus-visible,.project-story summary:focus-visible{outline:3px solid #2450e9;outline-offset:5px}
.project-story .case-visual{margin:0;padding:30px;border:1px solid #efe5c4;border-radius:26px;background:var(--case-paper);transform:rotate(1deg)}
.project-story .case-logo{display:block;width:157px;height:auto;margin:0 auto 25px}
.project-story .case-order{border:1px solid #ded8c6;background:#fff;box-shadow:0 9px 0 #f1e9ce;border-radius:14px;padding:22px}
.project-story .case-order h2{font-size:21px;line-height:1.3;margin:0 0 20px;color:var(--case-ink);letter-spacing:-.02em}
.project-story .case-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.project-story .case-fields li{font-size:14px;padding:12px;border-radius:8px;background:#f5f7fc;color:var(--case-ink)}
.project-story .case-fields li:last-child{grid-column:1/-1;background:#e9f4ec}
.project-story .case-documents{display:flex;justify-content:center;gap:10px;margin:26px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.project-story .case-documents li{border:1px solid #ded8c6;background:#fffaf0;border-radius:8px;padding:9px 14px;font-size:13px;color:#4e514d}
.project-story .case-visual figcaption{text-align:center;margin-top:18px;font-size:12px;color:#67665c;line-height:1.5}
.project-story .case-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-block:1px solid #e4e7ee;margin:52px 0;padding:23px 0}
.project-story .case-facts div{min-width:0}.project-story .case-facts dt{color:var(--case-muted);font-size:13px;margin-bottom:6px}
.project-story .case-facts dd{font-size:15px;margin:0;font-weight:600;line-height:1.5}
.project-story .case-story{display:grid;grid-template-columns:1fr 1.1fr;gap:58px;align-items:start}
.flow-site .project-story h2{font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;color:var(--case-ink)}
.project-story .case-story p{margin:0 0 20px}
.project-story .case-steps{border-top:1px solid #e4e7ee}
.project-story .case-steps details{border-bottom:1px solid #e4e7ee;padding:18px 0}
.project-story .case-steps summary{cursor:pointer;font-size:18px;font-weight:650;line-height:1.45;list-style:none;display:flex;gap:14px;align-items:baseline;color:var(--case-ink)}
.project-story .case-steps summary::-webkit-details-marker{display:none}
.project-story .case-steps summary::after{content:'+';margin-inline-start:auto;color:#687187;font-weight:400}
.project-story .case-steps details[open] summary::after{content:'−'}
.project-story .case-step-number{font-size:13px;font-weight:500;color:#687187}
.project-story .case-steps p{margin:12px 0 0;padding-inline-start:32px;font-size:16px}
.project-story .case-source{margin-top:22px;font-size:13px;color:var(--case-muted);line-height:1.6}
.project-story .case-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.project-story .case-next{margin-top:52px;padding:32px;border-radius:24px;background:#edf2ff;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.flow-site .project-story .case-next h2{font-size:30px}
.project-story .case-next p{margin:0 0 18px;font-size:16px}
.project-story .case-bring{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:10px}
.project-story .case-bring li{display:flex;gap:10px;line-height:1.5;font-size:16px}
.project-story .case-bring li::before{content:'✓';color:#2450e9}
.project-story .case-small{font-size:13px!important;line-height:1.6;margin:18px 0 0!important}
.project-story .case-reading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:15px}
html[dir=rtl] .project-story .case-visual{transform:rotate(-1deg)}
html[dir=rtl] .project-story .case-label{letter-spacing:0}
@media(max-width:760px){
 .flow-site .project-story{padding:22px 20px 42px}
 .project-story .case-crumb{margin-bottom:26px}
 .project-story .case-hero,.project-story .case-story,.project-story .case-next{grid-template-columns:1fr;gap:26px}
 .flow-site .project-story h1{font-size:40px;letter-spacing:-.04em;margin-bottom:18px}
 .project-story .case-lead{font-size:17px;margin-bottom:20px}
 .project-story .case-label{margin-bottom:12px}
 .project-story .case-visual{padding:22px;max-width:480px;width:100%;box-sizing:border-box;justify-self:center;transform:none!important}
 .project-story .case-logo{width:132px;margin-bottom:18px}
 .project-story .case-order{padding:18px}.flow-site .project-story .case-order h2{font-size:20px;margin-bottom:14px}
 .project-story .case-fields li{padding:10px}
 .project-story .case-documents{margin-top:20px}
 .project-story .case-facts{grid-template-columns:1fr;gap:13px;margin:30px 0;padding:20px 0}
 .project-story .case-facts div{display:grid;grid-template-columns:85px 1fr;gap:12px}.project-story .case-facts dt{margin:0}
 .flow-site .project-story h2{font-size:28px}
 .project-story .case-next{margin-top:32px;padding:24px;gap:20px}
 .project-story .case-reading{display:grid;gap:18px}
}
@media(prefers-reduced-motion:reduce){.project-story .case-button{transition:none}}