html:has(.project-popup) { scrollbar-gutter: stable; }
.project-popup { position:fixed; inset:0; width:min(1080px,calc(100% - 40px)); max-width:none; max-height:calc(100dvh - 40px); padding:0; border:1px solid #ffffff30; border-radius:18px; background:#111214; color:#f1f0eb; box-shadow:0 38px 110px #000b; overflow:auto; }
.project-popup::backdrop { background:#000c; backdrop-filter:blur(8px); }
.project-popup__panel { position:relative; }
.project-popup__close { position:absolute; right:16px; top:16px; width:46px; height:46px; border:1px solid #ffffff50; border-radius:50%; background:#111e; color:#fff; font:30px/1 sans-serif; cursor:pointer; }
.project-popup__media { position:relative; background:#08090a; }
.project-popup__image { display:block; width:100%; height:clamp(230px,46vh,500px); object-fit:contain; }
.project-popup__controls { display:flex; align-items:center; justify-content:center; gap:24px; padding:10px; border-top:1px solid #ffffff20; }
.project-popup__controls button { width:44px; height:44px; border:1px solid #ffffff30; border-radius:50%; background:transparent; color:#fff; font-size:22px; cursor:pointer; }
.project-popup__counter { font:12px monospace; color:#bfc0bb; }
.project-popup__copy { padding:32px 40px 40px; }
.project-popup__category { margin:0 0 12px; color:var(--signal); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.project-popup__title { margin:0 0 22px; font-size:clamp(30px,5vw,58px); font-weight:500; letter-spacing:-.045em; line-height:1.05; overflow-wrap:anywhere; }
.project-popup__description { margin:0; max-width:850px; color:#c5c6c2; font-size:17px; line-height:1.7; white-space:pre-line; overflow-wrap:anywhere; }
.project-popup__services { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.project-popup__services span { padding:7px 12px; border:1px solid #ffffff25; border-radius:20px; font-size:11px; }
.project-popup__visit { display:inline-flex; padding:15px 22px; border-radius:5px; background:var(--signal); color:#fff; font-size:14px; text-decoration:none; }
.project-popup button:focus-visible,.project-popup a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:760px) {
  .project-popup { width:calc(100% - 20px); max-height:calc(100dvh - 20px); border-radius:12px; }
  .project-popup__copy { padding:24px 20px 28px; }
  .project-popup__description { font-size:16px; }
  .project-popup__close { top:10px; right:10px; }
}

.project-popup__all { margin:12px 0 0 12px; background:transparent; border:1px solid #ffffff50; }
@media(max-width:480px) { .project-popup__visit { display:flex; justify-content:center; } .project-popup__all { margin:12px 0 0; } }