.case-page { --case-bg:#1a2332; --case-text:#f2f5f7; --case-muted:#c6d0d8; --case-accent:#4ade80; }
.case-setrack { --case-bg:#191b1c; --case-accent:#47d1c9; }
.case-winkel-baugesellschaft { --case-bg:#142634; --case-accent:#ff9b96; }
.case-restaurant-seeblick { --case-bg:#eee8df; --case-text:#302a25; --case-muted:#5e5148; --case-accent:#574638; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; list-style:none; padding:0; margin:36px 0 22px; font-size:14px; color:var(--muted); }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.breadcrumbs li+li::before { content:'/'; margin-right:12px; }
.case-hero { position:relative; isolation:isolate; display:grid; gap:32px; padding:clamp(24px,5vw,60px); border-radius:28px; background:var(--case-bg); color:var(--case-text); overflow:hidden; }
.case-hero::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.12; background:url('/assets/portfolio-20261023-editorial/ixpertise-lines.svg') center/cover no-repeat; }
.case-hero h1 { font-size:clamp(32px,5vw,60px); }
.case-label { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--case-muted); margin-bottom:20px; }
.case-headline { font-family:var(--display); color:var(--case-accent); font-size:clamp(22px,3vw,30px); line-height:1.3; margin:24px 0 18px; }
.case-intro { color:var(--case-muted); }
.case-button { background:var(--case-accent); color:#14231c; margin-top:28px; }
.case-restaurant-seeblick .case-button { color:#fff; }
.case-hero figure { align-self:center; }
.case-hero figure img { width:100%; border-radius:12px; box-shadow:0 22px 50px #0003; }
.case-hero figure .case-phone { width:min(65%,260px); margin:auto; box-shadow:none; }
.case-hero figcaption { color:var(--case-muted); font-size:12px; text-align:center; margin-top:18px; }
.case-winkel-baugesellschaft h1,.case-winkel-baugesellschaft .case-headline { font-family:'Montserrat',sans-serif; }
.case-restaurant-seeblick h1,.case-restaurant-seeblick .case-headline { font-family:'Cormorant Garamond',serif; }
.case-story { max-width:800px; margin:64px auto; display:grid; gap:40px; }
.case-story h2,.case-related h2,.case-contact h2 { font-size:clamp(24px,4vw,32px); margin-bottom:14px; }
.case-related,.case-contact { padding:28px 0; border-top:1px solid var(--border); }
.case-related>div { display:flex; gap:16px; flex-wrap:wrap; }
.case-related a { display:inline-block; padding:12px 18px; border:1px solid var(--border); border-radius:12px; }
.case-contact .text-link { margin-top:16px; }
@media(min-width:900px) { .case-hero { grid-template-columns:1fr 1fr; align-items:center; } }