/* ==========================================================
   SŁOWIK DIGITAL — REALIZACJE v3.5
   Less is more / blue interaction system / conversion card
   ========================================================== */
.sdreal{
  --real-navy:#071f43;
  --real-navy-2:#0b2f5a;
  --real-ink:#0a1e36;
  --real-text:#5d7186;
  --real-muted:#7d90a3;
  --real-line:#dfe7ee;
  --real-soft:#f5f8fa;
  --real-blue:#138bd2;
  --real-blue-dark:#0873b4;
  --real-blue-soft:#edf8fe;
  --real-blue-soft-2:#dff3fd;
  --real-green:#22c55e;
  --real-green-dark:#16a34a;
  background:#fff;
  color:var(--real-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.sdreal *{box-sizing:border-box}
.sdreal a,.sdreal button{-webkit-tap-highlight-color:transparent}
.sdreal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdreal-shell{width:min(var(--sd-site-max,1380px),calc(100% - 48px));margin:0 auto}
.sdreal-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}

/* Compact intro */
.sdreal-hero{padding:58px 0 26px;background:#fff}
.sdreal-eyebrow{margin:0 0 12px;color:#2a65dc;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.sdreal-hero h1{max-width:980px;margin:0;color:var(--real-navy);font-size:clamp(33px,2.55vw,45px);line-height:1.04;letter-spacing:-.05em}
.sdreal-lead{max-width:880px;margin:15px 0 0;color:#536b82;font-size:clamp(16px,1.2vw,18px);line-height:1.6}

/* Persistent filters */
.sdreal-projects{padding:0 0 88px;background:#fff}
.sdreal-filterbar{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0 27px;border-top:1px solid var(--real-line)}
.sdreal-filter{min-height:46px;padding:0 18px;border:1px solid #dce4eb;border-radius:0;background:#f7f9fb;color:#526b82;font:500 12.5px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
.sdreal-filter:hover{border-color:#a9d8f2;background:#f5fbff;color:var(--real-blue-dark);transform:translateY(-1px)}
.sdreal-filter.is-active{border-color:var(--real-blue);background:var(--real-blue);color:#fff;box-shadow:0 9px 22px rgba(19,139,210,.18)}
.sdreal-filter:focus-visible,.sdreal-online:focus-visible,.sdreal-card__visual:focus-visible,.sdreal-your-project__cta:focus-visible,.sdreal-cta-btn:focus-visible{outline:3px solid rgba(19,139,210,.24);outline-offset:3px}

/* Large two-column portfolio cards */
.sdreal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:6px}
.sdreal-card{position:relative;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(240px,.72fr);min-height:430px;border:1px solid #dbe4eb;background:#fff;overflow:hidden;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.sdreal-card[hidden]{display:none!important}
.sdreal-card:hover{border-color:#bfd5e4;box-shadow:0 24px 54px rgba(7,31,67,.08);transform:translateY(-3px)}

.sdreal-card__visual{position:relative;display:grid;place-items:center;min-width:0;padding:14px;background:linear-gradient(145deg,#f4f7f9 0%,#fbfcfd 100%);color:inherit;text-decoration:none;overflow:hidden}
.sdreal-card__visual::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(7,31,67,.025)}
.sdreal-card__mockup{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;transform:translateY(0) scale(1);filter:drop-shadow(0 14px 24px rgba(7,31,67,.10));transition:transform .44s cubic-bezier(.2,.72,.25,1),filter .44s ease}
.sdreal-card:hover .sdreal-card__mockup{transform:translateY(-4px) scale(1.018);filter:drop-shadow(0 20px 30px rgba(7,31,67,.15))}

.sdreal-card__body{display:flex;min-width:0;padding:42px 34px 38px;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid var(--real-line)}
.sdreal-card__body h2{margin:0;color:var(--real-navy);font-size:clamp(23px,1.75vw,29px);line-height:1.08;letter-spacing:-.04em}
.sdreal-card__meta{margin:10px 0 0;color:#7b8e9f;font-size:12.5px;font-weight:400;line-height:1.55;letter-spacing:.005em}
.sdreal-card__description{margin:16px 0 0;color:#6a7f91;font-size:13px;line-height:1.62}
.sdreal-online{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:11px;margin-top:23px;padding:0 16px;border:1px solid var(--real-blue);background:#fff;color:var(--real-blue)!important;text-decoration:none;font-size:13px;font-weight:800;transition:color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sdreal-online__icon{display:flex;animation:sdrealArrowNudge 2.8s cubic-bezier(.45,0,.25,1) infinite}
.sdreal-online:hover{border-color:var(--real-blue-dark);background:#f2faff;color:var(--real-blue-dark)!important;box-shadow:0 10px 22px rgba(19,139,210,.11);transform:translateY(-1px)}
.sdreal-online:hover .sdreal-online__icon{animation-duration:1.1s}

/* In-grid conversion card */
.sdreal-card--your-project{grid-column:1/-1;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:440px;border-color:#bfe5f8;background:linear-gradient(135deg,#f5fcff 0%,#eaf8ff 52%,#dff4ff 100%);box-shadow:none}
.sdreal-card--your-project:hover{border-color:#9ed8f4;box-shadow:0 28px 58px rgba(10,93,145,.12)}
.sdreal-your-project__visual{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:radial-gradient(circle at 24% 72%,rgba(25,182,232,.22),transparent 34%),linear-gradient(145deg,#f7fcff 0%,#e9f7ff 54%,#d9f1fd 100%)}
.sdreal-your-project__glow{position:absolute;left:-8%;bottom:-14%;width:68%;aspect-ratio:1;border-radius:50%;background:rgba(19,139,210,.17);filter:blur(44px)}
.sdreal-your-project__device{position:relative;z-index:1;display:block;width:min(62%,520px);transform:perspective(900px) rotateX(2deg) rotateY(-9deg) translateY(8px);filter:drop-shadow(0 27px 34px rgba(7,31,67,.22));transition:transform .45s cubic-bezier(.2,.72,.25,1),filter .45s ease}
.sdreal-card--your-project:hover .sdreal-your-project__device{transform:perspective(900px) rotateX(0) rotateY(-5deg) translateY(0);filter:drop-shadow(0 30px 37px rgba(7,31,67,.26))}
.sdreal-your-project__screen{display:grid;place-items:center;aspect-ratio:16/10;border:6px solid #111820;border-bottom-width:9px;border-radius:9px 9px 3px 3px;background:linear-gradient(145deg,#0c2443,#071a33 58%,#0d315e);box-shadow:inset 0 0 0 1px rgba(25,182,232,.42)}
.sdreal-your-project__screen span{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#75d5f5;font-size:48px;font-weight:750;line-height:1;text-shadow:0 0 22px rgba(33,182,237,.5);animation:sdrealQuestionPulse 2.35s cubic-bezier(.4,0,.2,1) infinite}
.sdreal-your-project__base{display:block;width:111%;height:9px;margin:-1px -5.5% 0;border-radius:0 0 48% 48%;background:linear-gradient(180deg,#cbd6dd,#9ba9b3 70%,#e9eef1)}
.sdreal-your-project__body{display:flex;min-width:0;padding:48px 54px 46px;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--real-navy);border-left:1px solid #c9e9f9;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(223,244,255,.56))}
.sdreal-your-project__eyebrow{margin:0 0 13px;color:var(--real-blue-dark);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sdreal-your-project__body h2{margin:0;color:var(--real-navy);font-size:clamp(23px,1.75vw,29px);line-height:1.08;letter-spacing:-.04em}
.sdreal-your-project__body p{margin:16px 0 0;color:#55718a;font-size:13px;line-height:1.65}
.sdreal-your-project__cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:11px;margin-top:24px;padding:0 16px;border:1px solid var(--real-green);background:#fff;color:#09264d!important;text-decoration:none;font-size:13px;font-weight:800;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.sdreal-your-project__cta-plane,.sdreal-your-project__cta-arrow{display:flex;color:var(--real-green-dark)}
.sdreal-your-project__cta-plane svg{width:17px;height:17px;transition:transform .24s ease}
.sdreal-your-project__cta-arrow svg{width:18px;height:18px;transition:transform .24s ease}
.sdreal-your-project__cta:hover{border-color:var(--real-green-dark);background:#f7fee7;transform:translateY(-1px);box-shadow:0 12px 26px rgba(34,197,94,.11)}
.sdreal-your-project__cta:hover .sdreal-your-project__cta-plane svg{transform:translate(1px,-1px) rotate(-4deg)}
.sdreal-your-project__cta:hover .sdreal-your-project__cta-arrow svg{transform:translateX(4px)}

.sdreal-empty{margin-top:22px;padding:36px 24px;border:1px dashed #ccd9e5;background:#fafcfe;text-align:center;color:#5c7186}
.sdreal-empty strong{display:block;color:var(--real-navy);font-size:20px}
.sdreal-empty span{display:block;margin-top:7px;font-size:13px}

/* Bottom editorial continuation. One CTA only: Kontakt. */
.sdreal-cta{padding:48px 0;border-top:1px solid var(--real-line);background:#fff}
.sdreal-cta__grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(380px,1.15fr) auto;gap:48px;align-items:center}
.sdreal-cta__title{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;align-items:start}
.sdreal-cta__line{height:2px;margin-top:9px;background:var(--real-blue)}
.sdreal-cta__title h2{margin:0;color:var(--real-navy);font-size:17px;line-height:1.25;letter-spacing:-.02em;text-transform:uppercase}
.sdreal-cta__copy p{max-width:650px;margin:0;color:#63798d;font-size:13.5px;line-height:1.68}
.sdreal-cta__action{justify-self:end}
.sdreal-cta-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:11px;padding:0 21px;border:1px solid #0c3566;background:linear-gradient(135deg,#0b2f5a 0%,#071f43 100%);color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(7,31,67,.12);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.sdreal-cta-btn svg{transition:transform .2s ease}
.sdreal-cta-btn:hover{background:linear-gradient(135deg,#10457f 0%,#092c58 100%);transform:translateY(-1px);box-shadow:0 14px 28px rgba(7,31,67,.18)}
.sdreal-cta-btn:hover svg{transform:translateX(4px)}

/* Motion */
@keyframes sdrealArrowNudge{0%,72%,100%{transform:translateX(0)}82%{transform:translateX(4px)}90%{transform:translateX(1px)}}
@keyframes sdrealQuestionPulse{0%,100%{transform:translateY(0) scale(1);opacity:.72;box-shadow:0 0 0 0 rgba(33,182,237,0)}50%{transform:translateY(-2px) scale(1.09);opacity:1;box-shadow:0 0 0 12px rgba(33,182,237,.055)}}
[data-real-reveal]{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.72,.25,1)}
[data-real-reveal].is-visible{opacity:1;transform:none}

@media(min-width:1181px){
  .sdreal-card--your-project{grid-column:1/-1}
}

@media(max-width:1180px){
  .sdreal-grid{grid-template-columns:1fr;gap:22px}
  .sdreal-card{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:430px}
  .sdreal-card--your-project{grid-column:1;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);min-height:430px}
  .sdreal-your-project__body{padding:42px 40px}
  .sdreal-cta__grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:34px}
  .sdreal-cta__action{grid-column:2;justify-self:start}
}

@media(max-width:760px){
  .sdreal-shell{width:calc(100% - 32px)}
  .sdreal-hero{padding:42px 0 22px}
  .sdreal-eyebrow{font-size:10px}
  .sdreal-hero h1{font-size:clamp(27px,7.6vw,33px);line-height:1.06}
  .sdreal-lead{margin-top:12px;font-size:15px;line-height:1.58}
  .sdreal-projects{padding-bottom:58px}
  .sdreal-filterbar{margin-inline:-16px;padding:17px 16px 20px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sdreal-filterbar::-webkit-scrollbar{display:none}
  .sdreal-filter{flex:0 0 auto;min-height:42px;padding:0 14px;font-size:11.5px;font-weight:500;scroll-snap-align:start}
  .sdreal-grid{gap:18px;margin-top:2px}
  .sdreal-card{grid-template-columns:1fr;min-height:0}
  .sdreal-card--your-project{grid-template-columns:1fr;min-height:0}
  .sdreal-card:hover{transform:none;box-shadow:none}
  .sdreal-card__visual{padding:10px;aspect-ratio:auto}
  .sdreal-card__mockup{width:100%;filter:drop-shadow(0 10px 18px rgba(7,31,67,.10))}
  .sdreal-card__body{padding:25px 21px 24px;border-left:0;border-top:1px solid var(--real-line)}
  .sdreal-card__body h2{font-size:24px}
  .sdreal-card__meta{font-size:12.5px}
  .sdreal-card__description{margin-top:12px;font-size:12.5px}
  .sdreal-online{margin-top:17px;min-height:44px;padding-inline:15px}
  .sdreal-your-project__visual{aspect-ratio:16/9;min-height:0}
  .sdreal-your-project__device{width:62%}
  .sdreal-your-project__screen span{width:62px;height:62px;font-size:42px}
  .sdreal-your-project__body{padding:27px 21px 25px;border-left:0;border-top:1px solid #c9e9f9}
  .sdreal-your-project__body h2{font-size:25px}
  .sdreal-your-project__body p{font-size:12.8px}
  .sdreal-your-project__cta{width:100%;margin-top:20px}
  .sdreal-cta{padding:40px 0}
  .sdreal-cta__grid{grid-template-columns:1fr;gap:20px}
  .sdreal-cta__action{grid-column:auto;justify-self:stretch}
  .sdreal-cta-btn{width:100%}
}

@media(max-width:390px){
  .sdreal-filterbar{gap:7px}
  .sdreal-filter{padding-inline:12px}
  .sdreal-card__body{padding-inline:18px}
  .sdreal-your-project__body{padding-inline:18px}
}

@media(prefers-reduced-motion:reduce){
  [data-real-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .sdreal-filter,.sdreal-card,.sdreal-card__mockup,.sdreal-online,.sdreal-online__icon,.sdreal-your-project__device,.sdreal-your-project__screen span,.sdreal-your-project__cta,.sdreal-your-project__cta svg,.sdreal-cta-btn,.sdreal-cta-btn svg{transition:none!important;animation:none!important}
}