/* Skórki stron: każda podstrona ma własną paletę, krój nagłówków, kompozycję hero i styl kart. */
:root{--display:'Playfair Display',Georgia,serif;--on-gold:#1b1405;--on-accent:#fff}
h1,h2,h3{font-family:var(--display)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
body.sub{background:var(--cream)}

/* ---------- palety (nadpisują zmienne marki) ---------- */
body.sk-0{--cream:#f7f4ec;--paper:#fffdf8;--ink:#183d32;--ink-2:#2f5548;--accent:#2b8a68;--accent-ink:#1f6a4f;--accent-soft:#dcefe7;--gold:#c28a26;--display:'Playfair Display',Georgia,serif}
body.sk-1{--cream:#eaf1fc;--paper:#f8fbff;--ink:#0d2a52;--ink-2:#27487c;--accent:#1f5fd1;--accent-ink:#1647a3;--accent-soft:#d3e2fb;--gold:#ffcf3f;--line:#c9d8ee;--muted:#41567a;--display:'Space Grotesk',Arial,sans-serif}
body.sk-2{--cream:#f6e9df;--paper:#fff7f0;--ink:#3a1a12;--ink-2:#6b3a2b;--accent:#c4472b;--accent-ink:#9c3219;--accent-soft:#f4d3c6;--gold:#f2b84b;--line:#e4cdbf;--muted:#6e4c40;--display:'Fraunces',Georgia,serif}
body.sk-3{--cream:#fbf0b8;--paper:#fff9d6;--ink:#17171a;--ink-2:#34343a;--accent:#17171a;--accent-ink:#17171a;--accent-soft:#f3dd62;--gold:#17171a;--on-gold:#fbf0b8;--on-accent:#fbf0b8;--line:#d9c970;--muted:#46433a;--display:'Archivo',Arial,sans-serif}
body.sk-4{--cream:#fbe9f0;--paper:#fff6f9;--ink:#3b1030;--ink-2:#6a2658;--accent:#d63a77;--accent-ink:#a82259;--accent-soft:#f8cfe0;--gold:#d63a77;--on-gold:#fff;--line:#eec6d6;--muted:#6b4560;--display:'Bricolage Grotesque',Arial,sans-serif}
body.sk-5{--cream:#e9eaec;--paper:#f7f7f8;--ink:#1d2024;--ink-2:#41464d;--accent:#e8631a;--accent-ink:#b64a0c;--accent-soft:#fbd9c2;--gold:#e8631a;--on-gold:#fff;--line:#cfd2d6;--muted:#50565e;--display:'Space Grotesk',Arial,sans-serif}
body.sk-6{--cream:#e5f2fa;--paper:#f6fbfe;--ink:#0b3550;--ink-2:#1d5a80;--accent:#1590c9;--accent-ink:#0d6a97;--accent-soft:#c8e6f5;--gold:#0b3550;--on-gold:#fff;--line:#bcd8e8;--muted:#3d6179;--display:'DM Serif Display',Georgia,serif}
body.sk-7{--cream:#eceedd;--paper:#f8f9ee;--ink:#2b3320;--ink-2:#4a5638;--accent:#6b8e23;--accent-ink:#4c6a12;--accent-soft:#dde7bd;--gold:#2b3320;--on-gold:#eceedd;--line:#cdd3b4;--muted:#555e45;--display:'Fraunces',Georgia,serif}
body.sk-8{--cream:#fff6e8;--paper:#fffdf9;--ink:#141414;--ink-2:#333;--accent:#d62828;--accent-ink:#a81c1c;--accent-soft:#fbd5d5;--gold:#d62828;--on-gold:#fff;--line:#e6d6c0;--muted:#4f4b45;--display:'Archivo',Arial,sans-serif}
body.sk-9{--cream:#ece6f8;--paper:#f8f5fe;--ink:#2a1b5e;--ink-2:#4a3a8c;--accent:#6a4fd6;--accent-ink:#4d34b0;--accent-soft:#d9d0f6;--gold:#ffd23f;--line:#d1c8ee;--muted:#52477e;--display:'Bricolage Grotesque',Arial,sans-serif}
body.sk-10{--cream:#e3f4f1;--paper:#f4fbfa;--ink:#06302d;--ink-2:#145752;--accent:#0fa59a;--accent-ink:#0a7a72;--accent-soft:#c3ebe6;--gold:#c6f432;--on-gold:#06302d;--line:#b5dcd7;--muted:#35625e;--display:'Space Grotesk',Arial,sans-serif}
body.sk-11{--cream:#f3ead8;--paper:#fbf6ea;--ink:#14213d;--ink-2:#2e4070;--accent:#e08a00;--accent-ink:#a86400;--accent-soft:#f8dca6;--gold:#fca311;--on-gold:#14213d;--line:#e0d2b4;--muted:#4b5470;--display:'DM Serif Display',Georgia,serif}

/* ---------- krój i styl nagłówków ---------- */
body.sk-1 h1,body.sk-5 h1,body.sk-10 h1{font-weight:700;letter-spacing:-.045em}
body.sk-3 h1,body.sk-8 h1{font-weight:900;letter-spacing:-.04em;text-transform:uppercase;line-height:.98}
body.sk-3 h2,body.sk-8 h2{font-weight:900;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(24px,3vw,38px)}
body.sk-4 h1,body.sk-9 h1{font-weight:800;letter-spacing:-.05em}
body.sk-2 h1,body.sk-7 h1{font-weight:800;letter-spacing:-.03em}
body.sk-6 h1,body.sk-11 h1{font-weight:400;letter-spacing:-.02em}
body.sk-6 h2,body.sk-11 h2,body.sk-6 h3,body.sk-11 h3{font-weight:400}
body.sk-5 h2::before,body.sk-10 h2::before{content:"";display:block;width:46px;height:6px;background:var(--accent);margin-bottom:14px}
body.sk-1 h2,body.sk-9 h2{border-left:8px solid var(--accent);padding-left:16px}
body.sk-4 h2{display:inline;background:linear-gradient(transparent 62%,var(--accent-soft) 62%)}
body.sk-0 h2,body.sk-2 h2,body.sk-7 h2,body.sk-11 h2{border-bottom:0}
body.sk-2 .sec-head,body.sk-7 .sec-head{border-bottom:2px solid var(--ink);padding-bottom:16px}

/* ---------- styl kart ---------- */
body.sk-1 .card,body.sk-5 .card,body.sk-8 .card,body.sk-3 .card{border:2px solid var(--ink);border-radius:6px;box-shadow:7px 7px 0 var(--ink);background:var(--paper)}
body.sk-1 .card:hover,body.sk-5 .card:hover,body.sk-8 .card:hover,body.sk-3 .card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--accent)}
body.sk-4 .card,body.sk-9 .card,body.sk-6 .card{border:0;border-radius:30px;background:var(--accent-soft);box-shadow:none}
body.sk-4 .card:hover,body.sk-9 .card:hover,body.sk-6 .card:hover{background:var(--paper);box-shadow:var(--shadow)}
body.sk-10 .card,body.sk-2 .card{border:0;border-radius:0;border-left:6px solid var(--accent);background:var(--paper)}
body.sk-7 .card,body.sk-11 .card{border-radius:50px 12px 50px 12px}
body.sk-3 .card .ico,body.sk-8 .card .ico{border-radius:0;background:var(--ink);color:var(--cream)}
body.sk-1 section.s.alt,body.sk-5 section.s.alt{background:var(--accent-soft)}
body.sk-3 section.s.alt{background:var(--accent-soft)}
body.sk-9 section.s.alt,body.sk-4 section.s.alt{background:var(--paper)}
body.sk-8 section.s.alt{background:#fff;border-block:3px solid var(--ink)}
body.sk-6 section.s.alt{background:var(--ink);color:#fff}
body.sk-6 section.s.alt h2,body.sk-6 section.s.alt h3{color:#fff}
body.sk-6 section.s.alt .card h3{color:var(--ink)}
body.sk-6 section.s.alt .sec-head p,body.sk-6 section.s.alt .lead,body.sk-6 section.s.alt .note{color:#cfe3ee}
body.sk-6 section.s.alt .rows,body.sk-6 section.s.alt .row{border-color:rgba(255,255,255,.25)}
body.sk-6 section.s.alt .row p{color:#cfe3ee}
body.sk-6 section.s.alt .checks li{color:#fff}
body.sk-6 section.s.alt .tbl-wrap,body.sk-6 section.s.alt .faq details,body.sk-6 section.s.alt .tick label,body.sk-6 section.s.alt .rel a{color:var(--ink)}

/* ---------- hero: wspólna baza ---------- */
.hx{position:relative;overflow:hidden;padding:48px 0 76px}
.hx .container{position:relative;z-index:1}
.hx .big{position:absolute;right:-1%;bottom:-6%;font-family:var(--display);font-weight:800;font-size:clamp(120px,22vw,340px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--accent);opacity:.28;pointer-events:none;user-select:none;white-space:nowrap;z-index:0}
.hx-grid{display:grid;gap:48px;align-items:center}
.hx h1{margin-bottom:0}
.hx .stk{position:relative}
.hx .ph img{box-shadow:0 14px 34px rgba(0,0,0,.12)}

/* poster: gigantyczny napis, przyklejona „naklejka” ze zdjęciem */
.hx-poster{padding-bottom:110px}
.hx-poster .hx-grid{grid-template-columns:1fr;gap:0}
.hx-poster h1{font-size:clamp(46px,9.4vw,132px);line-height:.92;max-width:14ch;margin-bottom:28px}
.hx-poster .hx-text{max-width:900px}
.hx-poster .hx-art{position:absolute;right:0;top:80px;width:min(34%,400px);transform:rotate(5deg)}
.hx-poster .hx-art .ph{background:#fff;padding:12px 12px 4px;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--accent)}
.hx-poster .hx-art img{border-radius:4px;box-shadow:none}
.hx-poster .lead{max-width:44ch}

/* diag: kolorowy blok ze skosem */
.hx-diag{background:var(--accent);color:var(--on-accent);clip-path:polygon(0 0,100% 0,100% 92%,0 100%);padding-bottom:120px}
.hx-diag .crumbs,.hx-diag .lead{color:inherit;opacity:.9}
.hx-diag .crumbs a{color:inherit}
.hx-diag .tag{background:var(--ink);color:var(--cream)}
.hx-diag .tag i{background:var(--accent-soft)}
.hx-diag .chips li{background:transparent;color:inherit;border-color:currentColor}
.hx-diag .chips li.tech{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.hx-diag .btn.gold{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.hx-diag .btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.hx-diag .hx-grid{grid-template-columns:1.1fr .9fr}
.hx-diag .big{-webkit-text-stroke-color:var(--on-accent);opacity:.18}
.hx-diag .ph{transform:rotate(-3deg);background:#fff;padding:12px 12px 4px;border-radius:6px}
.hx-diag .ph figcaption{color:#555}
.hx-diag+section{margin-top:-60px;padding-top:140px}

/* block: gigantyczna „cyfra” po lewej, tekst po prawej */
.hx-block .hx-grid{grid-template-columns:.8fr 1.2fr}
.hx-block .hx-art{order:-1}
.hx-block .bigcell{font-family:var(--display);font-weight:800;font-size:clamp(72px,13vw,190px);line-height:.85;letter-spacing:-.06em;color:var(--accent);margin-bottom:18px;word-break:break-word}
.hx-block .ph{max-width:340px}
.hx-block .big{display:none}

/* collage: trzy pochylone ramki pod środkowym nagłówkiem */
.hx-collage{text-align:center}
.hx-collage .hx-grid{grid-template-columns:1fr;gap:34px}
.hx-collage .lead{margin-inline:auto}
.hx-collage .chips,.hx-collage .actions{justify-content:center}
.hx-collage .crumbs{justify-content:center}
.hx-collage .hx-art{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:12px auto 0;align-items:center}
.hx-collage .hx-art .ph:nth-child(1){transform:rotate(-5deg)}
.hx-collage .hx-art .ph:nth-child(2){transform:translateY(-18px) scale(1.08);z-index:2}
.hx-collage .hx-art .ph:nth-child(3){transform:rotate(4deg)}
.hx-collage .hx-art .ph{background:#fff;padding:10px 10px 2px;border-radius:6px;box-shadow:var(--shadow)}
.hx-collage .hx-art .ph img{aspect-ratio:1/1;border-radius:3px;box-shadow:none}
.hx-collage .hx-art .ph figcaption{display:none}
.hx-collage .hx-capt{font-size:12.5px;color:var(--muted);margin-top:10px}

/* spec: karta techniczna */
.hx-spec{background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,0,0,.05) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(0,0,0,.05) 31px 32px)}
.hx-spec h1{font-family:'Space Grotesk',var(--display);text-transform:none}
.hx-spec .hx-grid{grid-template-columns:1.15fr .85fr;align-items:start}
.hx-spec dl{display:grid;grid-template-columns:auto 1fr;gap:0;border:2px solid var(--ink);background:var(--paper);margin:0 0 18px;font-size:14.5px}
.hx-spec dt,.hx-spec dd{margin:0;padding:10px 14px;border-bottom:1px solid var(--line)}
.hx-spec dt{font-weight:700;border-right:1px solid var(--line);background:var(--accent-soft)}
.hx-spec .ph{border:2px solid var(--ink);padding:8px;background:var(--paper)}
.hx-spec .ph img{border-radius:0;box-shadow:none}

/* ticket: karta z przerywaną krawędzią */
.hx-ticket .hx-grid{grid-template-columns:1fr;max-width:1020px}
.hx-ticket .tk{display:grid;grid-template-columns:1.3fr .7fr;background:var(--paper);border:2px dashed var(--ink);border-radius:26px;overflow:hidden;position:relative}
.hx-ticket .tk::before,.hx-ticket .tk::after{content:"";position:absolute;left:calc(65% - 13px);width:26px;height:26px;border-radius:50%;background:var(--cream);border:2px dashed var(--ink)}
.hx-ticket .tk::before{top:-14px}.hx-ticket .tk::after{bottom:-14px}
.hx-ticket .hx-text{padding:44px 44px 44px;border-right:2px dashed var(--ink)}
.hx-ticket .hx-art{padding:26px;display:grid;place-items:center;background:var(--accent-soft)}
.hx-ticket .hx-art .ph{width:100%}

/* editorial: asymetryczny, wąski wysoki obraz */
.hx-editorial .hx-grid{grid-template-columns:1.4fr .6fr;align-items:end}
.hx-editorial h1{font-size:clamp(40px,6vw,84px);line-height:1.02}
.hx-editorial .hx-text::before{content:"";display:block;width:96px;height:6px;background:var(--accent);margin-bottom:30px}
.hx-editorial .hx-art .ph img{aspect-ratio:3/4;object-fit:cover;object-position:left center;border-radius:200px 200px 10px 10px}

/* stack: ułożone warstwy zamiast jednego zdjęcia */
.hx-stack .hx-grid{grid-template-columns:1fr 1fr}
.hx-stack .hx-art{position:relative;padding:26px 26px 40px 0}
.hx-stack .hx-art::before,.hx-stack .hx-art::after{content:"";position:absolute;border:2px solid var(--ink);border-radius:20px;background:var(--accent-soft);z-index:0}
.hx-stack .hx-art::before{inset:0 0 14px 46px;transform:rotate(2.5deg)}
.hx-stack .hx-art::after{inset:12px 22px 0 26px;background:var(--gold);opacity:.55;transform:rotate(-2deg)}
.hx-stack .hx-art .ph{position:relative;z-index:2;background:var(--paper);padding:12px 12px 2px;border:2px solid var(--ink);border-radius:18px}

/* ---------- inne rytmy sekcji ---------- */
.s .two.top h2,.s .sec-head h2{max-width:20ch}
body.sk-3 .cta,body.sk-8 .cta{border-radius:0;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--accent)}
body.sk-4 .cta,body.sk-9 .cta{border-radius:60px}
body.sk-2 .cta,body.sk-7 .cta{border-radius:0 80px 0 80px}
body.sk-10 .cta{border-radius:0}
body.sk-1 .rel a,body.sk-5 .rel a{border:2px solid var(--ink);border-radius:4px}
body.sk-11 .faq details,body.sk-6 .faq details,body.sk-7 .faq details{border-radius:30px}
body.sk-3 .faq details,body.sk-8 .faq details,body.sk-5 .faq details{border:2px solid var(--ink);border-radius:0}
body.sk-4 .chips li,body.sk-9 .chips li{border-radius:6px}
body.sk-3 .btn,body.sk-8 .btn,body.sk-5 .btn,body.sk-1 .btn{border-radius:4px}
body.sk-3 .hdr,body.sk-8 .hdr{border-bottom:3px solid var(--ink)}
body.sk-0 .topline,body.sk-11 .topline,body.sk-7 .topline{background:var(--ink)}
body.sk-4 .topline{background:var(--accent)}
body.sk-3 .topline{background:#17171a;color:#fbf0b8}
body.sk-5 .topline{background:var(--accent);color:#fff}
body.sk-5 .topline b,body.sk-4 .topline b{color:#fff;font-weight:800}

/* ---------- mobile ---------- */
@media(max-width:980px){
  .hx-diag .hx-grid,.hx-block .hx-grid,.hx-spec .hx-grid,.hx-editorial .hx-grid,.hx-stack .hx-grid{grid-template-columns:1fr}
  .hx-poster .hx-art{position:relative;right:auto;top:auto;width:min(70%,340px);margin:30px 0 0 auto}
  .hx-ticket .tk{grid-template-columns:1fr}
  .hx-ticket .tk::before,.hx-ticket .tk::after{display:none}
  .hx-ticket .hx-text{border-right:0;border-bottom:2px dashed var(--ink);padding:30px 24px}
  .hx-block .hx-art{order:0}
  .hx-editorial .hx-art{max-width:320px}
  .hx-collage .hx-art{grid-template-columns:1fr 1fr 1fr;gap:10px}
}
@media(max-width:620px){
  .hx-poster h1{font-size:clamp(38px,12vw,64px)}
  .hx-collage .hx-art{grid-template-columns:1fr 1fr}
  .hx-collage .hx-art .ph:nth-child(3){display:none}
  body.sk-1 .card,body.sk-5 .card,body.sk-8 .card,body.sk-3 .card{box-shadow:4px 4px 0 var(--ink)}
}
@media(prefers-reduced-motion:reduce){body.sk-1 .card:hover,body.sk-5 .card:hover,body.sk-8 .card:hover,body.sk-3 .card:hover{transform:none}}

/* poprawki po przeglądzie */
.hx-diag .btn.gold{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.hx-poster h1{font-size:clamp(42px,7.4vw,108px);max-width:11ch}
.hx-poster .hx-text{max-width:64%}
.hx-poster .lead{max-width:40ch}
.hx-editorial .hx-art .ph img{aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:200px 200px 12px 12px;padding:34px 18px 0}
@media(max-width:980px){.hx-poster .hx-text{max-width:100%}.hx-poster h1{font-size:clamp(38px,11vw,72px);max-width:none}}
body.sk-6 section.s.alt{--muted:#cfe3ee;--line:rgba(255,255,255,.25)}
body.sk-6 section.s.alt .card,body.sk-6 section.s.alt .tbl-wrap,body.sk-6 section.s.alt .faq details,body.sk-6 section.s.alt .rel a{--muted:#41567a}

/* Mobile overflow guard: allow long hero copy to shrink and wrap inside the layout. */
@media(max-width:980px){
  .hx .hx-grid{grid-template-columns:minmax(0,1fr)!important}
  .hx .hx-grid>*{min-width:0;max-width:100%}
  .hx .hx-text{min-width:0;max-width:100%}
  .hx h1,.hx .lead,.hx .tag,.hx .chips,.hx .actions{max-width:100%;overflow-wrap:anywhere}
  .hx .chips,.hx .actions{flex-wrap:wrap}
}