#realizacje{max-width:1280px;padding-top:145px}
#realizacje .section-head{padding:0 48px;margin-bottom:48px;display:block;overflow:hidden}
#realizacje .section-head h2{font-size:clamp(86px,15vw,210px);line-height:.78;letter-spacing:-.085em;margin-top:34px;white-space:nowrap;background:linear-gradient(110deg,#fff 0 44%,#597cff 54%,#fff 64%);background-size:240% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:portfolioTitleLight 7s ease-in-out infinite}
@keyframes portfolioTitleLight{0%,28%{background-position:100% 0}65%,100%{background-position:-70% 0}}
.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,520px);gap:22px;padding:0 48px;perspective:1400px}
.project,.project.dark,.project.beauty,.project.cafe{grid-row:auto;background:#10131a;border-radius:22px;padding:0;isolation:isolate;align-items:end;border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(0,0,0,.28);transform-style:preserve-3d;transition:border-color .45s,box-shadow .45s,transform .25s ease-out}
.project::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.project>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(calc(1 - var(--live,0))) brightness(calc(.3 + var(--live,0)*.7)) contrast(calc(1.3 - var(--live,0)*.3));transform:scale(calc(1.08 - var(--live,0)*.055));transition:transform .25s,filter .25s}
.project-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.02) 15%,rgba(5,7,10,.15) 46%,rgba(5,7,10,.94) 100%);transition:background .55s}
.project-copy{position:relative;z-index:3;padding:38px;width:100%;transform:translateZ(34px)}
.project-copy small{color:#fff;opacity:.7}.project-copy h3{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;margin:12px 0}.project-copy p{font-size:13px;color:#d5d9e0;opacity:0;transform:translateY(16px);max-height:0;margin:0;transition:.45s ease}.project-copy span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.25);padding-top:18px;margin-top:20px;text-transform:uppercase;letter-spacing:.1em}
.project-no{z-index:3;top:24px;right:27px;font-size:13px;letter-spacing:.15em;color:#fff;background:rgba(5,7,10,.55);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:9px 12px}
.project:hover{border-color:rgba(255,255,255,.42);box-shadow:0 38px 100px rgba(0,0,0,.5)}.project:hover>img{transform:scale(1.085)}.project:hover .project-shade{background:linear-gradient(180deg,rgba(5,7,10,.05),rgba(5,7,10,.22) 42%,rgba(5,7,10,.97))}.project:hover .project-copy p{opacity:1;transform:none;max-height:70px;margin:0 0 5px}
.project.beauty .project-copy{color:#fff}.project.forma .project-copy h3{font-family:Georgia,serif;font-weight:400}.project.nord .project-copy h3{font-weight:800;text-transform:uppercase}.portfolio-note{margin:22px 48px 0}
.portfolio-progress{height:1px;background:linear-gradient(90deg,#3977ff var(--portfolio-progress,0%),#242a35 0);margin:0 48px 32px}
.portfolio-scan{position:absolute;z-index:12;left:48px;right:48px;top:var(--scan-y,0%);height:3px;pointer-events:none;background:linear-gradient(90deg,transparent,#6b8cff 12%,#fff 50%,#6b8cff 88%,transparent);box-shadow:0 0 8px #fff,0 0 28px #3977ff,0 0 70px #3977ff;opacity:var(--scan-visible,0);transition:opacity .2s}.portfolio-scan::before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,rgba(57,119,255,.16),transparent);clip-path:polygon(0 100%,100% 100%,96% 0,4% 0)}.portfolio-scan::after{content:attr(data-status);position:absolute;right:0;bottom:16px;background:#080b12;border:1px solid #557bff;color:#b9c9ff;font-size:9px;letter-spacing:.18em;padding:9px 12px;box-shadow:0 0 28px #3977ff55}
.projects{position:relative}.project::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;opacity:calc(1 - var(--live,0));background-image:linear-gradient(rgba(91,126,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(91,126,255,.18) 1px,transparent 1px);background-size:28px 28px;mix-blend-mode:screen;transition:opacity .2s}.project.is-live{box-shadow:0 38px 110px rgba(44,86,255,.2),0 0 0 1px rgba(116,145,255,.5)}
.portfolio-index{position:sticky;z-index:14;top:20px;margin:-20px 48px 24px auto;width:max-content;color:#8da6ff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:#080b12dd;border:1px solid #283a70;padding:10px 13px;backdrop-filter:blur(10px)}
@media(max-width:900px){#realizacje .section-head{padding:0 24px}#realizacje .section-head h2{font-size:clamp(48px,13.5vw,104px);letter-spacing:-.075em;white-space:nowrap}.projects{padding:0 24px;grid-template-columns:1fr;grid-template-rows:repeat(4,430px)}.portfolio-note{margin-left:24px;margin-right:24px}.portfolio-progress{margin-left:24px;margin-right:24px}.portfolio-scan{left:24px;right:24px}.portfolio-index{margin-right:24px}.project-copy p{opacity:1;transform:none;max-height:70px}.project{transform:none!important}}
@media(max-width:520px){#realizacje .section-head h2{font-size:13.5vw;letter-spacing:-.075em}}
@media(max-width:520px){.projects{grid-template-rows:repeat(4,370px);gap:15px}.project-copy{padding:25px}.project-copy h3{font-size:34px}.project-copy p{font-size:12px}.project-no{top:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.project,.project>img{transition:none!important}.project{transform:none!important;--live:1!important}.portfolio-scan{display:none}#realizacje .section-head h2{animation:none;background:#fff;-webkit-background-clip:text;background-clip:text}}