/* Showcase — reference template layout and responsive behavior. Only inside the landing page. */
.scx-shell .siuk-portfolio-section,.scx-shell .sba-reviews-section {
  --sib-bg:#f7f3eb; --sib-paper:#fffdf8; --sib-paper-2:#f0eadf;
  --sib-ink:#1f2925; --sib-muted:#68726d; --sib-line:#e5ddd0;
  --sib-accent:#e76f45; --sib-accent-dark:#c95833; --sib-sage:#8ea68f;
  color:var(--sib-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.65;
}
.scx-shell .siuk-portfolio-section *, .scx-shell .sba-reviews-section * {box-sizing:border-box}
.scx-shell .siuk-portfolio-section .sib-container,.scx-shell .sba-reviews-section .sib-container {width:min(calc(100% - 40px),1180px);margin-inline:auto}
.scx-shell .siuk-portfolio-section .sib-eyebrow,.scx-shell .sba-reviews-section .sib-eyebrow {display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sib-accent-dark)}
.scx-shell .siuk-portfolio-section .sib-eyebrow:before,.scx-shell .sba-reviews-section .sib-eyebrow:before {content:"";width:22px;height:2px;background:currentColor;border-radius:99px}
.scx-shell .siuk-portfolio-section .sib-section-title,.scx-shell .sba-reviews-section .sib-section-title {font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:0;font-weight:820;color:var(--sib-ink)!important}
.scx-shell .siuk-portfolio-section h3,.scx-shell .sba-reviews-section h3 {color:var(--sib-ink)!important}
.scx-shell .siuk-portfolio-section .siuk-portfolio-card h3 {color:var(--sib-ink)!important}
.scx-shell .siuk-portfolio-section .siuk-portfolio-heading h2 {color:var(--sib-ink)!important}
.scx-shell .siuk-portfolio-section .siuk-portfolio-heading p {margin:0 0 4px!important;color:var(--sib-muted)}
.scx-shell .siuk-portfolio-card .siuk-portfolio-count {color:var(--sib-accent-dark)}
.scx-shell .siuk-portfolio-card .siuk-portfolio-visit {color:var(--sib-accent-dark)!important}
.scx-shell .sba-reviews-section .sba-review-quote p {color:var(--sib-muted)!important;font-size:.91rem;line-height:1.78}
.scx-shell .sba-reviews-section .sba-review-source a {color:var(--sib-muted)}
.scx-shell .sba-reviews-section .sba-review-source a:hover {color:var(--sib-accent-dark)}
.scx-shell .sba-reviews-section .sba-reviews-controls button {font:inherit;cursor:pointer}
@media(max-width:700px){.scx-shell .siuk-portfolio-section .sib-container,.scx-shell .sba-reviews-section .sib-container{width:min(calc(100% - 28px),1180px)}}

