:root{--bg:#070806;--panel:#0b0d0b;--panel2:#10120f;--line:#343026;--muted:#a6a399;--text:#eeeae0;--gold:#e4b949;--gold2:#f1d07a;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 55% 0,#17170f 0,#080907 32%,#050605 75%);color:var(--text);font-family:var(--sans);font-size:15px}button,input,select{font:inherit}.topbar{height:76px;border-bottom:1px solid #24231d;display:grid;grid-template-columns:290px 1fr 190px;align-items:center;padding:0 4.1vw;position:sticky;top:0;z-index:40;background:rgba(6,7,5,.96);backdrop-filter:blur(14px)}.brand{text-decoration:none;color:#efe2bd;display:flex;flex-direction:column;line-height:1}.brand span{font:34px/1 var(--serif)}.brand small{font-size:8px;letter-spacing:.32em;margin-top:7px;color:#a48f5e}.mainnav{display:flex;justify-content:center;gap:28px}.mainnav a{color:#d7d4cc;text-decoration:none;font-size:13px;padding:29px 0 24px;border-bottom:2px solid transparent}.mainnav a:hover,.mainnav a.active{color:var(--gold2);border-color:var(--gold)}.outline-btn{justify-self:end;border:1px solid #9f7c28;color:#e9d6a0;text-decoration:none;padding:13px 20px;font:700 11px/1 var(--sans);letter-spacing:.1em}.hero{min-height:185px;display:grid;grid-template-columns:55% 45%;border-bottom:1px solid #201f1a;background:linear-gradient(90deg,rgba(5,6,5,.96),rgba(5,6,5,.7)),radial-gradient(circle at 70% 45%,#24241d,#090a08 60%)}.hero-copy{padding:20px 4.1vw 22px}.breadcrumb{font-size:13px;color:#a5a198;margin:0 0 7px}.breadcrumb span{padding:0 7px;color:#6f6b61}.hero h1{font:54px/1.02 var(--serif);margin:0 0 7px;color:#f0ece3;font-weight:400}.hero p:not(.breadcrumb){font:20px/1.35 var(--serif);margin:0 0 3px;color:#ded9cf}.hero small{color:#aaa79e;font-size:14px}.hero-art{display:flex;align-items:center;justify-content:flex-end;padding:0 5vw;background:linear-gradient(90deg,transparent,rgba(0,0,0,.35));overflow:hidden}.hero-art span{font:italic 24px/1.35 var(--serif);color:#c9a755;transform:rotate(-5deg);text-align:right}.stats{margin:0 2.3vw;height:74px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #2a2923;background:#090a08}.stats>div{display:flex;flex-direction:column;justify-content:center;padding:0 28px;border-right:1px solid #302e27}.stats>div:last-child{border-right:0}.stats b{font:26px/1 var(--serif);color:#e1bb59;font-weight:400}.stats span{margin-top:5px;color:#9d9a92;font-size:12px;letter-spacing:.02em}.archive-shell{padding:14px 2.3vw 30px}.archive-search{height:50px;display:grid;grid-template-columns:1fr 125px 170px;gap:10px;margin-bottom:13px}.archive-search input,.archive-search select,.filter-input,.date-row input{background:#0c0e0c;border:1px solid #3b3931;color:#e5e2da;border-radius:3px}.archive-search input{padding:0 18px}.archive-search select{padding:0 12px}.gold-btn{border:1px solid #d7aa3c;background:linear-gradient(#f2d47d,#dba63c);color:#17130a;font-weight:700;cursor:pointer}.gold-btn:hover{filter:brightness(1.05)}.archive-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:14px;align-items:start}.filters,.photo-detail{border:1px solid #302e27;background:#090a08;min-height:620px}.filters{padding:16px}.filter-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27261f;padding-bottom:12px}.filter-title h2{font:24px/1 var(--serif);margin:0;color:#eadfc5;font-weight:400}.filter-title button{background:none;border:0;color:#d5b255;font-size:11px;cursor:pointer}.filter-section{border-bottom:1px solid #24231e;padding:12px 0}.filter-section h3{font:16px/1 var(--serif);margin:0 0 10px;font-weight:400}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.date-row input,.filter-input{width:100%;padding:8px;font-size:11px}.check{display:flex;align-items:center;gap:9px;padding:5px 0;color:#d1cec6;font-size:13px;cursor:pointer}.check input{display:none}.check span{width:14px;height:14px;border:1px solid #c9a242;display:inline-block;border-radius:2px}.check input:checked+span{background:var(--gold);box-shadow:inset 0 0 0 3px #0b0c0a}.filters details{border-bottom:1px solid #24231e;padding:11px 0}.filters summary{cursor:pointer;font:14px/1.2 var(--serif);color:#ddd8cb}.filters details p{font-size:11px;line-height:1.5;color:#8f8c84}.wide{width:100%;padding:11px;margin-top:14px}.gallery-area{min-width:0}.result-bar{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.result-bar strong{font-size:13px;font-weight:400;color:#bbb8b0}.chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chips button{background:#0a0b09;border:1px solid #4a4639;color:#d7d4cc;border-radius:18px;padding:6px 13px;font-size:11px;cursor:pointer}.chips button.active,.chips button:hover{color:#15120b;background:linear-gradient(#efd177,#d9a53f);border-color:#d8a63f}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.photo-card{border:1px solid #302f29;background:#0b0c0a;cursor:pointer;min-width:0;transition:border-color .15s,transform .15s}.photo-card:hover,.photo-card.selected{border-color:#d5a73d}.photo-card:hover{transform:translateY(-1px)}.card-image{position:relative;aspect-ratio:3/2;background:#111;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-fallback{display:none;position:absolute;inset:0;place-items:center;color:#706e68;font-size:10px;letter-spacing:.12em;background:linear-gradient(145deg,#141512,#080907)}.no-preview .card-image img{display:none}.no-preview .card-fallback{display:grid}.heart{position:absolute;right:8px;top:7px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;font-size:17px;cursor:pointer}.card-meta{height:48px;padding:8px 9px;display:flex;flex-direction:column;gap:3px;overflow:hidden}.card-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta span{font-size:10px;color:#929088;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-detail{position:sticky;top:90px;padding:12px;max-height:calc(100vh - 108px);overflow:auto}.mobile-close{display:none}.detail-image-wrap{aspect-ratio:3/2;background:#111;position:relative;overflow:hidden;margin-bottom:12px}.detail-image-wrap img{width:100%;height:100%;object-fit:cover}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#777;background:#10110f;font-size:11px;letter-spacing:.12em}.photo-detail h2{font:20px/1.15 var(--serif);font-weight:400;margin:0 0 12px;color:#eee5cf}.detail-empty{min-height:500px;display:grid;place-content:center;text-align:center;padding:28px;color:#8e8a80}.detail-empty span{font:24px/1.1 var(--serif);color:#c7b68c}.detail-empty p{max-width:240px;line-height:1.6;font-size:12px}.meta-group{border-top:1px solid #302f29}.meta-group summary{padding:10px 2px;cursor:pointer;font:15px/1.2 var(--serif);color:#e2dccd}.meta-group dl{display:grid;grid-template-columns:105px 1fr;gap:5px 10px;margin:0 0 11px}.meta-group dt{font-size:11px;color:#85827a}.meta-group dd{font-size:11px;margin:0;color:#d6d2c8;overflow-wrap:anywhere}.detail-description{border-top:1px solid #302f29;padding-top:11px}.detail-description h3{font:15px/1.2 var(--serif);font-weight:400;margin:0 0 7px}.detail-description p{font-size:11px;line-height:1.55;color:#b9b5aa;white-space:pre-line}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.detail-actions button{min-height:39px;border:1px solid #4a4639;background:#0c0d0b;color:#d8d4ca;font-size:10px;cursor:pointer}.detail-actions .gold-btn{color:#17130a}.loading,.empty,.api-error{padding:80px 20px;text-align:center;color:#97948d;border:1px solid #292822;background:#0a0b09}.detail-backdrop{display:none}
@media(max-width:1450px){.topbar{grid-template-columns:230px 1fr 160px;padding:0 2.5vw}.brand span{font-size:29px}.mainnav{gap:17px}.mainnav a{font-size:11px}.archive-layout{grid-template-columns:210px minmax(0,1fr) 300px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:46px}}
@media(max-width:1100px){.mainnav{display:none}.topbar{grid-template-columns:1fr auto;height:66px}.outline-btn{grid-column:2}.hero{grid-template-columns:1fr}.hero-art{display:none}.stats{grid-template-columns:repeat(4,1fr);height:auto}.stats>div{padding:15px}.stats>div:last-child{display:none}.archive-layout{grid-template-columns:200px minmax(0,1fr)}.photo-detail{position:fixed;z-index:100;right:0;top:0;width:min(430px,94vw);height:100dvh;max-height:none;transform:translateX(105%);transition:transform .2s ease;border:0;border-left:1px solid #3a372d;padding:18px}.detail-open .photo-detail{transform:translateX(0)}.detail-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90}.detail-open .detail-backdrop{display:block}.mobile-close{display:block;position:absolute;right:10px;top:7px;z-index:2;border:0;background:#0b0c0a;color:#fff;font-size:32px;width:42px;height:42px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:14px}.topbar{padding:0 16px}.brand span{font-size:26px}.outline-btn{display:none}.hero-copy{padding:18px 16px}.hero h1{font-size:38px}.hero p:not(.breadcrumb){font-size:17px}.stats{margin:0;grid-template-columns:1fr 1fr}.stats>div:nth-child(3),.stats>div:nth-child(4),.stats>div:nth-child(5){display:none}.archive-shell{padding:10px}.archive-search{grid-template-columns:1fr 86px;height:auto}.archive-search input{height:44px}.archive-search select{grid-column:1/-1;height:40px}.archive-layout{display:block}.filters{display:none}.result-bar{align-items:flex-start;flex-direction:column}.chips{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:5px}.chips button{white-space:nowrap}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-meta{height:44px;padding:7px}.photo-detail{width:100vw}.meta-group dl{grid-template-columns:105px 1fr}.detail-actions{position:sticky;bottom:0;background:#090a08;padding:8px 0}.hero small{font-size:12px}}

/* === V2: event-first archive + working discipline/person filters === */
.result-left{display:flex;align-items:center;gap:12px;min-width:0}.back-events{border:1px solid #6d5b2d;background:#0b0c0a;color:#e3c56c;padding:6px 10px;font-size:11px;cursor:pointer;border-radius:3px}.back-events:hover{border-color:#d5a73d;color:#f1d57f}
.photo-grid.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.event-card{border:1px solid #302f29;background:#0b0c0a;cursor:pointer;transition:border-color .15s,transform .15s;min-width:0}.event-card:hover{border-color:#d5a73d;transform:translateY(-1px)}.event-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#151612,#080907);overflow:hidden}.event-cover img{width:100%;height:100%;object-fit:cover;display:block}.event-cover-fallback{position:absolute;inset:0;display:none;place-items:center;color:#6f6d66;font-size:11px;letter-spacing:.14em}.event-card.no-cover img{display:none}.event-card.no-cover .event-cover-fallback,.event-card:not(:has(img)) .event-cover-fallback{display:grid}.event-folder-badge{position:absolute;left:10px;bottom:10px;background:rgba(4,5,4,.82);border:1px solid rgba(219,174,65,.55);color:#ead17c;padding:6px 9px;font-size:10px;letter-spacing:.04em}.event-meta{padding:12px 13px 13px;display:flex;flex-direction:column;gap:5px}.event-meta strong{font:18px/1.15 var(--serif);font-weight:400;color:#eee6d3}.event-meta span{font-size:11px;color:#b8b4aa}.event-meta small{font-size:10px;color:#7f7c74}.filters details[open] summary{margin-bottom:8px}.filters .filter-input{background:#0c0e0c}
@media(max-width:1450px){.photo-grid.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.photo-grid.event-grid{grid-template-columns:1fr}.result-left{width:100%;justify-content:space-between}.event-meta strong{font-size:17px}}

/* === FIGURATYWNY: unified desktop navigation === */
@media (min-width:901px){

  .topbar{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
  }

  .topbar #main-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center;
    flex-wrap:nowrap !important;
    gap:18px;
    flex:1;
    white-space:nowrap;
  }

  .topbar #main-nav > a,
  .topbar #main-nav .sport-nav > a,
  .topbar #main-nav .concert-nav > a{
    display:block;
    white-space:nowrap;
  }

  .topbar #main-nav .sport-nav,
  .topbar #main-nav .concert-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    position:relative;
    flex:0 0 auto;
  }

  .topbar #main-nav .sport-mega,
  .topbar #main-nav .concert-mega{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
  }

  .topbar #main-nav .sport-nav:hover .sport-mega,
  .topbar #main-nav .sport-nav:focus-within .sport-mega{
    display:grid;
  }

  .topbar #main-nav .concert-nav:hover .concert-mega,
  .topbar #main-nav .concert-nav:focus-within .concert-mega{
    display:grid;
  }

}


