/* Podstrony w języku strony głównej: te same tokeny, typografia i ruch co sekcje „ba”.
   Ten plik ładuje się blokująco, więc nagłówek (hero) nie zależy od późno wczytywanego ba-sections.css. */
.sb,.sb-hero{--r:16px;--vanilla:#FDFBEF;--golden:#A68150;--golden-t:#866640;--golden-40:rgba(166,129,80,.4);--ink:#2E3A26;--pine:#2A211B;--navy:#1E1813;--accent:#D9BE86;--sand:#F4F0DB;--cream:#F6EBD3;--cream-dark:#D3C4A2;--green:#6E5B47;
 --serif:'Instrument Serif',Georgia,'Times New Roman',serif;--light:'Cormorant','Cormorant Garamond',Georgia,serif;--sans:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.65,.05,.36,1);--out:cubic-bezier(.22,1,.36,1)}
@media (max-width:1920px){.sb,.sb-hero{--r:.83vw}}
@media (max-width:1440px){.sb,.sb-hero{--r:1.11vw}}
@media (max-width:1120px){.sb,.sb-hero{--r:2.08vw}}
@media (max-width:600px){.sb,.sb-hero{--r:4.1vw}}
.sb *,.sb-hero *{box-sizing:border-box}
.sb-wrap{width:100%;max-width:calc(var(--r)*117.5);margin-inline:auto;padding-inline:calc(var(--r)*4)}
@media (max-width:1120px){.sb-wrap{padding-inline:calc(var(--r)*2.25)}}
@media (max-width:600px){.sb-wrap{padding-inline:calc(var(--r)*1.5)}}

/* ---------- przyciski (kopie ba-btn, żeby działały przed ba-sections.css) ---------- */
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--r)*.6);min-width:calc(var(--r)*13.75);height:calc(var(--r)*3.5);padding:0 calc(var(--r)*1.5);border:1px solid;border-radius:999px;font:400 calc(var(--r)*.875)/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .65s var(--ease),color .65s var(--ease),border-color .65s var(--ease)}
.sb-btn svg{width:calc(var(--r)*1.5);height:calc(var(--r)*.5625);transition:transform .65s var(--ease)}
.sb-btn:hover svg{transform:translateX(calc(var(--r)*.3))}
.sb-btn--fill{background:var(--cream-dark);border-color:var(--cream-dark);color:var(--pine)}.sb-btn--fill svg{color:var(--green)}
.sb-btn--fill:hover{background:var(--cream);border-color:var(--cream)}
.sb-btn--line{background:transparent;border-color:rgba(211,196,162,.55);color:var(--cream)}.sb-btn--line svg{color:var(--accent)}
.sb-btn--line:hover{background:rgba(110,91,71,.4);border-color:var(--cream-dark)}
.sb-btn--ink{background:transparent;border-color:var(--golden);color:var(--ink)}.sb-btn--ink svg{color:var(--golden)}
.sb-btn--ink:hover{background:var(--sand)}
.sb-btn:focus-visible,.sb a:focus-visible,.sb-hero a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:600px){.sb-btn{height:calc(var(--r)*3.25);min-width:0;padding:0 calc(var(--r)*1.25)}}

/* słowa nagłówków: maska + wjazd od dołu (tekst w DOM bez zmian) */
.sb-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.sb-w>span{display:inline-block;will-change:transform}

/* =================== HERO =================== */
.sb-hero{position:relative;display:flex;min-height:max(calc(100svh - 106px),calc(var(--r)*40));overflow:clip;background:var(--navy);color:var(--cream);isolation:isolate}
.sb-hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.sb-hero-bg img{position:absolute;left:0;top:-6%;width:100%;height:112%;max-width:none;object-fit:cover;animation:sbZoom 2.4s var(--out) both}
.sb-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(22,17,13,.82) 0%,rgba(22,17,13,.5) 22%,rgba(22,17,13,.42) 48%,rgba(22,17,13,.78) 78%,rgba(22,17,13,.94) 100%),linear-gradient(90deg,rgba(22,17,13,.6) 0%,rgba(22,17,13,.15) 60%,rgba(22,17,13,0) 85%)}
.sb-hero-wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--r)*2);padding-top:calc(var(--r)*4);padding-bottom:calc(var(--r)*2.25)}
.sb-crumbs ol{display:flex;flex-wrap:wrap;gap:calc(var(--r)*.5);margin:0;padding:0;list-style:none;font:400 calc(var(--r)*.8125)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,240,219,.66)}
.sb-crumbs li+li::before{content:"/";margin-right:calc(var(--r)*.5);color:var(--accent)}
.sb-crumbs a{color:inherit;text-decoration:none;transition:color .4s}.sb-crumbs a:hover{color:var(--cream)}
.sb-crumbs [aria-current]{color:var(--accent)}
.sb-h1{margin:0;max-width:16.5em;font:400 calc(var(--r)*6.6)/.94 var(--serif);letter-spacing:-.005em;text-transform:uppercase;color:var(--cream-dark);text-wrap:balance}
.sb-h1 .sb-it{font-style:italic;text-transform:none;color:var(--accent);letter-spacing:0}
.sb-h1--long{font-size:calc(var(--r)*5.6)}
.sb-lead p{margin:0 0 calc(var(--r)*.9);max-width:36em;font:300 calc(var(--r)*1.125)/1.6 var(--sans);color:rgba(246,235,211,.88)}
.sb-lead p:last-child{margin-bottom:0}
.sb-lead strong{font-weight:500;color:var(--cream)}
.sb-lead a{color:var(--accent);text-underline-offset:.2em}
.sb-cta{display:flex;flex-wrap:wrap;gap:calc(var(--r)*.75);margin-top:calc(var(--r)*2)}
.sb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:calc(var(--r)*.5) 0 0;padding:0;list-style:none;border-top:1px solid rgba(217,190,134,.28)}
.sb-facts li{display:flex;align-items:baseline;gap:calc(var(--r)*.75);padding:calc(var(--r)*1.25) calc(var(--r)*1.25) 0 0;animation:sbFade 1s var(--out) both;animation-delay:calc(1.1s + var(--i)*.1s)}
.sb-facts li+li{padding-left:calc(var(--r)*1.25);border-left:1px solid rgba(217,190,134,.2)}
.sb-facts b{flex:none;font:400 calc(var(--r)*2.4)/1 var(--serif);color:var(--accent);white-space:nowrap}
.sb-facts span{font:400 calc(var(--r)*.8125)/1.35 var(--sans);color:rgba(246,235,211,.7)}
.sb-h1 .sb-w>span{animation:sbUp .95s var(--out) both;animation-delay:calc(.04s + var(--i)*.035s)}
.sb-hero .sb-crumbs,.sb-hero .sb-lead,.sb-hero .sb-cta{animation:sbFade 1s var(--out) both}
.sb-hero .sb-lead{animation-delay:.55s}.sb-hero .sb-cta{animation-delay:.7s}
.sb-late .sb-hero-bg img,.sb-late .sb-hero .sb-crumbs{animation-delay:1s}
.sb-late .sb-h1 .sb-w>span{animation-delay:calc(1.1s + var(--i)*.055s)}
.sb-late .sb-hero .sb-lead{animation-delay:1.5s}.sb-late .sb-hero .sb-cta{animation-delay:1.65s}
.sb-late .sb-facts li{animation-delay:calc(2s + var(--i)*.1s)}
@keyframes sbZoom{from{transform:scale(1.12)}to{transform:none}}
@keyframes sbUp{from{transform:translate3d(0,108%,0)}to{transform:none}}
@keyframes sbFade{from{opacity:0;transform:translate3d(0,calc(var(--r)*1),0)}to{opacity:1;transform:none}}
@media (max-width:1120px){
 .sb-hero-wrap{padding-top:calc(var(--r)*10)}
 .sb-h1{font-size:calc(var(--r)*5.6)}.sb-h1--long{font-size:calc(var(--r)*4.9)}
 .sb-lead p{font-size:calc(var(--r)*1.0625)}
 .sb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sb-facts li:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:600px){
 .sb-hero{min-height:0}
 .sb-hero-wrap{gap:calc(var(--r)*1.75);padding-top:calc(var(--r)*7.25);padding-bottom:calc(var(--r)*2.25)}
 .sb-crumbs ol{font-size:calc(var(--r)*.6875);letter-spacing:.12em}
 .sb-h1{font-size:calc(var(--r)*3.05);line-height:.98}.sb-h1--long{font-size:calc(var(--r)*2.7)}
 .sb-lead p{font-size:calc(var(--r)*.9375);line-height:1.6}
 .sb-cta{flex-direction:column;align-items:stretch}
 .sb-facts li{flex-direction:column;gap:calc(var(--r)*.35);padding:var(--r) var(--r) var(--r) 0}
 .sb-facts li+li{padding-left:var(--r)}
 .sb-facts li:nth-child(n+3){border-top:1px solid rgba(217,190,134,.2)}
 .sb-facts b{font-size:calc(var(--r)*2)}
 .sb-facts span{font-size:calc(var(--r)*.75)}
}

