/* Realizacje i case study */
.hero.subpage{overflow:visible}
.projects-page{padding:clamp(30px,5vw,80px) 5% clamp(40px,6vw,100px)}
.projects-page .showcase-head{margin-bottom:clamp(50px,7vw,100px)}
.projects-title{font-family:Bebas,Impact,sans-serif;font-weight:400;font-size:clamp(70px,13vw,220px);letter-spacing:.03em;line-height:.85;margin:0;background:linear-gradient(180deg,#fff 20%,#ffffff55 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.projects-sub{font-size:14px;color:#8f98a5;margin:22px 0 0}
.devices-link{display:block}
.work-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:34px}
.work-links .work-link{margin-top:0}
.work-link-live{color:#a1a8b4;border-color:#ffffff33}

/* case study */
.case-hero{padding:clamp(20px,3vw,50px) 5% clamp(40px,6vw,90px);max-width:1400px;margin:0 auto;width:100%}
.case-top{max-width:900px}
.case-back{display:inline-block;font-size:12px;color:#8f98a5;margin-bottom:34px;transition:color .2s}
.case-back:hover{color:#fff}
.case-hero h1{font-family:Bebas,Impact,sans-serif;font-weight:400;font-size:clamp(60px,10vw,170px);letter-spacing:.03em;line-height:.9;margin:18px 0 0;text-shadow:none}
.case-meta{display:flex;flex-wrap:wrap;gap:20px clamp(28px,5vw,70px);margin:clamp(26px,3vw,44px) 0 0;padding:22px 0 0;border-top:1px solid #ffffff1a}
.case-meta dt{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#566170}
.case-meta dd{margin:8px 0 0;font-size:15px;color:#e6e9ee}
.case-lead{font-size:16px;line-height:1.85;color:#b5bcc7;max-width:60ch;margin:clamp(22px,2.6vw,36px) 0 0}
.case-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(26px,3vw,40px)}
.case-actions .cta{margin:0;border-radius:5px;font-size:13px;padding:17px 24px}
.case-actions button.cta{cursor:pointer;font:inherit;font-size:13px}
.case-devices{margin:clamp(40px,6vw,90px) auto 0;max-width:1180px;padding-right:4%}
.devices-big .phone{width:24%;right:-4%}

.case-section{padding:clamp(40px,6vw,100px) 5%;max-width:1400px;margin:0 auto}
.case-head h2{font-family:Bebas,Impact,sans-serif;font-weight:400;font-size:clamp(40px,5vw,84px);letter-spacing:.05em;line-height:1.02;margin:0}
.case-shots{display:grid;gap:clamp(28px,4vw,60px);margin-top:clamp(30px,4vw,60px)}
.case-shot{margin:0;max-width:1100px}
.case-shot:nth-child(even){margin-left:auto}
.case-shot .lid,.case-play .lid{display:block;position:relative;padding:clamp(4px,.6vw,9px);border-radius:clamp(10px,1.2vw,16px);background:#000;box-shadow:0 0 0 1px #23262c,0 40px 80px -30px #000}
.case-shot .lid-screen,.case-play .lid-screen{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:clamp(6px,.8vw,10px);background:#000}
.case-shot img,.case-play img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}

.case-play{all:unset;box-sizing:border-box;display:block;position:relative;cursor:pointer;margin-top:clamp(30px,4vw,60px);max-width:1100px;width:100%;transition:transform .35s}
.case-play:hover{transform:translateY(-4px)}
.case-play:focus-visible{outline:2px solid #d2d9e2;outline-offset:6px;border-radius:16px}
.case-play-btn{position:absolute;left:50%;top:50%;width:clamp(64px,8vw,104px);height:clamp(64px,8vw,104px);margin:calc(-1*clamp(32px,4vw,52px)) 0 0 calc(-1*clamp(32px,4vw,52px));display:grid;place-items:center;border-radius:50%;background:#ffffffe6;color:#0a0b0d;font-size:clamp(20px,2.4vw,32px);padding-left:.18em;box-shadow:0 20px 50px -10px #000;transition:transform .3s}
.case-play:hover .case-play-btn{transform:scale(1.08)}

.case-next{padding:clamp(60px,8vw,130px) 5% clamp(70px,9vw,140px);text-align:center;border-top:1px solid #ffffff0d;margin-top:clamp(20px,3vw,40px)}
.case-next-link{display:inline-block;margin-top:18px;font-family:Bebas,Impact,sans-serif;font-size:clamp(46px,8vw,130px);letter-spacing:.04em;line-height:1;transition:letter-spacing .35s}
.case-next-link:hover{letter-spacing:.08em}
.case-next-cta{margin-top:clamp(26px,3vw,44px)}
.case-next-cta .cta{margin:0;border-radius:5px;font-size:13px;padding:17px 24px}

/* okno z nagraniem */
.video-dialog{width:min(1180px,94vw);max-height:92svh;padding:18px;background:#0b0c0f;border:1px solid #ffffff22;border-radius:18px;color:#eee}
.video-dialog::backdrop{background:#000000e6;backdrop-filter:blur(8px)}
.vd-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.vd-tabs{display:flex;gap:6px;padding:4px;border-radius:50px;background:#ffffff0f}
.vd-tabs button{all:unset;cursor:pointer;padding:9px 18px;border-radius:50px;font-size:12px;color:#a1a8b4;transition:background .2s,color .2s}
.vd-tabs button[aria-pressed=true]{background:#e6e9ee;color:#0a0b0d}
.vd-tabs button:focus-visible,.vd-close:focus-visible{outline:2px solid #d2d9e2;outline-offset:2px}
.vd-close{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff33;font-size:15px}
.video-dialog video{display:block;width:100%;max-height:72svh;border-radius:10px;background:#000;object-fit:contain}
.video-dialog.is-mobile video{width:auto;max-width:100%;height:72svh;margin:0 auto}
.vd-live{display:inline-block;margin-top:16px;font-size:13px;color:#d2d6dc;border-bottom:1px solid #ffffff55;padding-bottom:4px}

@media (max-width:860px){
  .case-devices{padding-right:0}
  .devices-big .phone{width:30%;right:2%;bottom:-6%}
  .case-shot:nth-child(even){margin-left:0}
}
.case-top .page-eyebrow{display:block;margin-top:0}

/* polityka prywatności */
.legal{max-width:820px;margin:0 auto}
.legal-block{padding:clamp(22px,3vw,36px) 0;border-top:1px solid #ffffff1a}
.legal-no{display:block;font-family:Bebas,Impact,sans-serif;font-size:28px;letter-spacing:.06em;color:#566170}
.legal-block h2{font-family:Bebas,Impact,sans-serif;font-weight:400;font-size:clamp(28px,3vw,40px);letter-spacing:.05em;margin:6px 0 14px}
.legal-block p,.legal-block li{font-size:15px;line-height:1.85;color:#a1a8b4}
.legal-block ul{padding-left:20px}
.legal-block a{color:#f1f3f6;border-bottom:1px solid #ffffff55}