/* =========================================================
   FIGURATYWNY — HEADER FINAL
   zgodny ze stroną główną
   ========================================================= */

.topbar{
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:25px !important;
    padding:0 4vw !important;
    border-bottom:1px solid #24201a !important;
    position:sticky !important;
    top:0 !important;
    background:#090909f5 !important;
    z-index:2000 !important;
}

.topbar .brand{
    color:#f4efe6 !important;
    text-decoration:none !important;
    min-width:205px !important;
    flex:0 0 auto !important;
}

.topbar .brand span{
    display:block !important;
    font-family:Georgia,serif !important;
    font-size:29px !important;
    line-height:1.1 !important;
    color:#e7d09a !important;
}

.topbar .brand small{
    display:block !important;
    font-size:8px !important;
    letter-spacing:3px !important;
    color:#8b806d !important;
}

.topbar #main-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    flex:1 1 auto !important;
    white-space:nowrap !important;
    position:relative !important;
}

.topbar #main-nav > a,
.topbar .sport-nav > a,
.topbar .concert-nav > a{
    color:#ddd !important;
    text-decoration:none !important;
    font:13px Arial,sans-serif !important;
    line-height:1 !important;
    padding:8px 0 !important;
    margin:0 !important;
    white-space:nowrap !important;
}

.topbar #main-nav a:hover,
.topbar #main-nav a.active{
    color:#f0cf7a !important;
}

