/* ==========================================================
   Split Banner
   ========================================================== */
.e-split-banner{
  --sb-height:100vh;--sb-max:960px;--sb-stack:62vh;--sb-center:44%;--sb-mark:86px;
  --sb-bg:#241A16;--sb-ov-top:rgba(36,26,22,.55);--sb-ov-bottom:rgba(30,20,16,.92);
  --sb-glow:rgba(30,20,16,.55);--sb-divider:rgba(237,228,217,.25);--sb-accent:#A9865A;--sb-icon:#5C0E1F;
  position:relative;display:flex;width:100%;height:min(var(--sb-height),var(--sb-max));min-height:560px;
  background:var(--sb-bg);overflow:hidden;color:#EDE4D9;
}
@supports (height:100svh){.e-split-banner{--sb-height:100svh}}
.e-split-banner__panel{position:relative;display:block;flex:1 1 50%;overflow:hidden;color:inherit;text-decoration:none;
  transition:flex-grow .8s cubic-bezier(.2,.7,.2,1)}
.e-split-banner__panel,.e-split-banner__panel:hover,.e-split-banner__panel:focus{color:#EDE4D9}
.e-split-banner__panel--right{border-left:1px solid var(--sb-divider)}
.e-split-banner__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;
  transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}
.e-split-banner__shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--sb-ov-top) 0%,transparent 30%,rgba(0,0,0,.12) 55%,var(--sb-ov-bottom) 100%)}
.e-split-banner__content{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;
  padding:0 clamp(24px,4vw,64px) clamp(76px,9vh,110px)}
.e-split-banner__panel--right .e-split-banner__content{align-items:flex-end;text-align:right}
.e-split-banner__label{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.e-split-banner__label::before{content:"";width:28px;height:1px;background:var(--sb-accent)}
.e-split-banner__panel--right .e-split-banner__label::before{order:2}
.e-split-banner__ptitle{display:block;max-width:480px;margin-bottom:26px}
.e-split-banner__go{display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--sb-accent)}
.e-split-banner__go svg{transition:transform .4s}

.e-split-banner__center{position:absolute;z-index:3;left:50%;top:var(--sb-center);transform:translate(-50%,-50%);
  width:min(90vw,560px);text-align:center;pointer-events:none}
.e-split-banner__center::before{content:"";position:absolute;inset:-30% -20%;z-index:-1;
  background:radial-gradient(closest-side,var(--sb-glow),transparent)}
.e-split-banner__mark{display:flex;align-items:center;justify-content:center;width:var(--sb-mark);height:var(--sb-mark);margin:0 auto 18px;
  border:1px solid #A9865A;border-radius:50%;font-family:"Bodoni Moda VF","Bodoni Moda",Didot,serif;font-style:italic;
  font-size:calc(var(--sb-mark)*.42);letter-spacing:-.08em;line-height:1;font-variation-settings:"opsz" 14}
