.pg-referenzen .ref-hero{padding:160px var(--gutter) var(--s-9);border-bottom:1px solid var(--ink-3)}.pg-referenzen .ref-hero-inner{max-width:var(--maxw);margin:0 auto}.pg-referenzen .ref-hero h1{font-family:var(--font-display);letter-spacing:-.045em;color:var(--paper-0);max-width:18ch;margin-bottom:var(--s-6);font-size:clamp(48px,8vw,128px);font-weight:900;line-height:.9}.pg-referenzen .ref-hero h1 em{color:var(--paper-1);font-style:italic;font-weight:300}.pg-referenzen .ref-hero h1 .o{color:var(--orange)}.pg-referenzen .ref-hero .lead{font-size:var(--fs-md);color:var(--paper-1);border-left:2px solid var(--orange);max-width:60ch;padding-left:var(--s-5);line-height:1.55}.pg-referenzen .ref-filter{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-3);padding:var(--s-4) var(--gutter);background:#0a0a0beb;position:sticky;top:64px}.pg-referenzen .ref-filter-inner{max-width:var(--maxw);gap:var(--s-3);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.pg-referenzen .ref-pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink-3);color:var(--paper-1);cursor:pointer;transition:all var(--dur-fast);background:0 0;padding:8px 14px;font-size:11px}.pg-referenzen .ref-pill:hover{border-color:var(--paper-1);color:var(--paper-0)}.pg-referenzen .ref-pill.active{border-color:var(--orange);color:var(--orange)}.pg-referenzen .ref-grid-section{padding:var(--s-9) var(--gutter)}.pg-referenzen .ref-grid{max-width:var(--maxw);gap:var(--gutter);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.pg-referenzen .ref-card{text-decoration:none;display:block}.pg-referenzen .ref-card .img{aspect-ratio:4/3;background:var(--ink-1);border:1px solid var(--ink-3);position:relative;overflow:hidden}.pg-referenzen .ref-card .img img{object-fit:cover;filter:brightness(.7)contrast(1.1)saturate(.9);width:100%;height:100%;transition:all var(--dur-med)}.pg-referenzen .ref-card:hover .img img{filter:brightness(.95)contrast(1.1)saturate()}.pg-referenzen .ref-card .img .grain-overlay{mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.9  0 0 0 0 0.9  0 0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pg-referenzen .ref-card .img:after{content:"";background:var(--orange);height:2px;transition:transform var(--dur-med);transform-origin:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.pg-referenzen .ref-card:hover .img:after{transform:scaleX(1)}.pg-referenzen .ref-card .case-pill{top:var(--s-3);right:var(--s-3);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--orange);color:var(--ink-0);padding:4px 8px;font-size:10px;position:absolute}.pg-referenzen .ref-card .meta{margin-top:var(--s-3);font-family:var(--font-mono);letter-spacing:.06em;color:var(--paper-1);justify-content:space-between;font-size:12px;display:flex}.pg-referenzen .ref-card .meta .sparte{color:var(--paper-3);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.pg-referenzen .ref-breaker{padding:var(--s-11) var(--gutter);text-align:center;border-top:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);background:var(--ink-1)}.pg-referenzen .ref-breaker p{font-family:var(--font-display);color:var(--paper-0);max-width:26ch;margin:0 auto;font-size:clamp(24px,3.4vw,44px);font-style:italic;font-weight:300;line-height:1.3}.pg-referenzen .ref-breaker p .o{color:var(--orange);font-style:normal;font-weight:500}.pg-referenzen .ref-cta{padding:var(--s-10) var(--gutter);text-align:center}.pg-referenzen .ref-cta h2{font-family:var(--font-display);letter-spacing:-.045em;color:var(--paper-0);margin-bottom:var(--s-7);font-size:clamp(40px,6vw,88px);font-weight:900;line-height:.95}.pg-referenzen .ref-cta h2 em{color:var(--orange);font-style:italic;font-weight:300}.pg-referenzen .ref-cta .ctas{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}@media (max-width:980px){.pg-referenzen .ref-grid{grid-template-columns:1fr}}@media (min-width:620px) and (max-width:979px){.pg-referenzen .ref-grid{grid-template-columns:repeat(2,1fr)}}