/* =================== SEKCJE TREŚCI =================== */
.sb{position:relative;font-family:var(--sans)}
section.sb-light{background:var(--vanilla) !important;color:var(--ink)}
section.sb-dark{background:var(--pine) !important;color:var(--cream)}
section.sb-navy{background:var(--navy) !important;color:var(--cream)}
.sb-sec{padding:calc(var(--r)*8.5) 0}
.sb-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:calc(var(--r)*6)}
.sb-side{position:relative}
.sb-side-in{position:sticky;top:calc(var(--r)*8)}
.sb-idx{display:flex;align-items:center;gap:calc(var(--r)*.9);margin:0 0 calc(var(--r)*1.75);font:400 calc(var(--r)*.8125)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--golden)}
.sb-dark .sb-idx,.sb-navy .sb-idx{color:var(--accent)}
.sb-idx i{display:block;width:calc(var(--r)*3);height:1px;background:currentColor;opacity:.6;transform-origin:left}
.sb-h2{margin:0;font:300 calc(var(--r)*3.85)/1.04 var(--light);letter-spacing:.005em;color:var(--ink);text-wrap:balance;font-variant-numeric:lining-nums}
.sb-dark .sb-h2,.sb-navy .sb-h2{color:var(--sand)}
.sb-h2 em,.sb-h2 .sb-it{font-style:italic;color:var(--golden)}
.sb-dark .sb-h2 .sb-it,.sb-navy .sb-h2 .sb-it{color:var(--accent)}
.sb-body{min-width:0;padding-top:calc(var(--r)*2.75)}
.sb-wide .sb-grid{grid-template-columns:minmax(0,1fr)}
.sb-wide .sb-side-in{position:static;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:calc(var(--r)*6);align-items:end}
.sb-wide .sb-idx{grid-column:1/-1}
.sb-wide .sb-body{padding-top:calc(var(--r)*4)}
.sb-lede{grid-column:2;align-self:end}
.sb-lede p{margin:0 0 calc(var(--r)*.9);max-width:40em;font:300 calc(var(--r)*1.125)/1.7 var(--sans);color:#4A4436}
.sb-lede p:last-child{margin-bottom:0}
.sb-dark .sb-lede p,.sb-navy .sb-lede p{color:rgba(244,240,219,.78)}
.sb-lede a{color:var(--golden);text-underline-offset:.22em}.sb-dark .sb-lede a{color:var(--accent)}

/* typografia treści */
.sb-body>*:first-child{margin-top:0}
.sb-body p{margin:0 0 calc(var(--r)*1.25);max-width:42em;font:300 calc(var(--r)*1.125)/1.7 var(--sans);color:#4A4436}
.sb-dark .sb-body p,.sb-navy .sb-body p{color:rgba(244,240,219,.78)}
.sb-body p.answer{margin-bottom:calc(var(--r)*2.25);max-width:30em;font:400 calc(var(--r)*1.95)/1.3 var(--light);color:var(--ink)}
.sb-dark .sb-body p.answer,.sb-navy .sb-body p.answer{color:var(--sand)}
.sb-body strong{font-weight:500;color:var(--ink)}
.sb-dark .sb-body strong,.sb-navy .sb-body strong{color:var(--cream)}
.sb-body a{color:var(--golden);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .4s}
.sb-body a:hover{color:var(--ink)}
.sb-dark .sb-body a,.sb-navy .sb-body a{color:var(--accent)}
.sb-dark .sb-body a:hover,.sb-navy .sb-body a:hover{color:var(--cream)}
.sb-body h3{margin:calc(var(--r)*2.5) 0 calc(var(--r)*.9);font:400 calc(var(--r)*2.1)/1.12 var(--light);color:var(--ink)}
.sb-dark .sb-body h3,.sb-navy .sb-body h3{color:var(--sand)}
.sb-body small{font-size:.85em;opacity:.8}

/* listy z ikoną (jak „co dostajesz” w Rodzajach stron) */
.sb-body ul.check,.sb-body ol.steps{margin:0 0 calc(var(--r)*2);padding:0;list-style:none;max-width:46em}
.sb-body ul.check li{position:relative;padding:calc(var(--r)*1.05) 0 calc(var(--r)*1.05) calc(var(--r)*2.75);border-top:1px solid var(--golden-40);font:300 calc(var(--r)*1.0625)/1.6 var(--sans);color:#4A4436}
.sb-body ul.check li:last-child{border-bottom:1px solid var(--golden-40)}
.sb-dark .sb-body ul.check li,.sb-navy .sb-body ul.check li{border-color:rgba(217,190,134,.22);color:rgba(244,240,219,.8)}
.sb-body ul.check li::before{content:"";position:absolute;left:0;top:calc(var(--r)*1.15);width:calc(var(--r)*1.5);height:calc(var(--r)*1.5);border:1px solid currentColor;border-radius:50%;color:var(--golden);
 background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.4l3.2 3.2L17.2 8.6' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.4l3.2 3.2L17.2 8.6' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.sb-body ul.check li::after{content:"";position:absolute;left:0;top:calc(var(--r)*1.15);width:calc(var(--r)*1.5);height:calc(var(--r)*1.5);border:1px solid var(--golden-40);border-radius:50%}
.sb-dark .sb-body ul.check li::before,.sb-navy .sb-body ul.check li::before{color:var(--accent)}
.sb-dark .sb-body ul.check li::after,.sb-navy .sb-body ul.check li::after{border-color:rgba(217,190,134,.45)}
.sb-body ul.check.cross li::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 8.5l7 7M15.5 8.5l-7 7' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 8.5l7 7M15.5 8.5l-7 7' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");color:#9A5B4A}
.sb-dark .sb-body ul.check.cross li::before{color:#D9957F}
.sb-body ul.check li strong{font-weight:500}

/* kroki: duże cyfry Instrument Serif */
.sb-body ol.steps{counter-reset:sbs}
.sb-body ol.steps li{counter-increment:sbs;position:relative;display:grid;grid-template-columns:calc(var(--r)*5) minmax(0,1fr);align-items:baseline;padding:calc(var(--r)*1.4) 0;border-top:1px solid var(--golden-40);font:300 calc(var(--r)*1.0625)/1.6 var(--sans);color:#4A4436}
.sb-body ol.steps li:last-child{border-bottom:1px solid var(--golden-40)}
.sb-body ol.steps li::before{content:counter(sbs,decimal-leading-zero);grid-row:1/3;font:400 calc(var(--r)*2.6)/1 var(--serif);color:var(--golden)}
.sb-dark .sb-body ol.steps li,.sb-navy .sb-body ol.steps li{border-color:rgba(217,190,134,.22);color:rgba(244,240,219,.8)}
.sb-dark .sb-body ol.steps li::before,.sb-navy .sb-body ol.steps li::before{color:var(--accent)}
.sb-body ol.steps li strong{display:block;margin-bottom:calc(var(--r)*.25);font:400 calc(var(--r)*1.6)/1.2 var(--light);color:var(--ink)}
.sb-body ol.steps li.sb-inl strong{display:inline;font:500 1em/1.6 var(--sans);color:var(--ink)}
.sb-dark .sb-body ol.steps li.sb-inl strong{color:var(--cream)}
.sb-dark .sb-body ol.steps li strong,.sb-navy .sb-body ol.steps li strong{color:var(--sand)}

/* karty → wiersze z numerem (jak lista w Rodzajach stron) */
.sb-body .grid{counter-reset:sbc;display:grid;grid-template-columns:minmax(0,1fr);margin:calc(var(--r)*1.5) 0 calc(var(--r)*2)}
.sb-body .card{counter-increment:sbc;position:relative;display:grid;grid-template-columns:calc(var(--r)*4.5) minmax(0,1fr);column-gap:var(--r);padding:calc(var(--r)*1.75) 0;border-top:1px solid var(--golden-40);transition:background .6s var(--ease)}
.sb-body .card:last-child{border-bottom:1px solid var(--golden-40)}
.sb-body .card::before{content:counter(sbc,decimal-leading-zero);grid-row:1/span 6;padding-top:calc(var(--r)*.45);font:400 calc(var(--r)*.8125)/1 var(--sans);letter-spacing:.16em;color:var(--golden)}
.sb-body .card>*{grid-column:2}
.sb-body .card h3{margin:0 0 calc(var(--r)*.7);font:300 calc(var(--r)*2.6)/1.05 var(--light);color:var(--golden);transition:color .5s var(--ease),transform .5s var(--ease)}

.sb-body .card p{margin:0 0 calc(var(--r)*.6);font-size:calc(var(--r)*1.0625)}
.sb-body .card p:last-child{margin-bottom:0}
.sb-dark .sb-body .card,.sb-navy .sb-body .card{border-color:rgba(217,190,134,.22)}
.sb-dark .sb-body .card::before,.sb-navy .sb-body .card::before,.sb-dark .sb-body .card h3,.sb-navy .sb-body .card h3{color:var(--accent)}
.sb-dark .sb-body .card:hover h3,.sb-navy .sb-body .card:hover h3{color:var(--sand)}
.sb-body .card--hl{background:linear-gradient(90deg,rgba(166,129,80,.1),rgba(166,129,80,0) 80%)}
.sb-dark .sb-body .card--hl{background:linear-gradient(90deg,rgba(217,190,134,.1),rgba(217,190,134,0) 80%)}
.sb-body .card p.price{display:block;margin:0 0 calc(var(--r)*1);font:400 calc(var(--r)*2.6)/1 var(--serif);color:var(--ink)}
.sb-body .card p.price small{font:400 calc(var(--r)*.8125)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--golden);opacity:1}
.sb-dark .sb-body .card p.price{color:var(--cream-dark)}.sb-dark .sb-body .card p.price small{color:var(--accent)}
.sb-body .card ul.check{margin:calc(var(--r)*.6) 0 0}
.sb-body .card ul.check li{font-size:var(--r);padding-top:calc(var(--r)*.7);padding-bottom:calc(var(--r)*.7);padding-left:calc(var(--r)*2.4)}
.sb-body .card ul.check li::before,.sb-body .card ul.check li::after{top:calc(var(--r)*.8);width:calc(var(--r)*1.3);height:calc(var(--r)*1.3)}
/* szerokie sekcje: karty w kolumnach */
.sb-wide .sb-body .grid{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));border-top:1px solid var(--golden-40);border-bottom:1px solid var(--golden-40)}
.sb-wide .sb-body .grid--2{--cols:2}.sb-wide .sb-body .grid--4{--cols:4}
.sb-wide .sb-body .card{grid-template-columns:minmax(0,1fr);align-content:start;padding:calc(var(--r)*2) calc(var(--r)*2) calc(var(--r)*2.25) 0;border:0}
.sb-wide .sb-body .card+.card{padding-left:calc(var(--r)*2);border-left:1px solid var(--golden-40)}
.sb-wide .sb-body .card::before{grid-row:auto;margin-bottom:calc(var(--r)*2.25);padding:0}
.sb-wide .sb-body .card>*{grid-column:1}
.sb-dark.sb-wide .sb-body .grid,.sb-dark.sb-wide .sb-body .card+.card{border-color:rgba(217,190,134,.22)}

/* tabele */
.sb-body .tbl-wrap{margin:calc(var(--r)*1.5) 0 calc(var(--r)*2);overflow-x:auto}
.sb-body .tbl{width:100%;border-collapse:collapse;font:300 var(--r)/1.5 var(--sans)}
.sb-body .tbl th{padding:0 calc(var(--r)*1.25) var(--r) 0;text-align:left;vertical-align:bottom;font:400 calc(var(--r)*.75)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--golden);border-bottom:1px solid var(--golden)}
.sb-body .tbl td{padding:calc(var(--r)*1.1) calc(var(--r)*1.25) calc(var(--r)*1.1) 0;vertical-align:top;border-bottom:1px solid var(--golden-40);color:#4A4436}
.sb-body .tbl td:first-child{font:400 calc(var(--r)*1.35)/1.25 var(--light);color:var(--ink)}
.sb-body .tbl tbody tr{transition:background .5s var(--ease)}
.sb-body .tbl tbody tr:hover{background:rgba(166,129,80,.07)}
.sb-dark .sb-body .tbl th{color:var(--accent);border-color:var(--accent)}
.sb-dark .sb-body .tbl td{color:rgba(244,240,219,.8);border-color:rgba(217,190,134,.22)}
.sb-dark .sb-body .tbl td:first-child{color:var(--sand)}
.sb-dark .sb-body .tbl tbody tr:hover{background:rgba(217,190,134,.06)}

/* ilustracje */
.sb-body figure{margin:calc(var(--r)*2) 0 calc(var(--r)*2.5)}
.sb-body figure .sb-fig{overflow:hidden;border-radius:calc(var(--r)*1.25);background:#E9E2CC}
.sb-dark .sb-body figure .sb-fig{background:#1A130E}
.sb-body figure img{display:block;width:100%;height:auto}
.sb-body figcaption{display:flex;gap:calc(var(--r)*.75);align-items:center;margin-top:calc(var(--r)*.8);font:400 calc(var(--r)*.8125)/1.4 var(--sans);letter-spacing:.03em;color:var(--golden)}
.sb-body figcaption::before{content:"";flex:none;width:calc(var(--r)*1.75);height:1px;background:currentColor}
.sb-dark .sb-body figcaption{color:var(--accent)}

/* =================== WSTĘP (biały pas pod hero) =================== */
.sb-intro{padding:calc(var(--r)*7.5) 0 calc(var(--r)*7)}
.sb-intro .sb-grid{align-items:start}
.sb-statement{margin:0;max-width:24em;font:300 calc(var(--r)*2.55)/1.2 var(--light);color:var(--ink);text-wrap:pretty}
.sb-statement a{color:var(--golden);text-underline-offset:.15em;text-decoration-thickness:1px}
.sb-intro-k{margin:0;padding-top:calc(var(--r)*.9);font:400 calc(var(--r)*.8125)/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--golden)}
.sb-intro-k b{display:block;margin-bottom:calc(var(--r)*.5);font:400 calc(var(--r)*4.5)/1 var(--serif);letter-spacing:0;color:var(--ink);text-transform:none}
.sb-toc{margin-top:calc(var(--r)*2.5);max-width:calc(var(--r)*30)}
.sb-toc p{margin:0 0 var(--r);font:400 calc(var(--r)*.8125)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--golden)}
.sb-toc ol{counter-reset:sbt;margin:0;padding:0;list-style:none;border-top:1px solid var(--golden-40)}
.sb-toc li{counter-increment:sbt;break-inside:avoid}
.sb-toc a{display:grid;grid-template-columns:calc(var(--r)*2.5) 1fr;padding:calc(var(--r)*.75) 0;border-bottom:1px solid var(--golden-40);font:400 calc(var(--r)*1.35)/1.2 var(--light);color:var(--golden);text-decoration:none;transition:color .4s,padding .5s var(--ease)}
.sb-toc a::before{content:counter(sbt,decimal-leading-zero);padding-top:.25em;font:400 calc(var(--r)*.75)/1 var(--sans);letter-spacing:.12em;color:var(--golden)}


/* =================== PROCES =================== */
.sb-process{padding:calc(var(--r)*8.5) 0}
.sb-proc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:calc(var(--r)*4.5) 0 0;padding:0;list-style:none;counter-reset:sbp}
.sb-proc li{counter-increment:sbp;position:relative;padding:calc(var(--r)*2) calc(var(--r)*1.5) 0 0}
.sb-proc li+li{padding-left:calc(var(--r)*1.5);border-left:1px solid rgba(217,190,134,.18)}
.sb-proc li::before{content:counter(sbp,decimal-leading-zero);display:block;margin-bottom:calc(var(--r)*2.5);font:400 calc(var(--r)*4.5)/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--accent)}
.sb-light .sb-proc li::before{-webkit-text-stroke-color:var(--golden)}
.sb-proc b{display:block;margin-bottom:calc(var(--r)*.75);font:400 calc(var(--r)*1.75)/1.1 var(--light);color:var(--sand)}
.sb-proc span{display:block;font:300 calc(var(--r)*.9375)/1.6 var(--sans);color:rgba(244,240,219,.72)}
.sb-proc-line{position:relative;height:1px;margin-top:calc(var(--r)*4.5);background:rgba(217,190,134,.2)}
.sb-proc-line i{position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0))}
.sb-proc{margin-top:0}