.e-split-banner__mark-img{display:block;width:var(--sb-mark);height:auto;margin:0 auto 18px}
.e-split-banner__heading{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:1}
.e-split-banner__title{display:block;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.e-split-banner__subtitle{display:block;margin-top:16px}

.e-split-banner__badge{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;
  padding:9px 18px 9px 10px;border:1px solid;border-radius:40px;white-space:nowrap;text-decoration:none;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s,border-color .3s}
.e-split-banner__badge,.e-split-banner__badge:hover{color:#EDE4D9}
.e-split-banner__badge{background-color:rgba(36,26,22,.45);border-color:rgba(237,228,217,.3)}
.e-split-banner__badge:hover{background-color:var(--sb-icon);border-color:var(--sb-icon)}
.e-split-banner__badge-icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sb-icon)}
.e-split-banner__badge-icon svg{fill:#EDE4D9;margin-left:2px}
.e-split-banner__badge:hover .e-split-banner__badge-icon{background:#EDE4D9}
.e-split-banner__badge:hover .e-split-banner__badge-icon svg{fill:var(--sb-icon)}

@media (hover:hover) and (min-width:768px){
  .e-split-banner.has-hover:hover .e-split-banner__panel{flex-grow:.85}
  .e-split-banner.has-hover .e-split-banner__panel:hover{flex-grow:1.25}
  .e-split-banner.has-hover .e-split-banner__panel:hover .e-split-banner__img{transform:scale(1)}
  .e-split-banner.has-dim:hover .e-split-banner__panel:not(:hover) .e-split-banner__img{filter:grayscale(.6) brightness(.7)}
  .e-split-banner__panel:hover .e-split-banner__go svg{transform:translateX(6px)}
}

/* Entrance: tylko gdy JS działa i nie jesteśmy w edytorze */
.e-split-banner.has-intro.is-pending .e-split-banner__panel--left{clip-path:inset(0 0 100% 0)}
.e-split-banner.has-intro.is-pending .e-split-banner__panel--right{clip-path:inset(100% 0 0 0)}
.e-split-banner.has-intro.is-pending .e-split-banner__center,
.e-split-banner.has-intro.is-pending .e-split-banner__content,
.e-split-banner.has-intro.is-pending .e-split-banner__badge{opacity:0}
.e-split-banner.has-intro.is-loaded .e-split-banner__panel{clip-path:inset(0);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1),flex-grow .8s cubic-bezier(.2,.7,.2,1)}
.e-split-banner.has-intro.is-loaded .e-split-banner__center{opacity:1;transition:opacity 1.2s .9s}
.e-split-banner.has-intro.is-loaded .e-split-banner__content{opacity:1;transition:opacity 1s 1.3s}
.e-split-banner.has-intro.is-loaded .e-split-banner__badge{opacity:1;transition:opacity 1s 1.9s,background-color .3s,border-color .3s}

/* Zabezpieczenie: jeśli JS się nie wykona, treść i tak pojawi się po 2,5 s */
.e-split-banner.is-pending .e-split-banner__panel,
.e-split-banner.is-pending .e-split-banner__center,
.e-split-banner.is-pending .e-split-banner__content,
.e-split-banner.is-pending .e-split-banner__badge{animation:sbSafe 0s 2.5s forwards}
@keyframes sbSafe{to{clip-path:inset(0);opacity:1}}

/* Mobile: panele jeden pod drugim, nazwa nad nimi */
@media (max-width:767px){
  .e-split-banner{flex-direction:column;height:auto;min-height:0}
  .e-split-banner__center{position:relative;left:auto;top:auto;transform:none;width:auto;padding:110px 20px 40px}
  .e-split-banner__panel{flex:none;min-height:var(--sb-stack)}
  .e-split-banner__panel--right{border-left:0;border-top:1px solid var(--sb-divider)}
  .e-split-banner__panel--right .e-split-banner__content{align-items:flex-start;text-align:left}
  .e-split-banner__panel--right .e-split-banner__label::before{order:0}
  .e-split-banner__content{padding-bottom:40px}
  .e-split-banner__badge{position:relative;left:auto;bottom:auto;transform:none;margin:24px auto;align-self:center;white-space:normal}
  .e-split-banner.has-intro.is-pending .e-split-banner__panel{clip-path:none}
}
@media (prefers-reduced-motion:reduce){
  .e-split-banner *{transition:none!important}
  .e-split-banner.is-pending .e-split-banner__panel{clip-path:none}
  .e-split-banner.is-pending .e-split-banner__center,.e-split-banner.is-pending .e-split-banner__content,.e-split-banner.is-pending .e-split-banner__badge{opacity:1}
}

/* ==========================================================
   Split Bar
   ========================================================== */
.e-split-bar{--sb-p:80%}
.e-split-bar__track{display:flex;height:64px;border:1px solid rgba(30,22,19,.16)}
.e-split-bar__a{flex:0 0 var(--sb-p);background:#E2D5C5}
.e-split-bar__b{flex:1;background:#5C0E1F;transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.e-split-bar.has-anim.is-pending .e-split-bar__b{transform:scaleX(0)}
.e-split-bar__labels{display:grid;grid-template-columns:var(--sb-p) 1fr;margin-top:16px}
.e-split-bar__label--first{padding-right:16px}
.e-split-bar__label--second{border-left:1px solid #5C0E1F;padding-left:12px}
.e-split-bar__value{display:block}
.e-split-bar__label--second .e-split-bar__value{color:#5C0E1F}
.e-split-bar__text{margin:8px 0 0}
@media (max-width:767px){.e-split-bar__labels{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.e-split-bar__b{transition:none}}

/* ==========================================================
   Data List
   ========================================================== */
.e-data-list{--dl-pad:24px;--dl-line:rgba(237,228,217,.18);--dl-meta:rgba(237,228,217,.55);
  width:100%;border-collapse:collapse;border:0;margin:0;background:transparent}
.e-data-list caption{caption-side:top;text-align:left;padding:0 0 18px;font-size:14px;color:var(--dl-meta)}
.e-data-list th,.e-data-list td{border:0;background:transparent}
.e-data-list th{text-align:left;font-weight:400;font-size:13px;white-space:nowrap;color:var(--dl-meta);padding:0 16px 12px 0;border-bottom:1px solid var(--dl-line)}
.e-data-list td{padding:var(--dl-pad) 16px var(--dl-pad) 0;border-bottom:1px solid var(--dl-line);vertical-align:top}
.e-data-list tbody tr{transition:background-color .3s}
.e-data-list tbody tr:nth-child(odd)>td,.e-data-list tbody tr:nth-child(even)>td{background:transparent}
.e-data-list__title{width:30%;line-height:1.2;font-variation-settings:"opsz" 14}
.e-data-list__num{text-align:right!important;white-space:nowrap;padding-right:0!important}
.e-data-list__value{display:block;line-height:1}
.e-data-list__unit{display:block;margin-top:6px}
@media (max-width:767px){
  .e-data-list thead{display:none}
  .e-data-list tbody tr{display:grid;grid-template-columns:1fr auto;padding:20px 0;border-bottom:1px solid var(--dl-line)}
  .e-data-list td{border:0;padding:0}
  .e-data-list__title{width:auto}
  .e-data-list__text{grid-column:1/-1;grid-row:2;margin-top:8px}
  .e-data-list__num{grid-column:2;grid-row:1}
}