.topbar .sport-nav,
.topbar .concert-nav{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:4px !important;
    flex:0 0 auto !important;
}

.topbar .sport-nav > button,
.topbar .concert-nav > button{
    display:none !important;
}

.topbar .sport-mega,
.topbar .concert-mega{
    display:none !important;
    position:absolute !important;
    top:34px !important;
    left:-22px !important;
    padding:22px !important;
    background:#090909 !important;
    border-top:1px solid #a7833f !important;
    box-shadow:0 18px 35px #000b !important;
    z-index:99999 !important;
}

.topbar .sport-mega{
    min-width:570px !important;
    grid-template-columns:repeat(3,1fr) !important;
}

.topbar .concert-mega{
    min-width:390px !important;
    grid-template-columns:repeat(2,1fr) !important;
}

.topbar .sport-nav:hover .sport-mega,
.topbar .sport-nav:focus-within .sport-mega,
.topbar .sport-nav.open .sport-mega{
    display:grid !important;
}

.topbar .concert-nav:hover .concert-mega,
.topbar .concert-nav:focus-within .concert-mega,
.topbar .concert-nav.open .concert-mega{
    display:grid !important;
}

.topbar .sport-mega a,
.topbar .concert-mega a{
    padding:10px 12px !important;
    color:#eee !important;
    text-decoration:none !important;
    font:12px Arial,sans-serif !important;
    white-space:nowrap !important;
}

