/* Straplines travel with the complete film title. */
.fsubs .fsub-strap{margin:0;padding:0 0 4px;font-size:clamp(17px,1.7vw,28px);font-weight:450;line-height:1.25;letter-spacing:-.015em;color:#0a0a0a;white-space:nowrap}
/* Three illustrated white cards; click reveals the full story on the same card. */
#expertise.xdeck .xlist{--cw:min(calc((100% - 2 * var(--xg)) / 3),calc(68vh * .72));grid-template-columns:repeat(3,var(--cw));justify-content:center}
#expertise.xdeck .xd-in{aspect-ratio:.72}
#expertise.xdeck .xd-front,#expertise.xdeck .xd-back{border-radius:clamp(24px,7cqw,38px)}
#expertise.xdeck .xd-front{background:#fff;color:#080808}
#expertise.xdeck .xd-art{object-fit:contain;transition:translate .24s ease,opacity .2s ease}
#expertise.xdeck .xd-front h3{font-size:12cqw!important;text-shadow:none!important;color:#080808!important}
#expertise.xdeck .xd-ltr{font-size:13cqw;top:5cqw;left:6cqw;-webkit-text-stroke:.5cqw #080808!important;color:transparent!important}
#expertise.xdeck .xd-ltr-b{top:auto;left:auto;bottom:5cqw;right:6cqw}
#expertise.xdeck .xd-teaser{position:absolute;top:57%;left:6cqw;right:6cqw;margin:0;font-size:clamp(12px,3.8cqw,17px);line-height:1.25;text-align:center;font-weight:450;letter-spacing:-.02em;color:#080808;transition:opacity .15s}
#expertise.xdeck .xd-details[hidden]{display:none!important}
#expertise.xdeck .xd-details{position:absolute;inset:22% 7cqw 6cqw;display:flex;flex-direction:column;gap:3cqw;color:#080808;cursor:pointer}
#expertise.xdeck .xd-tagline{margin:0;font-size:clamp(17px,5.3cqw,23px);font-weight:600;line-height:1.1;letter-spacing:-.025em}
#expertise.xdeck .xd-description{margin:0;font-size:clamp(13px,3.9cqw,17px);font-weight:400;line-height:1.35;letter-spacing:-.01em}
#expertise.xdeck .xrow .xd-details .xc{position:static;inset:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:start;gap:0;margin:1cqw 0 0;padding:0;pointer-events:none}
#expertise.xdeck .xrow .xd-details .xc span{display:block!important;min-height:0;margin:0;padding:1.5cqw 0!important;border:0!important;border-top:1px solid #0002!important;border-radius:0!important;background:none!important;color:#080808!important;font-size:clamp(12px,3.8cqw,16px)!important;font-weight:500!important;line-height:1.2!important;text-align:left!important;opacity:1;scale:1;rotate:0deg;translate:0 0;transition:none!important}
#expertise.xdeck .xd-close-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:2cqw;font-size:12px;line-height:1.2;color:#555}
#expertise.xdeck .xd-close-label>span{font-size:24px;color:#080808;line-height:.8}
#expertise.xdeck .xrow.xd-open .xd-art-t{translate:0 -10%;opacity:0}
#expertise.xdeck .xrow.xd-open .xd-art-b{translate:0 10%;opacity:0}
#expertise.xdeck .xrow.xd-open .xd-ltr,#expertise.xdeck .xrow.xd-open .xd-teaser{opacity:0;pointer-events:none}
#expertise.xdeck .xrow.xd-open h3{top:6cqw;left:7cqw;right:7cqw;transform:none!important;opacity:1;scale:1;font-size:10cqw!important;line-height:1.05!important;text-align:left;transition:top .2s,font-size .2s}
#expertise.xdeck .xrow:focus-visible .xd-front{outline:3px solid var(--gc);outline-offset:5px}
#expertise.xdeck .xrow.xd-open .xd-front{box-shadow:0 18px 45px -20px #0005,inset 0 4px 0 var(--gc)}
@media(max-width:760px){
 .fsubs .fsub-strap{font-size:clamp(15px,4.3vw,20px)}
 #expertise.xdeck .xlist{grid-template-columns:minmax(0,1fr);justify-content:stretch}
 #expertise.xdeck .xrow{width:min(100%,350px)}
 #expertise.xdeck .xrow.xd-open .xd-in{min-height:510px}
 #expertise.xdeck .xd-details{top:78px;gap:13px}
}


/* ===== KARTY v2 (2026-10-24) — smukłe jak grafiki, cienka ramka jak na rewersie, ilustracje nie dotykają tekstów,
   czyste kontury liter, nowy układ otwartej karty. Wymiary ramki zmierzone z xcard-*-back.webp (720×1215):
   ramka 6.9% od krawędzi, linia 0.7%, róg ramki 5%, róg karty 11%. ===== */
#expertise.xdeck .xlist{--cw:min(calc((100% - 2 * var(--xg)) / 3),calc(70vh * .5927))}
#expertise.xdeck .xd-in{aspect-ratio:655.77/1106.42}
#expertise.xdeck .xd-front,#expertise.xdeck .xd-back{border-radius:11cqw}
#expertise.xdeck .xd-back{background-size:100% 100%}
/* ramka + biały margines poza nią (przycina ilustracje do okna ramki) */
#expertise.xdeck .xd-front::after{content:"";position:absolute;inset:6.9cqw;border:.7cqw solid #080808;border-radius:5cqw;box-shadow:0 0 0 30cqw #fff;pointer-events:none;z-index:1}
#expertise.xdeck .xd-front>*:not(.xd-art){z-index:2}
/* ilustracje: lekko mniejsze i odsunięte od środka → wolny pas na tytuł i podtytuł */
#expertise.xdeck .xd-art{z-index:0}
#expertise.xdeck .xd-art-t{transform:scale(.86);transform-origin:50% 0}
#expertise.xdeck .xd-art-b{transform:scale(.86);transform-origin:50% 100%}
#expertise.xdeck .xd-front h3{top:48.5%!important;transform:translateY(-100%)!important;font-size:min(12cqw,calc(100cqw / var(--len, 6)))!important;line-height:1!important;letter-spacing:-.04em}
#expertise.xdeck .xd-teaser{top:51%;left:13cqw;right:13cqw;font-size:clamp(11px,3.5cqw,16px)}
/* litery w rogach — w środku ramki, kontur z filtra SVG */
#expertise.xdeck .xd-ltr{top:10cqw;left:11cqw;font-size:12cqw;line-height:1;-webkit-text-stroke:0!important;color:transparent!important}
#expertise.xdeck .xd-ltr-b{top:auto;left:auto;bottom:10cqw;right:11cqw}
#expertise.xdeck .xd-ltr i{display:block;font-style:normal;color:#080808;filter:url(#xdOutline)}
#expertise.xdeck .xd-ltr i{-webkit-text-fill-color:#080808}

/* ---------- otwarta karta ---------- */
#expertise.xdeck .xrow.xd-open .xd-front{box-shadow:0 22px 50px -24px #0006}
#expertise.xdeck .xrow.xd-open .xd-front::after{border-color:var(--gc)}
#expertise.xdeck .xrow.xd-open .xn{position:absolute!important;width:auto;height:auto;overflow:visible;clip:auto;top:12.5cqw;left:12.5cqw;font-size:2.7cqw;font-weight:600;letter-spacing:.16em;color:#080808;opacity:.55;z-index:3}
#expertise.xdeck .xrow.xd-open h3{top:18.5cqw!important;left:12cqw;right:12cqw;transform:none!important;font-size:min(11cqw,calc(98cqw / var(--len, 6)))!important;line-height:.95!important;letter-spacing:-.045em;text-align:left}
#expertise.xdeck .xd-details{inset:34cqw 12.5cqw 13cqw;gap:0;cursor:pointer;z-index:3}
#expertise.xdeck .xd-details::before{content:"";display:block;width:10cqw;height:1cqw;border-radius:1cqw;background:var(--gc);margin:0 0 5cqw}
#expertise.xdeck .xd-tagline{font-size:5.6cqw;font-weight:650;line-height:1.08;letter-spacing:-.03em;margin:0 0 3.2cqw;text-wrap:balance}
#expertise.xdeck .xd-description{font-size:3.55cqw;line-height:1.45;color:#4a4a4a;margin:0 0 6cqw}
#expertise.xdeck .xrow .xd-details .xc{counter-reset:xd;width:100%;margin:auto 0 0;border-bottom:1px solid #0000001f}   /* lista usług przyklejona do dołu karty */
#expertise.xdeck .xrow .xd-details .xc span{counter-increment:xd;display:flex!important;width:100%;box-sizing:border-box;align-items:baseline;gap:3.2cqw;padding:2.3cqw 0!important;border-top:1px solid #0000001f!important;font-size:3.75cqw!important;font-weight:550!important;letter-spacing:-.01em;color:#080808!important}
#expertise.xdeck .xrow .xd-details .xc span::before{content:counter(xd,decimal-leading-zero);flex:none;width:5.5cqw;font-size:2.5cqw;font-weight:600;letter-spacing:.06em;color:color-mix(in srgb,var(--gc) 55%,#080808)}
#expertise.xdeck .xd-close-label{position:absolute;top:-21.7cqw;right:0;margin:0;padding:0;gap:1.6cqw;font-size:2.7cqw;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#080808;opacity:.55;transition:opacity .2s}
#expertise.xdeck .xd-close-label>span{display:grid;place-items:center;width:6.5cqw;height:6.5cqw;border:1px solid currentColor;border-radius:50%;font-size:4.2cqw;line-height:1;color:#080808;transition:transform .25s}
#expertise.xdeck .xrow.xd-open:hover .xd-close-label{opacity:1}
#expertise.xdeck .xrow.xd-open:hover .xd-close-label>span{transform:rotate(90deg)}
@media(max-width:760px){
 #expertise.xdeck .xrow.xd-open .xd-in{min-height:0}
 #expertise.xdeck .xd-details{top:34cqw;gap:0}
}

/* ===== otwarta karta v3 (2026-10-24): ramka tylko na zamkniętej stronie, bez „02 / 03”, bez kreski pod tytułem,
   bez napisu „Close” (karta zamyka się kliknięciem jak dotąd), opis 2× większy, tekst szerzej, bo nie ma ramki ===== */
#expertise.xdeck .xrow.xd-open .xd-front::after{border-color:transparent;box-shadow:none}
#expertise.xdeck .xrow.xd-open .xn,#expertise.xdeck .xd-close-label{display:none!important}
#expertise.xdeck .xd-details::before{content:none}
#expertise.xdeck .xrow.xd-open h3{top:9cqw!important;left:8cqw;right:8cqw}
#expertise.xdeck .xd-details{inset:24cqw 8cqw 8cqw}
#expertise.xdeck .xd-tagline{font-size:6.2cqw;margin:0 0 3.5cqw}
#expertise.xdeck .xd-description{font-size:7.1cqw;line-height:1.22;letter-spacing:-.025em;color:#2a2a2a;margin:0 0 5cqw}
@media(max-width:760px){#expertise.xdeck .xd-details{top:24cqw}}

/* ===== v4 (2026-10-24): ramka TYLKO na rewersie (kolorowa strona „Fabc”, ramka jest w grafice) — na odkrytej karcie
   nie ma jej wcale (zostaje tylko niewidoczna biała maska, która przycina ilustracje). Podpis pod nazwą duży. ===== */
#expertise.xdeck .xd-front::after{border-color:transparent!important}
#expertise.xdeck .xd-teaser{top:51%;left:9cqw;right:9cqw;font-size:6.6cqw!important;line-height:1.12;font-weight:500;letter-spacing:-.03em;text-wrap:balance}

/* ===== v5 (2026-10-24): bez maski po starej ramce — ilustracje pełne, do samych krawędzi karty;
   na otwartej karcie podtytuł WIĘKSZY od opisu (hierarchia: nazwa → podtytuł → opis → lista) ===== */
#expertise.xdeck .xd-front::after{display:none!important}
#expertise.xdeck .xd-art-t,#expertise.xdeck .xd-art-b{transform:none!important}
#expertise.xdeck .xd-tagline{font-size:9.2cqw!important;line-height:1.02;font-weight:700;letter-spacing:-.04em;margin:0 0 4cqw}
#expertise.xdeck .xd-description{font-size:6.4cqw!important;line-height:1.24}

/* ===== v6: na otwartej karcie nazwa (DESIGN / TECH / PRODUCTION) w kolorze karty; na zakrytej podpis bliżej nazwy, dalej od ilustracji ===== */
#expertise.xdeck .xrow.xd-open .xd-front h3{color:var(--gc)!important}
#expertise.xdeck .xd-teaser{top:49.4%!important}

/* ===== v7: lista usług na otwartej karcie — większa, bez numerów, linie w kolorze karty ===== */
#expertise.xdeck .xrow .xd-details .xc{border-bottom:1.5px solid var(--gc)!important}
#expertise.xdeck .xrow .xd-details .xc span{font-size:5cqw!important;padding:2.6cqw 0!important;border-top:1.5px solid var(--gc)!important;gap:0;line-height:1.15!important}
#expertise.xdeck .xrow .xd-details .xc span::before{content:none!important}
/* ===== 2026-10-25: na odkrytej karcie lżejszy krój — ta sama grubość co podpis na froncie karty (500) ===== */
#expertise.xdeck .xd-tagline{font-weight:500!important;letter-spacing:-.03em!important}
#expertise.xdeck .xrow .xd-details .xc span{font-weight:500!important}
/* ===== 2026-10-25: odkryta karta — wszystko wyśrodkowane, lista zaraz pod opisem (bez dużej dziury) ===== */
#expertise.xdeck .xrow.xd-open h3{text-align:center!important}
#expertise.xdeck .xd-details{align-items:center;text-align:center}
#expertise.xdeck .xd-tagline,#expertise.xdeck .xd-description{text-align:center;margin-left:auto!important;margin-right:auto!important}
#expertise.xdeck .xrow .xd-details .xc{margin:4cqw 0 0!important}
#expertise.xdeck .xrow .xd-details .xc span{justify-content:center!important;text-align:center!important}