/* =================== POWIĄZANE + AUTOR =================== */
.sb-related{padding:calc(var(--r)*8) 0}
.sb-links{margin:0;padding:0;list-style:none;border-top:1px solid var(--golden-40)}
.sb-links li{border-bottom:1px solid var(--golden-40)}
.sb-links a{position:relative;display:grid;grid-template-columns:calc(var(--r)*4.5) minmax(0,1fr) auto;align-items:center;column-gap:var(--r);padding:calc(var(--r)*1.4) 0;color:var(--ink);text-decoration:none;overflow:hidden}
.sb-links .n{font:400 calc(var(--r)*.8125)/1 var(--sans);letter-spacing:.16em;color:var(--golden)}
.sb-links b{display:block;font:300 calc(var(--r)*2.4)/1.1 var(--light);color:var(--golden);transition:color .5s var(--ease),transform .5s var(--ease)}
.sb-links small{display:block;margin-top:calc(var(--r)*.35);font:300 calc(var(--r)*.9375)/1.4 var(--sans);color:#4A4436}
.sb-links svg{width:calc(var(--r)*1.5);height:calc(var(--r)*.5625);color:var(--golden);transition:transform .6s var(--ease)}

.sb-links a:hover svg{transform:translateX(calc(var(--r)*.6))}
.sb-author{display:grid;grid-template-columns:calc(var(--r)*4.5) minmax(0,1fr);column-gap:var(--r);margin-top:calc(var(--r)*4);padding-top:calc(var(--r)*2);border-top:1px solid var(--golden-40)}
.sb-author-mono{display:grid;place-items:center;width:calc(var(--r)*3.5);height:calc(var(--r)*3.5);border-radius:50%;background:var(--pine);color:var(--accent);font:400 calc(var(--r)*1.25)/1 var(--serif)}
.sb-author p{margin:0 0 calc(var(--r)*.5);max-width:44em;font:300 var(--r)/1.6 var(--sans);color:#4A4436}
.sb-author .sb-author-n{font:400 calc(var(--r)*1.6)/1.2 var(--light);color:var(--ink)}
.sb-author a{color:var(--golden)}
.sb-author time{color:var(--golden)}

/* =================== FAQ (karty ze strony głównej) =================== */
.faq-section.sb-faq .faq-q-h{display:contents;margin:0;font:inherit}
.faq-section.sb-faq .faq-answer-p a{color:#B89758;text-decoration:underline;text-underline-offset:.2em}
.faq-section.sb-faq .faq-card.is-open .faq-answer-p a{color:#E6CB8E}

/* =================== REALIZACJE (ba-opt) =================== */
.sb-cases .ba-opt-tag{font-size:calc(var(--r)*5.2)}
.sb-cases .ba-li-a{font-size:calc(var(--r)*3.4)}
.sb-cases .sb-case-k{display:block;margin-bottom:calc(var(--r)*.6);font:400 calc(var(--r)*.8125)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sb-cases .ba-stat-desc a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}
.sb-cases .ba-stat-desc a:hover{color:var(--cream)}
.sb-cases .sb-case-p{margin:0;max-width:calc(var(--r)*30);font:300 calc(var(--r)*1.0625)/1.55 var(--sans);color:var(--cream)}

/* =================== RUCH: elementy czekające na wejście (tylko gdy JS i bez reduced motion) =================== */
.sb-js .sb-h2 .sb-w>span,.sb-js .sb-statement .sb-w>span{transform:translate3d(0,108%,0);transition:transform 1.15s var(--out);transition-delay:calc(var(--i,0)*.045s)}
.sb-js .sb-h2.is-in .sb-w>span,.sb-js .sb-statement.is-in .sb-w>span{transform:none}
.sb-js .sb-rv{opacity:0;transform:translate3d(0,calc(var(--r)*1.75),0);transition:opacity 1s var(--out),transform 1.2s var(--out);transition-delay:calc(var(--d,0)*.08s + .1s)}
.sb-js .sb-rv.is-in{opacity:1;transform:none}
.sb-js .sb-mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease)}
.sb-js .sb-mask img{transform:scale(1.14);transition:transform 1.8s var(--out)}
.sb-js .sb-mask.is-in{clip-path:inset(0 0 0 0)}.sb-js .sb-mask.is-in img{transform:none}
.sb-js .sb-idx i{transform:scaleX(0);transition:transform 1.1s var(--ease) .2s}
.sb-js .sb-idx.is-in i{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
 .sb-hero *,.sb-hero{animation:none !important}
 .sb-js .sb-rv,.sb-js .sb-mask,.sb-js .sb-mask img,.sb-js .sb-w>span,.sb-js .sb-idx i{opacity:1 !important;transform:none !important;clip-path:none !important;transition:none !important}
}

/* =================== TELEFON =================== */
@media (max-width:1120px){
 .sb-sec,.sb-process,.sb-related{padding:calc(var(--r)*6) 0}
 .sb-grid,.sb-wide .sb-side-in{grid-template-columns:minmax(0,1fr)}
 .sb-lede{grid-column:1;margin-top:calc(var(--r)*2)}
 .sb-side-in{position:static}
 .sb-body{padding-top:calc(var(--r)*2.5)}
 .sb-h2{font-size:calc(var(--r)*3.3)}
 .sb-statement{font-size:calc(var(--r)*2.6)}
 .sb-intro-k{padding:0 0 calc(var(--r)*2)}
 .sb-proc{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(var(--r)*2.5)}
 .sb-proc li+li{border-left:0;padding-left:0}
 .sb-proc li:nth-child(even){padding-left:calc(var(--r)*1.5);border-left:1px solid rgba(217,190,134,.18)}
 .sb-proc-line{display:none}
 .sb-wide .sb-body .grid{--cols:2}
 .sb-wide .sb-body .card:nth-child(odd){padding-left:0;border-left:0}
}
@media (max-width:600px){
 .sb-sec,.sb-process,.sb-related{padding:calc(var(--r)*4.5) 0}
 .sb-intro{padding:calc(var(--r)*4.5) 0}
 .sb-idx{margin-bottom:calc(var(--r)*1.25);font-size:calc(var(--r)*.6875)}
 .sb-h2{font-size:calc(var(--r)*2.45);line-height:1.08}
 .sb-statement{font-size:calc(var(--r)*1.9);line-height:1.2}
 .sb-intro-k b{font-size:calc(var(--r)*3.2)}
 .sb-body p{font-size:calc(var(--r)*.9375);line-height:1.65}
 .sb-body p.answer{font-size:calc(var(--r)*1.45)}
 .sb-body ul.check li,.sb-body ol.steps li{font-size:calc(var(--r)*.9375)}
 .sb-body ul.check li{padding-left:calc(var(--r)*2.4)}
 .sb-body ol.steps li{grid-template-columns:calc(var(--r)*3.4) minmax(0,1fr)}
 .sb-body ol.steps li::before{font-size:calc(var(--r)*2)}
 .sb-body ol.steps li strong{font-size:calc(var(--r)*1.3)}
 .sb-body .card{grid-template-columns:calc(var(--r)*2.6) minmax(0,1fr);column-gap:calc(var(--r)*.5)}
 .sb-body .card h3{font-size:calc(var(--r)*1.9)}
 .sb-body .card p{font-size:calc(var(--r)*.9375)}
 .sb-wide .sb-body .grid{grid-template-columns:minmax(0,1fr);border:0}
 .sb-wide .sb-body .card,.sb-wide .sb-body .card+.card,.sb-wide .sb-body .card:nth-child(odd){grid-template-columns:calc(var(--r)*2.6) minmax(0,1fr);column-gap:calc(var(--r)*.5);padding:calc(var(--r)*1.4) 0;border:0;border-top:1px solid var(--golden-40)}
 .sb-wide .sb-body .card:last-child{border-bottom:1px solid var(--golden-40)}
 .sb-wide .sb-body .card::before{grid-row:1/span 6;margin:0;padding-top:calc(var(--r)*.45)}
 .sb-wide .sb-body .card>*{grid-column:2}
 .sb-dark.sb-wide .sb-body .card{border-color:rgba(217,190,134,.22)}
 .sb-body h3{font-size:calc(var(--r)*1.6)}
 /* tabela → karty */
 .sb-body .tbl-wrap{overflow:visible}
 .sb-body .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .sb-body .tbl,.sb-body .tbl tbody,.sb-body .tbl tr,.sb-body .tbl td{display:block;width:100%}
 .sb-body .tbl tr{padding:calc(var(--r)*.9) 0;border-top:1px solid var(--golden)}
 .sb-body .tbl td{display:grid;grid-template-columns:40% 60%;gap:calc(var(--r)*.75);padding:calc(var(--r)*.45) 0;border:0;font-size:calc(var(--r)*.875)}
 .sb-body .tbl td::before{content:attr(data-label);font:400 calc(var(--r)*.6875)/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--golden)}
 .sb-body .tbl td:first-child{display:block;padding-bottom:calc(var(--r)*.5);font-size:calc(var(--r)*1.35)}
 .sb-body .tbl td:first-child::before{display:none}
 .sb-dark .sb-body .tbl tr{border-color:var(--accent)}
 .sb-dark .sb-body .tbl td::before{color:var(--accent)}
 .sb-toc a{font-size:calc(var(--r)*1.2)}
 .sb-proc{grid-template-columns:minmax(0,1fr)}
 .sb-proc li,.sb-proc li+li,.sb-proc li:nth-child(even){display:grid;grid-template-columns:calc(var(--r)*4.5) minmax(0,1fr);padding:calc(var(--r)*1.25) 0;border-left:0;border-top:1px solid rgba(217,190,134,.18)}
 .sb-proc li::before{grid-row:1/3;margin:0;font-size:calc(var(--r)*3)}
 .sb-proc b{font-size:calc(var(--r)*1.45)}
 .sb-proc span{font-size:calc(var(--r)*.875)}
 .sb-links a{grid-template-columns:calc(var(--r)*2.6) minmax(0,1fr) auto;padding:calc(var(--r)*1.1) 0}
 .sb-links b{font-size:calc(var(--r)*1.7)}
 .sb-links small{font-size:calc(var(--r)*.8125)}
 .sb-author{grid-template-columns:minmax(0,1fr);row-gap:var(--r)}
 .sb-cases .ba-li-a{font-size:calc(var(--r)*2.75)}
}

/* drobny złoty tekst na jasnym tle: ciemniejszy odcień (kontrast WCAG AA ≥ 4,5:1) */
.sb-light .sb-idx,.sb-intro-k,.sb-toc p,.sb-toc a::before,.sb-links .n,.sb-light .sb-body figcaption,.sb-light .sb-body .tbl th,
.sb-light .sb-body .tbl td::before,.sb-light .sb-body a,.sb-light .sb-lede a,.sb-light .sb-body .card::before,.sb-author a,.sb-author time,
.sb-light .sb-body .card p.price small,.sb-statement a{color:var(--golden-t)}

/* =================================================================================
   v2 · NAGŁÓWEK Z POKAZEM REALIZACJI, PASEK USŁUG, KARTY REALIZACJI, CENNIK, EFEKTY
   ================================================================================= */
.sb-hero-wrap{justify-content:center}
.sb-hero-main{flex:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:calc(var(--r)*5);align-items:center}
.sb-hero-copy{display:flex;flex-direction:column;gap:calc(var(--r)*1.75);min-width:0}
.sb-hero .sb-h1{font-size:calc(var(--r)*5.5);max-width:none}
.sb-hero .sb-h1--long{font-size:calc(var(--r)*4.7)}
.sb-hero .sb-cta{margin-top:calc(var(--r)*.5)}
.sb-hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(calc(var(--r)*40) circle at var(--hx,72%) var(--hy,42%),rgba(217,190,134,.16),transparent 62%)}