/* Wybrane realizacje — w każdym kafelku zdjęcie kwadratowe bez przycinania. */
#realizacje{scroll-margin-top:100px}
.siuk-portfolio-section{position:relative;padding:91px 0 100px;background:linear-gradient(150deg,#f0ebe2 0%,#f9f4eb 63%,#f7f3eb 100%);overflow:hidden}
.siuk-portfolio-section:before{content:"";position:absolute;width:540px;height:540px;right:-280px;top:-390px;border-radius:50%;border:1px solid rgba(142,111,85,.16);pointer-events:none}
.siuk-portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px;position:relative}
.siuk-portfolio-heading>div{min-width:0;max-width:600px}
.siuk-portfolio-heading .sib-section-title{margin-top:14px}
.siuk-portfolio-heading>p{max-width:400px;line-height:1.7;margin:0 0 4px;color:var(--sib-muted);font-size:1rem}
.siuk-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;position:relative}
.siuk-portfolio-card{min-width:0;display:flex;flex-direction:column;padding:11px;background:var(--sib-paper);border:1px solid var(--sib-line);border-radius:26px;box-shadow:0 14px 46px rgba(48,38,27,.05);transition:transform .2s ease,box-shadow .2s ease}
.siuk-portfolio-card:hover{transform:translateY(-3px);box-shadow:0 21px 51px rgba(48,38,27,.10)}
.siuk-portfolio-media{position:relative;display:block;aspect-ratio:1 / 1;width:100%;flex-shrink:0;overflow:hidden;border-radius:18px;background:#efe9e0}
.siuk-portfolio-image,.siuk-portfolio-card .siuk-portfolio-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.siuk-portfolio-arrow{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:36px;height:36px;background:#fffdf8;color:var(--sib-ink);border-radius:50%;box-shadow:0 5px 16px rgba(30,30,24,.13);line-height:1;font-size:1.25rem;transition:background .2s ease,color .2s ease}
.siuk-portfolio-media--linked:hover .siuk-portfolio-arrow{background:var(--sib-accent);color:#fff}
.siuk-portfolio-card-body{padding:22px 15px 13px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.siuk-portfolio-count{font-weight:850;font-size:.7rem;letter-spacing:.13em;color:var(--sib-accent-dark);margin-bottom:10px}
.siuk-portfolio-card h3{font-size:clamp(1.2rem,1.5vw,1.42rem);line-height:1.23;letter-spacing:-.035em;margin:0 0 8px;font-weight:850;overflow-wrap:anywhere}
.siuk-portfolio-card p{color:var(--sib-muted);font-size:.88rem;margin:4px 0 16px;line-height:1.6}
.siuk-portfolio-visit{font-size:.9rem;font-weight:850;color:var(--sib-accent-dark);display:inline-flex;align-items:center;gap:11px;margin-top:auto;padding:12px 0 2px}
.siuk-portfolio-visit>span{width:27px;height:27px;border-radius:50%;background:#f5e3d5;display:grid;place-items:center}
.siuk-portfolio-empty{border:1px dashed #c9b69f;background:#fffdf8;border-radius:21px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.siuk-portfolio-empty p{margin:0;color:var(--sib-muted)}
.siuk-portfolio-empty .sib-btn{flex-shrink:0}
@media(max-width:1000px){.siuk-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.siuk-portfolio-heading{gap:26px}}
@media(max-width:700px){.siuk-portfolio-section{padding:61px 0 74px}.siuk-portfolio-heading{display:block;margin-bottom:27px}.siuk-portfolio-heading>p{margin-top:14px;font-size:.93rem}.siuk-portfolio-grid{grid-template-columns:1fr;gap:20px}.siuk-portfolio-card-body{padding:18px 12px 10px}.siuk-portfolio-card h3{font-size:1.28rem}.siuk-portfolio-empty{display:block;padding:20px}.siuk-portfolio-empty .sib-btn{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.siuk-portfolio-card,.siuk-portfolio-arrow{transition:none}}


.sba-reviews-section {
    --sba-review-gap: 24px;
    --sba-review-width: clamp(310px, 28vw, 380px);
    position: relative;
    isolation: isolate;
    padding: 92px 0 80px;
    overflow: hidden;
    background: radial-gradient(ellipse at 4% 34%, rgba(142,166,143,.15), transparent 48%), radial-gradient(ellipse at 98% 80%, rgba(231,111,69,.10), transparent 48%), var(--sib-bg, #f7f3eb);
    color: var(--sib-ink, #1f2925);
}
.sba-reviews-section [hidden] { display: none !important; }
.sba-reviews-heading { position: relative; text-align: center; margin-bottom: 30px; }
.sba-reviews-heading .sib-section-title { max-width: 930px; margin: 17px auto 0; font-size: clamp(1.9rem, 3.7vw, 3.25rem); line-height: 1.12; text-wrap: balance; }
.sba-reviews-description { max-width: 730px; margin: 21px auto 0; font-size: 1rem; line-height: 1.75; color: var(--sib-muted, #68726d); overflow-wrap: anywhere; }
.sba-reviews-controls { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.sba-reviews-arrow, .sba-reviews-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border: 1px solid var(--sib-line, #e5ddd0); border-radius: 999px; padding: 8px 16px; background: var(--sib-paper, #fffdf8); color: var(--sib-ink, #1f2925); cursor: pointer; line-height: 1.3; font-size: .8rem; font-weight: 750; transition: background .18s ease, border-color .18s ease; }
.sba-reviews-arrow { width: 44px; min-width: 44px; padding: 8px; font-size: 1.25rem; }
.sba-reviews-arrow:hover, .sba-reviews-toggle:hover { border-color: var(--sib-accent, #e76f45); background: #fff8ef; }
.sba-reviews-arrow:disabled { opacity: .35; cursor: default; }
.sba-reviews-rows { position: relative; display: grid; gap: 0; width: 100%; min-width: 0; }
.sba-reviews-viewport { width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 16px 20px 26px; scrollbar-width: thin; scrollbar-color: #c7bba7 transparent; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-padding-inline: 20px; scroll-snap-type: x proximity; }
.sba-reviews-viewport.is-looping { scroll-snap-type: none; scrollbar-width: none; overflow-anchor: none; }
.sba-reviews-viewport.is-looping::-webkit-scrollbar { display: none; }
.sba-reviews-viewport.is-dragging { cursor: grabbing; user-select: none; scroll-snap-type: none; }
.sba-reviews-track { display: flex; width: max-content; min-width: 100%; align-items: stretch; }
.sba-reviews-group { display: flex; flex: 0 0 auto; align-items: stretch; gap: var(--sba-review-gap); padding-right: var(--sba-review-gap); }
.sba-reviews-track > .sba-reviews-group:only-child { margin-inline: auto; padding-right: 0; }
.sba-review-card { display: flex; flex: 0 0 var(--sba-review-width); flex-direction: column; width: var(--sba-review-width); min-width: 0; padding: 28px; border: 1px solid var(--sib-line, #e5ddd0); border-radius: 25px; background: var(--sib-paper, #fffdf8); box-shadow: 0 12px 28px rgba(47,41,30,.055); scroll-snap-align: start; }
.sba-review-person { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; }
.sba-review-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 50px; width: 50px; height: 50px; border-radius: 16px; overflow: hidden; background: var(--sib-accent, #e76f45); color: #fff; font-size: 1.25rem; font-weight: 800; line-height: 1; }
.sba-review-avatar .sba-review-avatar-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; margin: 0; }
.sba-review-person-copy { flex: 1 1 auto; min-width: 0; }
.sba-review-author { margin: 0; font-size: .95rem; font-weight: 800; line-height: 1.35; letter-spacing: -.02em; overflow-wrap: anywhere; }
.sba-review-source { display: flex; align-items: flex-start; gap: 6px; margin-top: 5px; font-size: .73rem; line-height: 1.4; color: var(--sib-muted, #68726d); overflow-wrap: anywhere; }
.sba-review-source-mark { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 17px; width: 17px; height: 17px; border: 1px solid #e3e7ec; border-radius: 50%; background: #fff; color: #4285f4; font-size: .69rem; font-weight: 800; line-height: 1; }
.sba-review-source a { text-decoration: underline; text-decoration-color: #c9c5ba; text-underline-offset: 3px; }
.sba-review-source a:hover { color: var(--sib-accent-dark, #c95833); }
.sba-review-stars { display: flex; gap: 3px; width: fit-content; color: #e5a100; font-size: 1.16rem; line-height: 1; margin-bottom: 17px; }
.sba-review-stars .sba-review-star-empty { color: #ded6c8; }
.sba-review-quote { margin: 0; padding: 0; border: 0; font-style: normal; }
.sba-review-quote p { margin: 0; font-size: .91rem; line-height: 1.78; color: var(--sib-muted, #68726d); white-space: pre-line; overflow-wrap: anywhere; }
.sba-reviews-section :is(button, a, .sba-reviews-viewport):focus-visible { outline: 3px solid var(--sib-accent-dark, #c95833); outline-offset: 3px; }
.sba-reviews-viewport:focus-visible { outline-offset: -4px !important; }
.sba-reviews-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (min-width: 900px) and (hover: hover) {
    .sba-reviews-viewport { cursor: grab; }
    .sba-reviews-rows { -webkit-mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
}
@media (max-width: 899px) {
    .sba-reviews-section { --sba-review-width: min(82vw, 370px); --sba-review-gap: 16px; padding: 65px 0 52px; }
    .sba-reviews-heading { margin-bottom: 16px; }
    .sba-reviews-heading .sib-section-title { font-size: clamp(1.85rem, 5.5vw, 2.6rem); }
    .sba-reviews-description { font-size: .94rem; margin-top: 17px; }
    .sba-reviews-controls { margin-top: 20px; }
    .sba-reviews-viewport { scroll-snap-type: x mandatory; }
    .sba-review-card { padding: 24px; border-radius: 22px; }
    .sba-review-quote p { font-size: .9rem; }
}
@media (max-width: 360px) {
    .sba-review-card { padding: 20px; }
    .sba-review-person { gap: 10px; }
    .sba-review-avatar { flex-basis: 43px; width: 43px; height: 43px; border-radius: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .sba-reviews-section *, .sba-reviews-section *::before, .sba-reviews-section *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
    .sba-reviews-section { padding: 30px 0; background: none; overflow: visible; }
    .sba-reviews-controls, .sba-reviews-group[data-review-clone] { display: none !important; }
    .sba-reviews-viewport { overflow: visible; padding: 0; width: 100%; }
    .sba-reviews-rows { display: block; mask-image: none; -webkit-mask-image: none; }
    .sba-reviews-track, .sba-reviews-group { display: block; width: 100%; padding: 0; }
    .sba-review-card { width: 100%; box-shadow: none; break-inside: avoid; margin-bottom: 15px; }
}

/* Override global landing text colors in this light showcase. */
.scx-shell .siuk-portfolio-section h2,.scx-shell .siuk-portfolio-section h3,.scx-shell .sba-reviews-section h2,.scx-shell .sba-reviews-section h3{color:#1f2925!important}

/* Reference template typography, unaffected by the dark hero typography. */
.scx-shell .siuk-portfolio-section h2,.scx-shell .siuk-portfolio-section h3,
.scx-shell .sba-reviews-section h2,.scx-shell .sba-reviews-section h3 {
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.scx-shell .sba-reviews-heading .sib-section-title {font-size:clamp(1.9rem,3.7vw,3.25rem);line-height:1.12}
@media(max-width:899px){.scx-shell .sba-reviews-heading .sib-section-title{font-size:clamp(1.85rem,5.5vw,2.6rem)}}