/* Wspólne dopracowanie wizualne stron projektów Make. Treść i screeny pozostają bez zmian. */
body{background-image:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 520px)}
.topbar{margin-top:14px;padding:13px 16px!important;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(5,16,35,.38);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(2,8,23,.14)}
.brand{display:flex;align-items:center;gap:10px}
.brand:before{content:"MW";display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6ba8ff,#2563eb);font-size:11px;letter-spacing:.03em;color:#fff;box-shadow:0 9px 22px rgba(37,99,235,.28)}
.nav-link,.nav-actions .nav-link{transition:background .18s ease,border-color .18s ease,transform .18s ease}
.nav-link:hover,.nav-actions .nav-link:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.27);transform:translateY(-1px)}
.hero-panel,.shot-card,.info-card,.showcase-copy,.showcase-media,.flow-card,.metric-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.shot-card:hover,.info-card:hover,.flow-card:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(15,23,42,.12);border-color:#cbd8e8}
.hero-panel{border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(2,8,23,.28)}
.section-head{position:relative}
.section-head:after{content:"";display:block;width:64px;height:3px;margin-top:17px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#7c3aed)}
.dark-section .section-head:after{background:linear-gradient(90deg,#60a5fa,#a78bfa)}
.card-copy h3{font-size:20px}
.image-button{position:relative}
.image-button:after{content:"Powiększ";position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(7,18,37,.8);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(5px);transition:.18s ease;pointer-events:none}
.image-button:hover:after{opacity:1;transform:translateY(0)}
.project-switcher{backdrop-filter:blur(12px);transition:transform .18s ease,background .18s ease}
.project-switcher:hover{transform:translateY(-2px)}
@media(max-width:720px){.topbar{margin:10px 14px 0!important}.brand:before{width:31px;height:31px}.image-button:after{display:none}}
