.page-hero{background:var(--navy-900);color:#fff;padding:88px 0 96px;position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(90,162,255,.1) 1px,transparent 0);background-size:24px 24px}.page-hero .wrap{position:relative}.page-hero h1{font-family:var(--font-mono);font-weight:800;font-size:46px;line-height:1.1;letter-spacing:-.025em;margin:18px 0 20px}.page-hero h1 .g{color:var(--acc-bright)}.page-hero .sub{font-size:17.5px;line-height:1.65;color:#c2cedb;max-width:620px;margin:0 auto}.page-hero .stats{display:flex;gap:44px;justify-content:center;margin-top:38px;flex-wrap:wrap}.page-hero .stats b{display:block;font-family:var(--font-mono);font-size:26px;font-weight:800;color:#fff}.page-hero .stats span{font-size:13.5px;color:#9fb0c0}.page-hero .crumbs{justify-content:center;padding:0;margin-bottom:6px;color:#9fb0c0}.page-hero .crumbs a{color:#c2cedb}.page-hero .crumbs a:hover{color:var(--acc-bright)}.page-hero .crumbs .cur{color:#fff}.filterbar{position:sticky;top:76px;z-index:60;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line-soft);padding:16px 0}.filterbar .lbl{text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{font-family:var(--font-mono);font-size:13px;font-weight:500;padding:7px 14px;border-radius:100px;cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--slate);transition:color .14s,border-color .14s,background .14s,transform .14s;text-decoration:none;display:inline-flex;align-items:center}.chip:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}.chip.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.chip .ct{opacity:.55;margin-left:3px}.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ref-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ref-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--acc-line)}.ref-shot{display:block;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line-soft);background:var(--paper-3)}.ref-shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .35s ease}.ref-card:hover .ref-shot img{transform:scale(1.04)}.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-mono);font-size:14px;color:var(--slate-light)}.ref-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}.ref-body h3{font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:7px}.ref-body h3 a{color:inherit;transition:color .14s}.ref-body h3 a:hover{color:var(--acc)}.ref-client{font-family:var(--font-mono);font-size:12.5px;color:var(--acc);margin-bottom:4px}.ref-meta{font-size:13px;color:var(--slate-light);margin-bottom:13px}.ref-body p{font-size:14.5px;color:var(--slate);line-height:1.62;margin-bottom:18px}.ref-tags{display:flex;flex-wrap:wrap;gap:8px}.ref-tags span{font-family:var(--font-mono);font-size:12px;color:var(--slate);background:var(--paper-2);border:1px solid var(--line);padding:5px 10px;border-radius:7px}.ref-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:var(--acc);margin-top:auto;padding-top:16px}.ref-link .ar{transition:transform .15s ease}.ref-card:hover .ref-link .ar{transform:translate(3px)}.no-results{display:none;text-align:center;font-family:var(--font-mono);font-size:15px;color:var(--slate-light);padding:60px 0}.crumbs{font-family:var(--font-mono);font-size:13px;color:var(--slate-light);padding:16px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.crumbs a{color:var(--slate);transition:color .14s}.crumbs a:hover{color:var(--acc)}.crumbs .sep{opacity:.5}.crumbs .cur{color:var(--ink)}.case-hero{padding:56px 0 72px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}.case-hero .wrap{display:grid;grid-template-columns:1fr .92fr;gap:60px;align-items:center}.case-hero h1{font-family:var(--font-mono);font-weight:800;font-size:36px;line-height:1.18;letter-spacing:-.02em;color:var(--ink);margin:16px 0 22px}.case-meta{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14.5px;color:var(--slate);margin-bottom:18px}.case-meta b{color:var(--ink);font-weight:600}.case-meta .k{font-family:var(--font-mono);font-size:12.5px;color:var(--slate-light);display:block;margin-bottom:2px}.case-hero .editor>img{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:72px;padding:80px 0}.case-rail{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;gap:16px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 24px 22px}.rail-card h4{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--slate-light);margin-bottom:16px}.rail-fact{padding:10px 0;border-bottom:1px solid var(--line-soft)}.rail-fact:last-child{border-bottom:none}.rail-fact .k{font-family:var(--font-mono);font-size:12px;color:var(--slate-light);margin-bottom:3px}.rail-fact .v{font-size:14.5px;font-weight:600;color:var(--ink)}.rail-fact .v a{color:var(--acc);word-break:break-word}.rail-back{font-family:var(--font-mono);font-size:13.5px;color:var(--slate);display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:color .14s}.rail-back:hover{color:var(--acc)}.case-main{font-size:16px;line-height:1.75;color:var(--slate)}.case-main>:first-child{margin-top:0}.case-main h2{font-family:var(--font-mono);font-weight:800;font-size:27px;line-height:1.28;letter-spacing:-.015em;color:var(--ink);margin:52px 0 20px}.case-main h3{font-family:var(--font-mono);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink);margin:36px 0 14px}.case-main p{margin-bottom:16px;max-width:68ch}.case-main b,.case-main strong{color:var(--ink);font-weight:600}.case-main a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}.case-main a:hover{color:var(--acc-deep)}.case-main ul,.case-main ol{margin:0 0 18px;padding-left:4px;list-style:none;max-width:68ch}.case-main ol{counter-reset:cs}.case-main ul li,.case-main ol li{position:relative;padding-left:26px;margin-bottom:11px;font-size:15.5px;line-height:1.65}.case-main ul li:before{content:"›";position:absolute;left:4px;top:0;color:var(--acc);font-family:var(--font-mono);font-weight:700}.case-main ol li{counter-increment:cs}.case-main ol li:before{content:counter(cs);position:absolute;left:0;top:1px;color:var(--acc);font-family:var(--font-mono);font-weight:700;font-size:13px}.case-main img{border-radius:var(--r-md);border:1px solid var(--line);margin:24px 0}.case-main blockquote{background:linear-gradient(135deg,var(--navy-900),var(--navy-700));border-radius:var(--r-lg);padding:28px 32px;margin:28px 0;color:#d8e2ee;font-size:16.5px;line-height:1.7}.case-main blockquote p{color:#d8e2ee;margin-bottom:0;max-width:none}.case-main blockquote :is(b,strong){color:#fff}.case-main .lead{font-size:18.5px;line-height:1.7;color:var(--ink);margin-bottom:22px}.case-main section+section{margin-top:12px}.case-cta{background:linear-gradient(135deg,var(--navy-800),var(--navy-700));border-top:1px solid rgba(255,255,255,.14);color:#fff;padding:84px 0;text-align:center;position:relative;overflow:hidden}.case-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(90,162,255,.1) 1px,transparent 0);background-size:24px 24px}.case-cta .wrap{position:relative;max-width:720px}.case-cta h2{font-family:var(--font-mono);font-weight:800;font-size:34px;letter-spacing:-.02em;margin-bottom:16px;color:#fff}.case-cta p{font-size:16.5px;line-height:1.65;color:#c2cedb;margin-bottom:30px}.case-cta .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.referenz-slideshow .stage{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--paper-3);aspect-ratio:16 / 10}.referenz-slideshow .slide{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:opacity .4s ease}.referenz-slideshow .slide.hidden{display:none}.referenz-slideshow .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink);transition:background .14s}.referenz-slideshow .nav-btn:hover{background:#fff}.referenz-slideshow .slide-prev{left:12px}.referenz-slideshow .slide-next{right:12px}.referenz-slideshow .counter{position:absolute;bottom:12px;right:12px;padding:4px 11px;border-radius:100px;background:#0c2236b3;color:#fff;font-family:var(--font-mono);font-size:11px}.referenz-slideshow .dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.referenz-slideshow .slide-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--line);transition:background .14s}.referenz-slideshow .slide-dot.active{background:var(--acc)}@media (max-width: 1080px){.case-layout{grid-template-columns:1fr;gap:48px}.case-rail{position:static;flex-direction:row;flex-wrap:wrap}.case-rail .rail-card{flex:1 1 260px}.case-rail .btn,.case-rail .rail-back{flex:1 1 100%}}@media (max-width: 880px){.pgrid{grid-template-columns:1fr}.page-hero h1{font-size:34px}.page-hero .stats{gap:28px}.filterbar{position:static}.case-hero .wrap{grid-template-columns:1fr;gap:36px}.case-hero h1{font-size:28px}}