/* Śląskie WOPR – O nas */
.swon,.swon *,.swon *::before,.swon *::after{box-sizing:border-box}
.swon{font-family:var(--on-font);background:var(--on-bg);padding:var(--on-pad) 0;color:var(--on-x);line-height:1.6;-webkit-font-smoothing:antialiased}
.swon-in{max-width:var(--on-max);margin:0 auto;padding:0 var(--on-px)}
.swon a{text-decoration:none!important;box-shadow:none}
.swon :is(a):focus-visible{outline:3px solid var(--on-a);outline-offset:3px}
.swon svg{flex:none}

/* nagłówek – jak w Galerii */
.swon-head{position:relative;margin:0 0 40px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--on-p) 14%,transparent)}
.swon-head::after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:3px;border-radius:3px;background:var(--on-a)}
.swon.swon .swon-eye{margin:0 0 6px;padding:0;color:var(--on-a);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
.swon.swon .swon-h{margin:0;padding:0;font-family:inherit;font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.015em;color:var(--on-p);text-transform:none}
.swon.swon .swon-lead{margin:12px 0 0;padding:0;max-width:680px;font-size:17px;line-height:1.55;color:var(--on-x)}

/* tekst + zdjęcia */
.swon-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:center}
.swon--img-left .swon-media{order:-1}
.swon.swon .swon-txt p{margin:0 0 16px;padding:0;font-size:16.5px;line-height:1.75;color:var(--on-x)}
.swon.swon .swon-txt p strong,.swon.swon .swon-txt p b{color:var(--on-t);font-weight:700}
.swon.swon .swon-txt p a{color:var(--on-p);text-decoration:underline!important;text-underline-offset:3px}