.topbar .sport-mega a:hover,
.topbar .concert-mega a:hover{
    color:#e7c979 !important;
    background:#16130d !important;
}

.topbar .outline-btn{
    flex:0 0 auto !important;
    display:inline-block !important;
    border:1px solid #d3aa4c !important;
    padding:12px 18px !important;
    color:#f0cf7a !important;
    text-decoration:none !important;
    background:transparent !important;
    border-radius:2px !important;
    font:700 12px Arial,sans-serif !important;
    letter-spacing:.5px !important;
    white-space:nowrap !important;
}

.topbar .menu-toggle{
    display:none !important;
}


/* MOBILE */
@media(max-width:900px){

    .topbar{
        padding:0 24px !important;
    }

    .topbar .menu-toggle{
        display:block !important;
        margin-left:auto !important;
        background:transparent !important;
        border:0 !important;
        color:#e8d0a0 !important;
        text-transform:uppercase !important;
        letter-spacing:1px !important;
    }

    .topbar #main-nav{
        display:none !important;
        position:absolute !important;
        top:71px !important;
        left:0 !important;
        right:0 !important;
        background:#111 !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        padding:22px 24px !important;
        border-bottom:1px solid #3a3120 !important;
    }

    .topbar #main-nav.open{
        display:flex !important;
    }

    .topbar .outline-btn{
        display:none !important;
    }

    .topbar .sport-nav,
    .topbar .concert-nav{
        width:100% !important;
    }

    .topbar .sport-nav > button,
    .topbar .concert-nav > button{
        display:block !important;
        margin-left:auto !important;
        background:none !important;
        border:0 !important;
        color:#bda46f !important;
        cursor:pointer !important;
    }

    .topbar .sport-mega,
    .topbar .concert-mega{
        position:fixed !important;
        top:72px !important;
        left:0 !important;
        right:0 !important;
        min-width:0 !important;
        grid-template-columns:repeat(2,1fr) !important;
        padding:22px !important;
    }

    .topbar .sport-nav:hover .sport-mega,
    .topbar .concert-nav:hover .concert-mega{
        display:none !important;
    }

    .topbar .sport-nav.open .sport-mega,
    .topbar .concert-nav.open .concert-mega{
        display:grid !important;
    }
}


/* =========================================================
   HEADER DIMENSIONS 1:1 WITH FIGURATYWNY.PL
   ========================================================= */
@media (min-width:901px){

.topbar{
    height:72px !important;
    min-height:72px !important;
    padding:0 4vw !important;
    gap:25px !important;
}

.topbar .brand{
    min-width:205px !important;
    line-height:normal !important;
}

.topbar .brand span{
    font-family:Georgia,serif !important;
    font-size:29px !important;
    line-height:normal !important;
}

.topbar .brand small{
    display:block !important;
    font-size:8px !important;
    line-height:normal !important;
    letter-spacing:3px !important;
    margin-top:0 !important;
}

.topbar #main-nav{
    gap:18px !important;
}

.topbar #main-nav > a,
.topbar .sport-nav > a,
.topbar .concert-nav > a{
    font-family:Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:normal !important;
    padding:0 !important;
}

.topbar .outline-btn{
    padding:12px 18px !important;
    font:700 12px Arial,sans-serif !important;
    letter-spacing:.5px !important;
    line-height:normal !important;
}

}