/* Case fan + stat chip (template-parts/cs-fan.php): /organic-seo/ business types (seo-v2-zig.php) and the PPC platform tabs
   (inc/service-v2.php ss_svc2_wt_image() type "cases"). Moved out of seo-zig-v2.css 2026-09-28 (classes keep the szig- prefix).
   Modelled on the industry-page hero (.ex2-fan / .ex2-chip). Tokens from .sv2. Motion: 150 ms hover only. */
/* fan: three box cards, front card in the middle, chip floating off the front card */
.szig-fan{position:relative;width:100%;max-width:520px;height:330px}
.szig-fan__c{position:absolute;top:18px;left:50%;width:240px;margin-left:-120px;aspect-ratio:1160/1400;border-radius:18px;overflow:hidden;background:var(--navy2);box-shadow:0 24px 50px rgba(0,27,46,.28);border:1px solid rgba(0,27,46,.08);transition:transform .15s,border-color .15s;transform-origin:50% 90%}
.szig-fan__c:hover{border-color:var(--gold)}
.szig-fan__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.szig-fan__shade{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,rgba(0,27,46,0),rgba(0,27,46,.92) 75%)}
.szig-fan__cap{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:2px;color:#fff}
.szig-fan__cap b{font-size:15px;font-weight:700;line-height:1.25}
.szig-fan__cap i{font-style:normal;font-size:12px;color:var(--mist)}
.szig-fan--3 .szig-fan__c--1{transform:translateX(-58%) rotate(-8deg) scale(.84)}
.szig-fan--3 .szig-fan__c--3{transform:translateX(58%) rotate(8deg) scale(.84)}
.szig-fan--3 .szig-fan__c--1:hover{transform:translateX(-62%) rotate(-10deg) scale(.86)}
.szig-fan--3 .szig-fan__c--3:hover{transform:translateX(62%) rotate(10deg) scale(.86)}
.szig-fan--2 .szig-fan__c--1{transform:translateX(-34%) rotate(-7deg) scale(.88)}
.szig-fan--2 .szig-fan__c--2{transform:translateX(14%)}
.szig-fan__c.is-front{z-index:2}
.szig-fan--3 .szig-fan__c--1 .szig-fan__cap{right:46%}
.szig-fan--3 .szig-fan__c--3 .szig-fan__cap{left:46%;text-align:right}
.szig-fan--3 .szig-fan__c--1 .szig-fan__cap b,.szig-fan--3 .szig-fan__c--3 .szig-fan__cap b{font-size:13px}
.szig-chip{position:absolute;z-index:3;right:0;top:34px;display:grid;max-width:200px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(0,27,46,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,27,46,.35);color:#fff!important;text-decoration:none!important}
.szig-chip__v{display:flex;align-items:center;gap:7px;color:var(--gold);font-size:28px;font-weight:700;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}
.szig-chip__v svg{width:13px;height:11px;flex:none}
.szig-chip__l{margin-top:4px;color:rgba(255,255,255,.82);font-size:13px;line-height:1.3}
.szig-chip__b{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.szig-fan--1 .szig-fan__c--1{transform:none}
@media (max-width:1100px){
  .szig-fan__c{width:210px;margin-left:-105px}.szig-fan{height:300px}
}
@media (max-width:900px){
  .szig-fan{max-width:380px;height:270px}
  .szig-fan__c{width:180px;margin-left:-90px;top:10px;border-radius:14px}
  .szig-chip{right:-4px;top:0;max-width:170px;padding:9px 12px}
  .szig-chip__v{font-size:22px}
}
@media (max-width:560px){
  .szig-fan{max-width:300px;height:236px}
  .szig-fan__c{width:152px;margin-left:-76px}
  .szig-fan--3 .szig-fan__c--1{transform:translateX(-50%) rotate(-7deg) scale(.84)}
  .szig-fan--3 .szig-fan__c--3{transform:translateX(50%) rotate(7deg) scale(.84)}
  .szig-fan--3 .szig-fan__c--1 .szig-fan__cap,.szig-fan--3 .szig-fan__c--3 .szig-fan__cap{display:none}
  .szig-fan__cap b{font-size:13px}
  .szig-chip{right:-6px;max-width:150px}
  .szig-chip__v{font-size:20px}.szig-chip__l{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.szig-fan__c{transition:none}}