/* pokaz realizacji: ramka przeglądarki */
.sb-show{position:relative;perspective:1700px;padding:0 0 calc(var(--r)*2.5) calc(var(--r)*2.5);animation:sbFade 1s var(--out) .35s both}
.sb-show-tilt{position:relative;transform-style:preserve-3d;transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform 1s var(--out)}
.sb-show-frame{position:relative;overflow:hidden;border-radius:calc(var(--r)*1.1);background:#15100C;box-shadow:0 calc(var(--r)*3.5) calc(var(--r)*6) calc(var(--r)*-2) rgba(0,0,0,.8),0 0 0 1px rgba(217,190,134,.2),inset 0 1px 0 rgba(255,240,220,.08);animation:sbFrame 1.5s var(--ease) .5s both}
.sb-show-bar{display:flex;align-items:center;gap:calc(var(--r)*.9);height:calc(var(--r)*2.5);padding:0 calc(var(--r)*1);background:linear-gradient(180deg,#2E251E,#221B16);border-bottom:1px solid rgba(217,190,134,.12)}
.sb-show-dots{display:flex;gap:calc(var(--r)*.4)}
.sb-show-dots i{display:block;width:calc(var(--r)*.6);height:calc(var(--r)*.6);border-radius:50%;background:rgba(246,235,211,.18)}
.sb-show-dots i:first-child{background:#C9705A}.sb-show-dots i:nth-child(2){background:#D9BE86}.sb-show-dots i:nth-child(3){background:#7E9A6A}
.sb-show-url{display:flex;align-items:center;justify-content:center;gap:calc(var(--r)*.45);flex:1;max-width:60%;height:calc(var(--r)*1.55);margin:0 auto;border-radius:999px;background:rgba(0,0,0,.32);font:400 calc(var(--r)*.75)/1 var(--sans);letter-spacing:.02em;color:rgba(246,235,211,.82)}
.sb-show-url svg{width:calc(var(--r)*.65);height:calc(var(--r)*.75);color:var(--accent)}
.sb-show-url b{font-weight:400;transition:opacity .35s,transform .35s var(--out)}
.sb-show.is-swap .sb-show-url b,.sb-show.is-swap .sb-show-cap>*{opacity:0;transform:translateY(4px)}
.sb-show-live{display:flex;align-items:center;gap:calc(var(--r)*.4);font:500 calc(var(--r)*.625)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.sb-show-live::before{content:"";width:calc(var(--r)*.45);height:calc(var(--r)*.45);border-radius:50%;background:#7FBF6A;box-shadow:0 0 0 0 rgba(127,191,106,.6);animation:sbPulse 2s infinite}
.sb-show-screen{position:relative;aspect-ratio:1920/1093;overflow:hidden;background:#0F0B08}
.sb-show-s{position:absolute;inset:0;margin:0;clip-path:inset(0 0 0 100%);transition:clip-path 1.45s cubic-bezier(.77,0,.18,1)}
.sb-show-s img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform:translate3d(9%,0,0) scale(1.22);transition:transform 1.45s cubic-bezier(.77,0,.18,1),opacity 1.45s}
.sb-show-s.is-on{z-index:2;clip-path:inset(0 0 0 0)}
.sb-show-s.is-on img{transform:none}
.sb-show-s.is-out{z-index:1;clip-path:inset(0 0 0 0)}
.sb-show-s.is-out img{transform:translate3d(-16%,0,0) scale(1.06);opacity:.3}
.sb-show-glare{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,250,240,.10) 48%,transparent 60%);transform:translateX(var(--gl,-30%));transition:transform 1.2s var(--out)}
.sb-show-prog{display:flex;gap:calc(var(--r)*.35);padding:calc(var(--r)*.6) calc(var(--r)*1);background:#1C1612}
.sb-show-prog i{flex:1;height:2px;overflow:hidden;border-radius:2px;background:rgba(246,235,211,.14)}
.sb-show-prog b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.sb-show-prog i.is-done b{transform:scaleX(1)}
.sb-show-prog i.is-run b{transform:scaleX(1);transition:transform var(--t,4.2s) linear}
.sb-show-phone{position:absolute;left:calc(var(--r)*-2.5);bottom:calc(var(--r)*-2.5);z-index:4;width:24%;aspect-ratio:780/1688;overflow:hidden;border-radius:calc(var(--r)*1.5);border:calc(var(--r)*.32) solid #0C0907;background:#000;box-shadow:0 calc(var(--r)*2) calc(var(--r)*4) calc(var(--r)*-1) rgba(0,0,0,.85),0 0 0 1px rgba(217,190,134,.25);transform:translateZ(70px);animation:sbPhone 1.3s var(--out) 1.2s both}
.sb-show-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.06);transition:opacity .9s var(--out),transform 1.2s var(--out)}
.sb-show-ph.is-on{opacity:1;transform:none}
.sb-show-cap{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:calc(var(--r)*.5);margin:calc(var(--r)*1.25) 0 0 26%;text-align:right;font:400 calc(var(--r)*.875)/1.4 var(--sans);color:rgba(246,235,211,.72)}
.sb-show-cap>*{transition:opacity .35s,transform .35s var(--out)}
.sb-show-k{font-size:calc(var(--r)*.6875);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.sb-show-cap a{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(217,190,134,.5);transition:border-color .4s,color .4s}
.sb-show-cap a:hover{color:var(--accent);border-color:var(--accent)}
.sb-show-cap b{font-weight:500}
.sb-late .sb-show{animation-delay:1.4s}.sb-late .sb-show-frame{animation-delay:1.5s}.sb-late .sb-show-phone{animation-delay:2.2s}
@keyframes sbFrame{from{clip-path:inset(0 100% 0 0 round calc(var(--r)*1.1))}to{clip-path:inset(0 0 0 0 round calc(var(--r)*1.1))}}
@keyframes sbPhone{from{opacity:0;transform:translateZ(70px) translateY(30%)}to{opacity:1;transform:translateZ(70px)}}
@keyframes sbPulse{0%{box-shadow:0 0 0 0 rgba(127,191,106,.55)}70%{box-shadow:0 0 0 7px rgba(127,191,106,0)}100%{box-shadow:0 0 0 0 rgba(127,191,106,0)}}
@media (max-width:1120px){
 .sb-hero-main{grid-template-columns:minmax(0,1fr);gap:calc(var(--r)*3.5)}
 .sb-hero .sb-h1{font-size:calc(var(--r)*5.4)}.sb-hero .sb-h1--long{font-size:calc(var(--r)*4.7)}
 .sb-show{padding:0 0 calc(var(--r)*2) calc(var(--r)*2)}
}
@media (max-width:600px){
 .sb-hero .sb-h1{font-size:calc(var(--r)*3.05)}.sb-hero .sb-h1--long{font-size:calc(var(--r)*2.7)}
 .sb-show{padding:0 0 calc(var(--r)*1.5) calc(var(--r)*1.25)}
 .sb-show-phone{left:calc(var(--r)*-1.25);bottom:calc(var(--r)*-1.5);width:27%;border-width:calc(var(--r)*.22);border-radius:calc(var(--r)*.9)}
 .sb-show-bar{height:calc(var(--r)*2.1);gap:calc(var(--r)*.5)}
 .sb-show-live{display:none}
 .sb-show-url{max-width:none;font-size:calc(var(--r)*.6875)}
 .sb-show-cap{margin-left:30%;font-size:calc(var(--r)*.75)}
}

/* pasek usług przewijający się pod nagłówkiem */
.sb-marq{position:relative;overflow:hidden;background:var(--vanilla);border-bottom:1px solid var(--golden-40);padding:calc(var(--r)*1.6) 0}
.sb-marq-t{display:flex;width:max-content;animation:sbMarq 55s linear infinite}
.sb-marq-t>div{display:flex;align-items:center}
.sb-marq span{padding:0 calc(var(--r)*1.75);font:400 calc(var(--r)*2.9)/1 var(--serif);font-style:italic;color:var(--ink);white-space:nowrap}
.sb-marq i{font-style:normal;font-size:calc(var(--r)*1.1);color:var(--golden)}
.sb-marq:hover .sb-marq-t{animation-play-state:paused}
.sb-marq::before,.sb-marq::after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:calc(var(--r)*8);pointer-events:none}
.sb-marq::before{left:0;background:linear-gradient(90deg,var(--vanilla),transparent)}.sb-marq::after{right:0;background:linear-gradient(270deg,var(--vanilla),transparent)}
@keyframes sbMarq{to{transform:translateX(-50%)}}
@media (max-width:600px){.sb-marq{padding:calc(var(--r)*1.1) 0}.sb-marq span{font-size:calc(var(--r)*2)}.sb-marq::before,.sb-marq::after{width:calc(var(--r)*3)}}

/* realizacje: karty z ramką przeglądarki */
.sb-work{padding:calc(var(--r)*8.5) 0}
.sb-work-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--r)*5);align-items:end}
.sb-work-side p{margin:0 0 calc(var(--r)*1.5);font:400 calc(var(--r)*1.0625)/1.65 var(--sans);color:rgba(244,240,219,.82)}
.sb-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--r)*1.75);margin:calc(var(--r)*4.5) 0 0;padding:0;list-style:none}
.sb-cases-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-case{position:relative;display:flex;flex-direction:column;height:100%;padding:calc(var(--r)*.9);overflow:hidden;border-radius:calc(var(--r)*1.4);background:rgba(246,235,211,.035);border:1px solid rgba(217,190,134,.16);color:inherit;text-decoration:none;isolation:isolate;transition:transform .8s var(--out),border-color .6s,background .6s}
.sb-case::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(calc(var(--r)*22) circle at var(--mx,50%) var(--my,30%),rgba(217,190,134,.16),transparent 65%);transition:opacity .5s}
.sb-case:hover{transform:translateY(calc(var(--r)*-.6));border-color:rgba(217,190,134,.45);background:rgba(246,235,211,.055)}
.sb-case:hover::before{opacity:1}
.sb-case-frame{display:block;overflow:hidden;border-radius:calc(var(--r)*.85);background:#15100C;box-shadow:0 calc(var(--r)*1.5) calc(var(--r)*3) calc(var(--r)*-1.5) rgba(0,0,0,.8)}
.sb-case-frame .sb-show-bar{height:calc(var(--r)*1.9)}
.sb-case-frame .sb-show-url{height:calc(var(--r)*1.25);font-size:calc(var(--r)*.6875)}
.sb-case-screen{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.sb-case-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.08);transition:opacity 1s var(--out),transform 1.6s var(--out)}
.sb-case-screen img.is-on{opacity:1;transform:none}
.sb-case:hover .sb-case-screen img.is-on{transform:scale(1.035)}
.sb-case-body{display:flex;flex-direction:column;flex:1;padding:calc(var(--r)*1.6) calc(var(--r)*.6) calc(var(--r)*.6)}
.sb-case-k{font:400 calc(var(--r)*.6875)/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.sb-case-n{margin-top:calc(var(--r)*.6);font:300 calc(var(--r)*2.5)/1.05 var(--light);color:var(--sand)}
.sb-case-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(var(--r)*.6);margin-top:calc(var(--r)*1.1);padding-top:calc(var(--r)*1.1);border-top:1px solid rgba(217,190,134,.18);font:400 calc(var(--r)*.875)/1.3 var(--sans);color:rgba(244,240,219,.75)}
.sb-case-stat b{font:400 calc(var(--r)*2.2)/1 var(--serif);color:var(--accent)}
.sb-case-d{margin-top:calc(var(--r)*.9);font:400 calc(var(--r)*.9375)/1.6 var(--sans);color:rgba(244,240,219,.8)}
.sb-case-more{display:flex;align-items:center;gap:calc(var(--r)*.6);margin-top:auto;padding-top:calc(var(--r)*1.5);font:500 calc(var(--r)*.75)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sb-case-more svg{width:calc(var(--r)*1.5);height:calc(var(--r)*.5625);transition:transform .6s var(--out)}
.sb-case:hover .sb-case-more svg{transform:translateX(calc(var(--r)*.5))}
@media (max-width:1120px){.sb-work-head{grid-template-columns:minmax(0,1fr);gap:calc(var(--r)*2)}.sb-cases-grid,.sb-cases-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:600px){.sb-work{padding:calc(var(--r)*4.5) 0}.sb-cases-grid,.sb-cases-2{grid-template-columns:minmax(0,1fr);gap:calc(var(--r)*1.25);margin-top:calc(var(--r)*2.5)}.sb-case-n{font-size:calc(var(--r)*2.1)}}

/* cennik: pakiety jako karty */
.sb-pricing .sb-body .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--r)*1.5);border:0;align-items:stretch;margin-top:calc(var(--r)*.5)}
.sb-pricing .sb-body .card,.sb-pricing .sb-body .card+.card{display:flex;flex-direction:column;padding:calc(var(--r)*2.4) calc(var(--r)*2) calc(var(--r)*2.2);border:1px solid var(--golden-40);border-radius:calc(var(--r)*1.4);background:#fff;transition:transform .8s var(--out),box-shadow .8s var(--out),border-color .6s}
.sb-dark.sb-pricing .sb-body .card,.sb-dark.sb-pricing .sb-body .card+.card{background:rgba(246,235,211,.035);border-color:rgba(217,190,134,.2)}
.sb-pricing .sb-body .card::before{margin-bottom:calc(var(--r)*1.5)}
.sb-pricing .sb-body .card h3{font-size:calc(var(--r)*2.3);color:var(--ink)}
.sb-dark.sb-pricing .sb-body .card h3{color:var(--sand)}
.sb-pricing .sb-body .card p.price{margin:calc(var(--r)*.4) 0 calc(var(--r)*1.2);font-size:calc(var(--r)*3.6);letter-spacing:-.01em;word-spacing:.12em}
.sb-pricing .sb-body .card p.price small{display:inline-block;margin-left:calc(var(--r)*.4);vertical-align:middle}
.sb-pricing .sb-body .card:hover{transform:translateY(calc(var(--r)*-.6));box-shadow:0 calc(var(--r)*2.5) calc(var(--r)*4) calc(var(--r)*-2) rgba(42,33,27,.35);border-color:var(--golden)}
.sb-dark.sb-pricing .sb-body .card:hover{box-shadow:0 calc(var(--r)*2.5) calc(var(--r)*4) calc(var(--r)*-2) rgba(0,0,0,.7);border-color:rgba(217,190,134,.55)}
.sb-pricing .sb-body .card--hl{position:relative;border-color:var(--golden) !important;background:linear-gradient(180deg,#FFFDF6,#F7EEDA) !important;box-shadow:0 calc(var(--r)*2) calc(var(--r)*4) calc(var(--r)*-2.2) rgba(166,129,80,.55)}
.sb-dark.sb-pricing .sb-body .card--hl{background:linear-gradient(180deg,rgba(217,190,134,.14),rgba(217,190,134,.04)) !important;border-color:var(--accent) !important}
.sb-pricing .sb-body .card--hl::after{content:"Najczęściej wybierana";position:absolute;top:calc(var(--r)*-.8);right:calc(var(--r)*1.5);left:auto;width:auto;height:auto;padding:calc(var(--r)*.45) calc(var(--r)*.9);border-radius:999px;background:var(--golden);color:#FDFBEF;font:500 calc(var(--r)*.6875)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;transform:none}
.sb-dark.sb-pricing .sb-body .card--hl::after{background:var(--accent);color:var(--navy)}
.sb-pricing .sb-body .card ul.check{margin-top:auto;padding-top:calc(var(--r)*1)}
@media (max-width:1120px){.sb-pricing .sb-body .grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.sb-pricing .sb-body .card,.sb-pricing .sb-body .card+.card,.sb-pricing .sb-body .card:nth-child(odd){display:flex;padding:calc(var(--r)*1.8) calc(var(--r)*1.4);border:1px solid var(--golden-40);border-radius:calc(var(--r)*1.2)}
 .sb-pricing .sb-body .card::before{margin:0 0 var(--r)}.sb-pricing .sb-body .card>*{grid-column:auto}.sb-pricing .sb-body .card p.price{font-size:calc(var(--r)*2.8)}}

/* efekty najechania: światło za kursorem + rysowana złota linia */
.sb-body .card{isolation:isolate}
.sb-body .card:not(.card--hl)::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--golden),rgba(166,129,80,0));transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.sb-dark .sb-body .card:not(.card--hl)::after{background:linear-gradient(90deg,var(--accent),rgba(217,190,134,0))}
.sb-body .card:hover::after{transform:scaleX(1)}
.sb-body .card{background-image:radial-gradient(calc(var(--r)*24) circle at var(--mx,-50%) var(--my,-50%),rgba(166,129,80,.11),transparent 62%);background-repeat:no-repeat}
.sb-dark .sb-body .card{background-image:radial-gradient(calc(var(--r)*24) circle at var(--mx,-50%) var(--my,-50%),rgba(217,190,134,.12),transparent 62%)}
.sb-body .card h3{transition:color .5s var(--out),transform .7s var(--out)}
.sb-body .card:hover h3{color:var(--ink);transform:translateY(calc(var(--r)*-.15))}
.sb-dark .sb-body .card:hover h3,.sb-navy .sb-body .card:hover h3{color:var(--cream)}
.sb-body .card::before{transition:color .5s,letter-spacing .7s var(--out)}
.sb-body .card:hover::before{letter-spacing:.3em}
.sb-toc a,.sb-links a{position:relative;isolation:isolate}
.sb-toc a::after,.sb-links a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(166,129,80,.12),rgba(166,129,80,0));transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.sb-toc a:hover::after,.sb-links a:hover::after{transform:scaleX(1)}
.sb-toc a:hover{color:var(--ink);padding-left:calc(var(--r)*.6)}
.sb-links b{transition:color .5s var(--out),transform .7s var(--out)}
.sb-links a:hover b{color:var(--ink);transform:translateX(calc(var(--r)*.6))}
.sb-btn[data-magnet]{transition:background .65s var(--ease),color .65s var(--ease),border-color .65s var(--ease),transform .5s var(--out)}

/* czytelność: pełniejsza waga tekstu i mocniejszy kontrast */
.sb-body p,.sb-lede p,.sb-body ul.check li,.sb-body ol.steps li,.sb-body .tbl{font-weight:400}
.sb-body p,.sb-lede p,.sb-body ul.check li,.sb-body ol.steps li,.sb-body .tbl td{color:#3B362C}
.sb-dark .sb-body p,.sb-dark .sb-lede p,.sb-dark .sb-body ul.check li,.sb-dark .sb-body ol.steps li,.sb-dark .sb-body .tbl td,
.sb-navy .sb-body p,.sb-navy .sb-body ul.check li{color:rgba(246,238,222,.88)}
.sb-lead p{font-weight:400}

/* proces na jasnym tle: kolory tekstu dla tła vanilla */
.sb-light .sb-proc b{color:var(--ink)}
.sb-light .sb-proc span{color:#3B362C}
.sb-light .sb-proc li+li{border-left-color:var(--golden-40)}
.sb-light .sb-proc-line{background:var(--golden-40)}.sb-light .sb-proc-line i{background:var(--golden)}
@media (max-width:600px){.sb-light .sb-proc li,.sb-light .sb-proc li+li,.sb-light .sb-proc li:nth-child(even){border-top-color:var(--golden-40)}}

/* sekcje daleko pod ekranem renderują się dopiero przy zbliżeniu: lżejszy start i fonty formularza/stopki pobierane później */
.luxury-contact-section,.site-main-footer,.faq-section.sb-faq,.sb-related{content-visibility:auto;contain-intrinsic-size:auto 1100px}

/* hasło (ba-roots) po jasnej sekcji: zapas u góry, żeby podpis nie wchodził na jasne tło */
section.sb-roots{padding-top:calc(var(--r,16px)*9)}
@media (max-width:600px){section.sb-roots{padding-top:calc(var(--r,16px)*4)}}
.sb-intro,.sb-sec,.sb-process,.sb-work{content-visibility:auto;contain-intrinsic-size:auto 900px}