.swon.swon .swon-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 30px;padding:0;list-style:none;border-top:1px solid color-mix(in srgb,var(--on-p) 14%,transparent)}
.swon.swon .swon-stats li{display:flex;flex-direction:column;gap:2px;margin:0;padding:18px 18px 18px 0;border-bottom:1px solid color-mix(in srgb,var(--on-p) 14%,transparent)}
.swon.swon .swon-stats li::before{content:none}
.swon.swon .swon-stats li:nth-child(odd){border-right:1px solid color-mix(in srgb,var(--on-p) 14%,transparent);padding-right:22px}
.swon.swon .swon-stats li:nth-child(even){padding-left:22px}
.swon.swon .swon-stats b{color:var(--on-p);font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.swon-stats span{font-size:14px;line-height:1.45;color:var(--on-x)}

.swon.swon .swon-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border-radius:999px;background:var(--on-p);color:#fff!important;font-size:16px;font-weight:700;line-height:1.2;box-shadow:0 12px 26px -14px var(--on-p);transition:background .25s,transform .25s}
.swon.swon .swon-btn:hover{background:color-mix(in srgb,var(--on-p) 85%,#000);transform:translateY(-2px)}
.swon-btn svg{width:18px;height:18px;transition:transform .25s}
.swon-btn:hover svg{transform:translateX(4px)}

/* kolaż */
.swon-media{position:relative;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:16px;aspect-ratio:5/4}
.swon.swon .swon-ph{position:relative;margin:0;overflow:hidden;border-radius:var(--on-r);background:color-mix(in srgb,var(--on-p) 8%,#fff);box-shadow:0 22px 40px -28px rgba(20,50,90,.55)}
.swon.swon .swon-ph img{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.swon-ph:hover img{transform:scale(1.05)}
.swon-ph--1{grid-row:1 / 3}
.swon-media--n1 .swon-ph{grid-column:1 / -1;grid-row:1 / -1}
.swon-media--n2 .swon-ph--1{grid-row:1 / 3}
.swon-media--n2 .swon-ph:not(.swon-ph--1){grid-row:1 / 3;margin-top:18%;margin-bottom:-6%}
.swon-badge{position:absolute;left:-26px;bottom:34px;z-index:2;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--on-a);color:#fff;text-align:center;box-shadow:0 0 0 8px var(--on-bg),0 16px 30px -12px rgba(0,0,0,.35)}
.swon-badge span{font-size:15px;font-weight:800;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;max-width:80px}
.swon-media--n1 .swon-badge{left:-22px}

/* bez zdjęć – karta */
.swon-media--n0{display:block}
.swon-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:clamp(26px,4vw,46px);border-radius:var(--on-r);background:linear-gradient(140deg,var(--on-p),color-mix(in srgb,var(--on-p) 70%,#0b1d30));color:#fff;overflow:hidden;isolation:isolate}
.swon-ring{position:absolute;right:-12%;top:-14%;z-index:-1;width:78%;height:auto;color:rgba(255,255,255,.16)}
.swon-card-eye{color:#e9d3a9;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.swon-card-year{font-size:clamp(72px,10vw,128px);font-weight:800;line-height:.95;letter-spacing:-.04em}
.swon-card-txt{margin-top:10px;font-size:17px;font-weight:600;color:rgba(255,255,255,.88)}

/* dowiedz się więcej */
.swon-more{margin-top:clamp(44px,6vw,70px)}
.swon.swon .swon-more-h{margin:0 0 14px;padding:0;color:var(--on-a);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.swon.swon .swon-more ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.swon.swon .swon-more li{margin:0;padding:0}
.swon.swon .swon-more li::before{content:none}
.swon-tile{display:flex;align-items:center;gap:16px;height:100%;padding:20px 20px 20px 22px;border:1.5px solid color-mix(in srgb,var(--on-p) 16%,transparent);border-radius:var(--on-r);background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s}
.swon-tnum{color:var(--on-a);font-size:13px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.swon-ttxt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.swon-ttxt b{color:var(--on-t);font-size:17px;font-weight:700;line-height:1.3}
.swon-ttxt span{color:var(--on-x);font-size:14px;line-height:1.45}
.swon-tgo{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--on-p) 10%,#fff);color:var(--on-p);transition:background .25s,color .25s,transform .25s}
.swon-tgo svg{width:18px;height:18px}
.swon-tile:hover{border-color:var(--on-p);box-shadow:0 18px 34px -24px rgba(20,50,90,.5);transform:translateY(-3px)}
.swon-tile:hover .swon-tgo{background:var(--on-p);color:#fff;transform:translateX(3px)}

@media (max-width:900px){
	.swon-grid{grid-template-columns:1fr}
	.swon--img-left .swon-media{order:0}
	.swon-media{aspect-ratio:4/3;margin-bottom:26px}
}
@media (max-width:600px){
	.swon-head{margin-bottom:26px}
	.swon.swon .swon-lead{font-size:15.5px}
	.swon.swon .swon-txt p{font-size:15.5px}
	.swon.swon .swon-stats li{padding:14px 12px 14px 0}
	.swon.swon .swon-stats li:nth-child(even){padding-left:14px}
	.swon.swon .swon-btn{width:100%;justify-content:center}
	.swon-media{gap:10px}
	.swon-badge{width:86px;height:86px;left:-8px;bottom:18px;box-shadow:0 0 0 6px var(--on-bg),0 12px 24px -12px rgba(0,0,0,.35)}
	.swon-badge span{font-size:12px}
	.swon-tile{padding:16px}
}
@media (prefers-reduced-motion:reduce){.swon *{transition:none!important}}

/* ---------- 1.1: karta „1972” ze zdjęciem w tle ---------- */
.swon-media--card{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:5/4}
.swon-media--card.swon-media--s1,.swon-media--card.swon-media--s2{grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr}
.swon-media--card .swon-card{grid-row:1 / -1;height:100%;min-height:300px;box-shadow:0 26px 50px -30px rgba(20,50,90,.6)}
.swon-media--card.swon-media--s1 .swon-ph{grid-row:1 / 3;margin:14% 0 -4%}
.swon.swon .swon-card-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.swon-card.has-bg::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,var(--on-p) 0%,color-mix(in srgb,var(--on-p) calc(var(--on-ov) * 100%),transparent) 45%,color-mix(in srgb,var(--on-p) calc(var(--on-ov) * 45%),transparent) 100%)}
.swon-card.has-bg::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,rgba(11,29,48,calc(var(--on-ov) * .45)),transparent 60%)}
.swon-card.has-bg .swon-ring{color:rgba(255,255,255,.22)}
.swon-card.has-bg .swon-card-year,.swon-card.has-bg .swon-card-txt{text-shadow:0 2px 18px rgba(0,0,0,.25)}
.swon-card:hover .swon-card-bg{transform:scale(1.05)}
@media (max-width:600px){
	.swon-media--card{aspect-ratio:auto}
	.swon-media--card .swon-card{min-height:280px}
	.swon-media--card.swon-media--s1,.swon-media--card.swon-media--s2{grid-template-columns:1fr 1fr;grid-template-rows:auto 150px}
	.swon-media--card.swon-media--s1 .swon-card,.swon-media--card.swon-media--s2 .swon-card{grid-column:1 / -1;grid-row:1}
	.swon-media--card .swon-ph{grid-row:2!important;margin:0!important}
	.swon-media--card.swon-media--s1 .swon-ph{grid-column:1 / -1}
}
.swon-card{container-type:inline-size}
.swon .swon-card-year{font-size:clamp(52px,31cqi,128px)}
.swon .swon-card-txt{font-size:clamp(14px,5cqi,17px)}