@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

/* Zmienne muszą żyć na :root, a nie tylko w .akz - panel ma na <body>
   klasę .pnl i inaczej nie widziałby ani jednego koloru marki. */
:root{
  --ink:#1B2A33;
  --deep:#0E4A78;
  --water:#0060AA;
  --wave:#4E8FBF;
  --mist:#EFEDE5;
  --paper:#FBFCFB;
  --sand:#DCD5C3;
  --signal:#E74931;
  --signal-deep:#AE2F1D;
  --line:rgba(27,42,51,.15);
  --line-soft:rgba(27,42,51,.09);
  --text:#25333B;
  --muted:#5D6E78;
  --tint-news:#EBE4D3; --tint-news-line:rgba(158,108,21,.16);
  --tint-gallery:#E3E9EA; --tint-gallery-line:rgba(0,96,170,.14);
  --band:#CFDDE6; --band-line:rgba(0,96,170,.18); --band-muted:#4E5F6B;
  --r:3px;
}


.akz {
  --ink:#1B2A33; --deep:#0E4A78; --water:#0060AA; --wave:#4E8FBF;
  --mist:#EFEDE5; --paper:#FBFCFB; --sand:#DCD5C3;
  --signal:#E74931; --signal-deep:#AE2F1D;
  --line:rgba(27,42,51,.15); --line-soft:rgba(27,42,51,.09);
  --text:#25333B; --muted:#5D6E78;
  --r:3px;
  background:var(--mist); color:var(--text);
  font-family:'Lora',Georgia,'Times New Roman',serif;
  font-size:17px; line-height:1.7; min-height:100%;
  -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{box-sizing:border-box}
:where(.akz h1,.akz h2,.akz h3,.akz h4,.akz .disp){
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-weight:800; letter-spacing:-.025em; line-height:1.02;
  color:var(--ink); margin:0;
}
:where(.akz p){margin:0 0 1em}
:where(.akz a){color:inherit;text-decoration:none}
:where(.akz button){font:inherit;cursor:pointer;border:none;background:none;color:inherit}
.akz :focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}
:where(.akz img){max-width:100%;display:block}

.eyebrow{
  font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--water);
  display:flex;align-items:center;gap:.7em;margin:0 0 1.4rem;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line);max-width:120px}
.chart-note{font-family:'Lora',serif;font-style:italic;font-size:.86rem;color:var(--muted);letter-spacing:.04em}

.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.sect{padding:88px 0;border-top:1px solid var(--line-soft)}
.sect-first{border-top:none}

/* -- header -- */
.top{position:sticky;top:0;z-index:60;background:rgba(239,237,229,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.top-in{display:flex;align-items:center;gap:20px;height:70px;max-width:1160px;margin:0 auto;padding:0 26px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo-txt{display:flex;flex-direction:column;line-height:1.05}
.logo-1{font-family:'Archivo',sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.logo-2{font-family:'Archivo',sans-serif;font-size:1.16rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.nav{display:flex;gap:2px;margin-left:auto;align-self:stretch;align-items:stretch}
.nav-link{display:flex;align-items:center;font-family:'Archivo',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:0 14px;border-radius:var(--r);color:var(--text);transition:background .16s,color .16s}
.nav-link:hover{background:rgba(0,96,170,.09)}
.nav-link.is-on{color:var(--water);background:rgba(0,96,170,.11)}
.pill{display:inline-flex;align-items:center;align-self:center;height:36px;font-family:'Archivo',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:0 17px;border-radius:100px;background:var(--signal);color:#FFF3F0;margin-left:10px;white-space:nowrap;transition:transform .16s,box-shadow .16s}
.pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(231,73,49,.35)}
.burger{display:none;margin-left:auto;padding:10px;border:1px solid var(--line);border-radius:var(--r)}
.mnav{display:none;flex-direction:column;padding:10px 26px 22px;border-bottom:1px solid var(--line-soft);background:var(--mist)}
.mnav.is-open{display:flex}
.mnav .nav-link{padding:13px 4px;font-size:1rem;border-bottom:1px solid var(--line-soft)}

/* -- hero -- */
.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center;padding:76px 0 78px}
.hero-h1{font-size:clamp(2.9rem,6.4vw,4.7rem);white-space:pre-line;letter-spacing:-.035em}
.hero-lead{font-size:1.12rem;max-width:37ch;margin:1.5rem 0 2.1rem;color:#2B4346}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-family:'Archivo',sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.01em;line-height:1.2;text-align:center;border-radius:var(--r);transition:transform .16s,background .16s,box-shadow .16s}
.btn-solid{background:var(--ink);color:#F4F6F3}
.btn-solid:hover{background:var(--deep);color:#FFFFFF;transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--water);color:var(--water)}
.btn-signal{background:var(--signal);color:#FFF3F0}
.btn-signal:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(231,73,49,.32)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.hero-coords{margin-top:2.4rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap}

/* -- karta / siatki -- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-soft);border:1px solid var(--line-soft)}
.pillar{background:var(--paper);padding:34px 28px 32px}
.pillar-label{font-family:'Archivo',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-deep);margin-bottom:1.1rem}
.pillar h3{font-size:1.35rem;margin-bottom:.6rem}
.pillar p{font-size:.97rem;color:var(--muted);margin:0}

.sect-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px;flex-wrap:wrap}
.sect-head h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.more{font-family:'Archivo',sans-serif;font-size:.82rem;font-weight:700;color:var(--water);border-bottom:1px solid rgba(0,96,170,.3);padding-bottom:2px}
.more:hover{border-color:var(--water)}

/* -- aktualności -- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.news{background:var(--paper);border:1px solid var(--line-soft);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;text-align:left;width:100%}
.news:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.09)}
.news-img{aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.news-img img{width:100%;height:100%;object-fit:cover}
.news-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}
.news-date{font-family:'Archivo',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
.news h3{font-size:1.24rem;line-height:1.15;margin-bottom:.6rem}
.news p{font-size:.95rem;color:var(--muted);margin:0}
.news-more{margin-top:auto;padding-top:1.2rem;font-family:'Archivo',sans-serif;font-size:.8rem;font-weight:700;color:var(--water)}

/* -- galeria -- */
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gal-tile{aspect-ratio:1;overflow:hidden;background:var(--sand);position:relative;width:100%;display:block}
.gal-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gal-tile:hover img{transform:scale(1.05)}
.gal-cap{position:absolute;inset:auto 0 0 0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(27,42,51,.78));color:#EEF3EE;font-size:.82rem;text-align:left;opacity:0;transition:opacity .2s}
.gal-tile:hover .gal-cap,.gal-tile:focus-visible .gal-cap{opacity:1}
.album{background:var(--paper);border:1px solid var(--line-soft);text-align:left;width:100%;transition:transform .18s,box-shadow .18s}
.album:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.09)}
.album-cover{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.album-cover img{width:100%;height:100%;object-fit:cover}
.album-meta{padding:18px 20px 22px}

.lightbox[hidden]{display:none}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(8,22,25,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}
.lb-img{max-width:min(1100px,92vw);max-height:78vh;object-fit:contain}
.lb-bar{display:flex;align-items:center;gap:18px;margin-top:18px;color:#DDE6E1;font-size:.9rem}
.lb-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#EEF3EE;display:grid;place-items:center;font-size:1.2rem}
.lb-btn:hover{background:rgba(255,255,255,.12)}
.lb-close{position:absolute;top:20px;right:22px;color:#EEF3EE;font-size:1.6rem;padding:6px 12px}

/* -- ciemny pas / 1,5% -- */
.band{background:var(--ink);color:#DCE6E2}
.band h2,.band h3{color:#F4F8F4}
.band-in{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:76px 0}
.krs-box{border:1px solid rgba(255,255,255,.16);padding:28px 30px;background:rgba(255,255,255,.035)}
.krs-num{font-family:'Archivo',sans-serif;font-size:clamp(2rem,5vw,2.9rem);font-weight:800;letter-spacing:.01em;color:var(--signal);line-height:1;margin:.35rem 0 .1rem}
.krs-lab{font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(220,230,226,.66)}

/* -- o nas -- */
.prose{max-width:66ch}
.prose p{font-size:1.05rem}
.timeline{border-top:1px solid var(--line)}
.tl-row{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid var(--line-soft)}
.tl-year{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.5rem;color:var(--water);letter-spacing:-.02em}
.tl-row p{margin:0;color:var(--muted)}
.board{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.board-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}
.board-role{font-size:.92rem;color:var(--muted)}
.board-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:1rem;color:var(--ink)}

/* -- kontakt -- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.field{margin-bottom:18px}
.lab{display:block;font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.inp,.sel,.txt{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r);font-family:'Lora',serif;font-size:1rem;color:var(--text);transition:border-color .16s}
.inp:focus,.sel:focus,.txt:focus{border-color:var(--water);outline:none;box-shadow:0 0 0 3px rgba(0,96,170,.12)}
.txt{resize:vertical;min-height:140px;line-height:1.6}
.sel{font-family:'Archivo',sans-serif;font-size:.94rem}
.check{display:flex;gap:11px;align-items:flex-start;font-size:.85rem;color:var(--muted);line-height:1.55}
.check input{margin-top:4px;width:17px;height:17px;accent-color:var(--water);flex-shrink:0}
.err{color:#A6382C;font-size:.82rem;margin-top:6px;font-family:'Archivo',sans-serif;font-weight:600}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.info-block{border-top:1px solid var(--line);padding-top:20px;margin-bottom:28px}
.info-block h3{font-size:1.05rem;margin-bottom:.7rem}
.info-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:.95rem;flex-wrap:wrap}
.info-row span:first-child{color:var(--muted)}
.mono{font-family:'Archivo',sans-serif;font-weight:600;letter-spacing:.01em}
.copy-btn{display:inline-flex;align-items:center;font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:700;color:var(--water);border:1px solid var(--line);min-height:26px;padding:0 10px;border-radius:100px}
.copy-btn:hover{border-color:var(--water)}

/* -- post -- */
.post-head{max-width:74ch}
.post-body{max-width:68ch;font-size:1.07rem}
.post-body h3{font-size:1.4rem;margin:2.2rem 0 .7rem}
.post-body ul{padding-left:1.1rem;margin:0 0 1.2rem}
.post-body li{margin-bottom:.4rem}

/* -- pas z wieściami (przedrostek wiesci-, NIE fb-) -- */
.updates{background:var(--band);border-top:1px solid var(--band-line);border-bottom:1px solid var(--band-line);padding:76px 0}
.updates .eyebrow{color:var(--deep)}
.updates .eyebrow::after{background:var(--band-line)}
.updates p{color:var(--band-muted)}
.updates .btn-ghost{border-color:rgba(27,42,51,.24)}
.updates .btn-ghost:hover{border-color:var(--deep);color:var(--deep)}
.updates-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.updates-box{background:var(--paper);border:1px solid rgba(27,42,51,.12);box-shadow:0 10px 28px rgba(27,42,51,.07);min-height:430px;display:grid;place-items:center;padding:30px}
.updates-consent{max-width:40ch;text-align:center}
.updates-consent p{font-size:.94rem;color:var(--muted)}
.updates-frame{width:100%;height:520px;border:none;display:block;background:var(--paper)}
.updates-note{font-family:'Lora',serif;font-style:italic;font-size:.82rem;color:var(--band-muted);margin-top:12px;text-align:center}
.updates-mark{width:46px;height:46px;border-radius:12px;background:var(--water);display:grid;place-items:center;margin:0 auto 18px}

/* -- podgląd linku w panelu -- */
.sp{max-width:440px;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden;background:#0F1C24}
.sp-img{aspect-ratio:1.91/1;background:#13242E;overflow:hidden}
.sp-img img{width:100%;height:100%;object-fit:cover}
.sp-body{padding:11px 13px 13px}
.sp-dom{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:rgba(214,226,222,.45)}
.sp-t{font-weight:700;font-size:.96rem;color:#F1F6F2;margin-top:4px;line-height:1.25}
.sp-d{font-size:.8rem;color:rgba(214,226,222,.6);margin-top:4px;line-height:1.4}
.warn{display:flex;gap:9px;font-size:.8rem;line-height:1.5;padding:7px 0;color:rgba(214,226,222,.7)}
.warn b{color:#F0C36A;font-weight:700;flex-shrink:0}
.warn.ok b{color:#7FC08F}
.code{background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.6;color:#BFD3CE;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto}

/* -- stopka -- */
.foot{background:var(--ink);color:rgba(220,230,226,.75);padding:56px 0 34px;font-size:.9rem}
.foot a{color:rgba(220,230,226,.9)}
.foot-bot a{border-bottom:1px solid rgba(220,230,226,.28);padding-bottom:1px}
.foot-bot a:hover{border-color:var(--signal)}
.foot a:hover{color:var(--signal)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot h4{color:#F0F5F1;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:1.1rem}
.foot-list{display:flex;flex-direction:column;gap:9px}
.foot-bot{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:.8rem;color:rgba(220,230,226,.5);flex-wrap:wrap}

/* -- puste stany -- */
.empty{border:1px dashed var(--line);padding:52px 30px;text-align:center;background:var(--paper)}
.empty h3{font-size:1.2rem;margin-bottom:.5rem}
.empty p{color:var(--muted);margin:0 auto;max-width:44ch;font-size:.95rem}

/* -- mapa/wykres -- */
.chart-wrap{position:relative}
.chart-svg{width:100%;height:auto;display:block}
.contour{animation:draw 2.6s ease-out forwards}
@keyframes draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
.chart-boat{offset-path:path("M 185.5 454.0 C 178.2 455.3 152.5 451.1 149.5 449.4 C 146.5 447.7 142.4 438.1 149.2 434.0 C 156.0 430.0 217.0 403.7 230.8 400.7 C 244.5 397.7 305.0 399.7 314.3 397.8 C 323.6 395.9 338.8 382.1 342.5 377.8 C 346.2 373.6 353.9 349.4 359.0 346.8 C 364.1 344.2 399.9 350.1 403.7 346.2 C 407.5 342.3 401.0 306.9 404.6 300.1 C 408.2 293.4 439.1 274.9 446.9 265.4 C 454.8 255.8 494.1 195.7 498.6 185.9 C 503.1 176.2 497.6 149.9 500.9 148.3 C 504.2 146.7 534.3 158.0 538.1 166.8 C 541.8 175.6 549.4 241.9 545.6 254.3 C 541.8 266.7 498.2 310.3 492.5 315.5 C 486.8 320.7 479.5 313.2 477.7 316.4 C 475.9 319.5 473.8 349.7 471.3 352.9 C 468.9 356.1 450.3 351.1 448.1 354.6 C 445.9 358.2 453.8 390.4 444.9 395.5 C 436.0 400.6 352.5 412.4 341.0 415.8 C 329.6 419.2 316.1 434.5 307.4 436.1 C 298.7 437.6 246.7 432.8 236.6 434.3 C 226.4 435.8 192.7 452.8 185.5 454.0 Z");offset-rotate:auto;animation:chart-sail 78s linear infinite}
@keyframes chart-sail{from{offset-distance:0%}to{offset-distance:100%}}


.pnl{
  --pnl-bg:#132029; --pnl-surface:#1B2B36; --pnl-surface-2:#22343F;
  --pnl-line:#2E4351; --pnl-line-soft:#243542;
  --pnl-text:#DCE7EC; --pnl-text-dim:#8FA5B2; --pnl-text-strong:#F2F7F9;
  --pnl-accent:#3E92D8; --pnl-accent-soft:rgba(62,146,216,.16);
  --pnl-danger:#E4634C;
  --pnl-gap:16px; --pnl-radius:6px; --pnl-control:40px;
  background:var(--pnl-bg); min-height:100vh; color:var(--pnl-text);
  font-family:'Archivo',system-ui,sans-serif; font-size:15px; line-height:1.55;
}
:where(.pnl a){color:inherit;text-decoration:none}
:where(.pnl p){margin:0}
:where(.pnl h1,.pnl h2,.pnl h3){margin:0;font-weight:700;color:var(--pnl-text-strong);letter-spacing:-.01em}
.pnl :focus-visible{outline:2px solid var(--pnl-accent);outline-offset:2px;border-radius:4px}

.pnl-top{display:flex;align-items:center;gap:14px;padding:0 24px;height:60px;
  border-bottom:1px solid var(--pnl-line);position:sticky;top:0;background:var(--pnl-bg);z-index:40}
.pnl-title{font-weight:700;font-size:.98rem;color:var(--pnl-text-strong)}
.pnl-flag{font-size:.68rem;font-weight:600;letter-spacing:.04em;color:#FFE9E4;
  background:var(--pnl-danger);padding:5px 11px;border-radius:100px;white-space:nowrap}
.pnl-body{display:grid;grid-template-columns:216px 1fr;min-height:calc(100vh - 60px)}
.pnl-side{border-right:1px solid var(--pnl-line);padding:16px 12px;display:flex;
  flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}
.pnl-group{display:flex;flex-direction:column;gap:2px;padding-bottom:12px}
.pnl-group+.pnl-group{border-top:1px solid var(--pnl-line-soft);padding-top:12px}
.pnl-group-label{margin:0 0 4px;padding:0 13px;font-size:.68rem;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;color:#5F7A88}
.pnl-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;
  height:20px;padding:0 6px;border-radius:100px;background:#E0A94B;color:#241703;
  font-size:.7rem;font-weight:700;flex-shrink:0}
.pnl-navb{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 13px;border-radius:var(--pnl-radius);font-size:.88rem;
  font-weight:500;color:var(--pnl-text-dim);transition:background .14s,color .14s}
.pnl-navb:hover{background:var(--pnl-surface);color:var(--pnl-text-strong)}
.pnl-navb.is-on{background:var(--pnl-accent-soft);color:#9FCDF0;font-weight:600}
.pnl-main{padding:32px 32px 96px;max-width:940px}
.pnl-h{font-size:1.6rem;margin-bottom:4px}
.pnl-sub{font-size:.92rem;color:var(--pnl-text-dim);margin-bottom:26px;max-width:66ch}

.pnl-card{background:var(--pnl-surface);border:1px solid var(--pnl-line-soft);
  padding:22px;margin-bottom:var(--pnl-gap);border-radius:var(--pnl-radius)}
.pnl-card>.pnl-lab:first-child{font-size:.95rem;font-weight:700;letter-spacing:0;
  text-transform:none;color:var(--pnl-text-strong);margin-bottom:16px}
.pnl-card-alert{border-color:rgba(228,99,76,.45);background:linear-gradient(var(--pnl-surface),var(--pnl-surface)) padding-box,
  rgba(228,99,76,.06)}

.pnl-field{margin-bottom:var(--pnl-gap)}
.pnl-field:last-child{margin-bottom:0}
.pnl-lab{display:block;font-size:.78rem;font-weight:600;letter-spacing:.01em;
  text-transform:none;color:var(--pnl-text-dim);margin-bottom:6px}
.pnl-inp,.pnl-txt,.pnl-sel{width:100%;min-height:var(--pnl-control);padding:9px 12px;
  background:var(--pnl-bg);border:1px solid var(--pnl-line);border-radius:var(--pnl-radius);
  color:var(--pnl-text-strong);font-family:inherit;font-size:.92rem;line-height:1.5;
  transition:border-color .14s,box-shadow .14s}
.pnl-txt{resize:vertical;min-height:104px;line-height:1.65}
.pnl-sel{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238FA5B2' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}
.pnl-inp:hover,.pnl-txt:hover,.pnl-sel:hover{border-color:#3C5666}
.pnl-inp:focus,.pnl-txt:focus,.pnl-sel:focus{outline:none;border-color:var(--pnl-accent);
  box-shadow:0 0 0 3px var(--pnl-accent-soft)}
.pnl-inp::placeholder,.pnl-txt::placeholder{color:#5F7A88}
.pnl-inp[type=file]{padding:8px 12px;font-size:.85rem;color:var(--pnl-text-dim);cursor:pointer}
.pnl-inp[type=file]::file-selector-button{font:inherit;font-size:.82rem;font-weight:600;
  margin-right:12px;padding:6px 12px;border:1px solid var(--pnl-line);border-radius:4px;
  background:var(--pnl-surface-2);color:var(--pnl-text);cursor:pointer}
.pnl-inp[type=file]::file-selector-button:hover{border-color:var(--pnl-accent);color:#9FCDF0}
.pnl-hint{font-size:.79rem;color:#6E8695;margin-top:6px;line-height:1.5}
.pnl-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--pnl-gap)}

.pnl-btn,.pnl-btn2,.pnl-btn3{display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--pnl-control);padding:0 20px;border-radius:var(--pnl-radius);
  font-family:inherit;font-size:.88rem;font-weight:600;text-align:center;
  transition:background .14s,border-color .14s,color .14s;cursor:pointer}
.pnl-btn{background:var(--pnl-accent);color:#08202E;font-weight:700;border:1px solid var(--pnl-accent)}
.pnl-btn:hover{background:#54A2E2;border-color:#54A2E2}
.pnl-btn2{background:transparent;border:1px solid var(--pnl-line);color:var(--pnl-text)}
.pnl-btn2:hover{border-color:var(--pnl-accent);color:#9FCDF0}
.pnl-btn3{background:transparent;border:1px solid transparent;color:var(--pnl-danger);padding:0 12px}
.pnl-btn3:hover{border-color:rgba(228,99,76,.45);background:rgba(228,99,76,.08)}
.pnl-btn:disabled,.pnl-btn2:disabled{opacity:.45;cursor:not-allowed}
.pnl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}

.pnl-list{display:flex;flex-direction:column;gap:8px}
.pnl-item{display:flex;align-items:center;gap:14px;background:var(--pnl-surface);
  border:1px solid var(--pnl-line-soft);padding:12px 16px;border-radius:var(--pnl-radius);
  transition:border-color .14s}
.pnl-item:hover{border-color:var(--pnl-line)}
.pnl-item-t{font-weight:600;font-size:.95rem;color:var(--pnl-text-strong)}
.pnl-item-s{font-size:.79rem;color:var(--pnl-text-dim);margin-top:2px}
.pnl-item-img{width:60px;height:44px;overflow:hidden;flex-shrink:0;border-radius:4px;
  border:1px solid var(--pnl-line);background:var(--pnl-bg)}
.pnl-item-img img{width:100%;height:100%;object-fit:cover}
.pnl-drop{border:1px dashed var(--pnl-line);padding:26px;text-align:center;
  border-radius:var(--pnl-radius);font-size:.88rem;color:var(--pnl-text-dim)}
.pnl-drop .pnl-btn{margin-top:10px}

.badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;letter-spacing:.02em;
  padding:4px 10px;border-radius:100px;white-space:nowrap}
.badge-on{background:rgba(62,146,216,.18);color:#8CC4EC}
.badge-off{background:rgba(255,255,255,.07);color:var(--pnl-text-dim)}

.pnl .check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;
  color:var(--pnl-text);line-height:1.5;cursor:pointer}
.pnl .check input{margin-top:2px;width:18px;height:18px;accent-color:var(--pnl-accent);flex-shrink:0;cursor:pointer}
.pnl .check span{color:inherit}

.pnl-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.pnl-thumb{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--pnl-line);
  border-radius:var(--pnl-radius);background:var(--pnl-bg)}
.pnl-thumb img{width:100%;height:100%;object-fit:cover}
.pnl-x{position:absolute;top:6px;right:6px;cursor:pointer}
.pnl-x span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:rgba(10,20,26,.86);color:#fff;font-size:.95rem;line-height:1;transition:background .14s}
.pnl-x:hover span{background:var(--pnl-danger)}
.pnl-thumb input[type=checkbox]:checked+span{background:var(--pnl-danger)}
.pnl-cap{position:absolute;left:0;right:0;bottom:0;background:rgba(10,20,26,.82);border:none;
  color:var(--pnl-text);font-size:.72rem;padding:6px 8px;font-family:inherit;width:100%}
.pnl-cap:focus{outline:none;background:rgba(10,20,26,.95);box-shadow:inset 0 0 0 1px var(--pnl-accent)}

.pnl-note{font-size:.88rem;color:var(--pnl-text-dim);line-height:1.65;
  border-left:2px solid var(--pnl-accent);padding-left:14px;margin:16px 0}
.pnl-note:last-child{margin-bottom:0}
.pnl-note b{color:var(--pnl-text);font-weight:600}
.warn{display:flex;gap:10px;font-size:.85rem;line-height:1.5;padding:6px 0;color:var(--pnl-text-dim)}
.warn b{color:#E0A94B;font-weight:700;flex-shrink:0}
.warn.ok b{color:#6FBF8B}

.sp{max-width:440px;border:1px solid var(--pnl-line);border-radius:var(--pnl-radius);
  overflow:hidden;background:var(--pnl-bg)}
.sp-img{aspect-ratio:1.91/1;background:var(--pnl-surface-2);overflow:hidden;display:grid;place-items:center}
.sp-img img{width:100%;height:100%;object-fit:cover}
.sp-body{padding:12px 14px 14px}
.sp-dom{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pnl-text-dim)}
.sp-t{font-weight:600;font-size:.95rem;color:var(--pnl-text-strong);margin-top:4px;line-height:1.3}
.sp-d{font-size:.82rem;color:var(--pnl-text-dim);margin-top:4px;line-height:1.45}
.code{background:var(--pnl-bg);border:1px solid var(--pnl-line);border-radius:var(--pnl-radius);
  padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;
  line-height:1.65;color:#A8C4D2;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto}

.login{min-height:100vh;display:grid;place-items:center;background:var(--pnl-bg);padding:24px}
.login-box{width:100%;max-width:390px;background:var(--pnl-surface);
  border:1px solid var(--pnl-line-soft);padding:32px;border-radius:10px}
.login-box .pnl-btn{width:100%}
.login-box .pnl-btn2{margin-top:18px}

.pnl .flash{font-size:.9rem;font-weight:500;padding:12px 16px;border-radius:var(--pnl-radius);
  margin-bottom:20px;border:1px solid transparent}
.pnl .flash-ok{background:rgba(62,146,216,.14);border-color:rgba(62,146,216,.35);color:#A6D2F2}
.pnl .flash-err{background:rgba(228,99,76,.14);border-color:rgba(228,99,76,.4);color:#F2B5A7}
.pnl .err{color:#F2B5A7;font-size:.82rem;margin-top:6px;font-weight:500}

@media (max-width:900px){
  .pnl-body{grid-template-columns:1fr}
  .pnl-side{flex-direction:row;overflow-x:auto;overflow-y:visible;max-height:none;
    position:static;border-right:none;border-bottom:1px solid var(--pnl-line);padding:10px 12px;gap:4px}
  .pnl-group{flex-direction:row;padding:0;gap:4px}
  .pnl-group+.pnl-group{border-top:none;padding-top:0;
    border-left:1px solid var(--pnl-line-soft);margin-left:6px;padding-left:10px}
  .pnl-group-label{display:none}
  .pnl-navb{white-space:nowrap}
  .pnl-main{padding:24px 18px 80px}
  .pnl-row{grid-template-columns:1fr}
}

.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#EAF2EE;padding:13px 22px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:.85rem;font-weight:600;z-index:300;box-shadow:0 12px 34px rgba(0,0,0,.3)}

@media (max-width:960px){
  .hero{grid-template-columns:1fr;gap:40px;padding:52px 0 60px}
  .band-in{grid-template-columns:1fr;gap:34px;padding:60px 0}
  .contact-grid{grid-template-columns:1fr;gap:44px}
  .updates-grid{grid-template-columns:1fr;gap:34px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .pnl-body{grid-template-columns:1fr}
  .pnl-side{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:12px}
  .pnl-navb{white-space:nowrap}
  .pnl-main{padding:24px 18px 80px}
}
@media (max-width:720px){
  .akz{font-size:16px}
  .nav{display:none}
  .burger{display:block}
  .sect{padding:60px 0}
  .grid-3{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .board{grid-template-columns:1fr}
  .tl-row{grid-template-columns:78px 1fr;gap:16px}
  .tl-year{font-size:1.15rem}
  .pnl-row{grid-template-columns:1fr}
  .wrap{padding:0 18px}
  .top-in{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){
  .akz *,.pnl *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .chart-boat{offset-distance:18%}
}

/* ===================== dodatki wersji serwerowej ===================== */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200}
.skip-link:focus{left:8px;top:8px}
.plate{width:var(--plate,46px);height:var(--plate,46px);border-radius:50%;background:#F2F1EA;display:grid;place-items:center;flex-shrink:0}
.pnl-top .plate{width:34px;height:34px}
.foot .plate{width:62px;height:62px}
.login-box .plate{width:46px;height:46px}
.no-photo{display:block;width:100%;height:100%;background:
  repeating-linear-gradient(135deg,var(--sand),var(--sand) 12px,rgba(255,255,255,.5) 12px,rgba(255,255,255,.5) 24px)}
.flash{font-family:'Archivo',sans-serif;font-size:.88rem;font-weight:600;padding:12px 16px;border-radius:var(--r);margin-bottom:18px}
.flash-ok{background:rgba(0,96,170,.1);border:1px solid rgba(0,96,170,.3);color:var(--deep)}
.flash-err{background:rgba(231,73,49,.1);border:1px solid rgba(231,73,49,.35);color:var(--signal-deep)}
.pnl .flash-ok{background:rgba(0,96,170,.18);border-color:rgba(120,190,240,.4);color:#BEDCF4}
.pnl .flash-err{background:rgba(231,73,49,.18);border-color:rgba(231,73,49,.45);color:#F3B4A8}
.pnl-hint{font-size:.74rem;color:rgba(214,226,222,.45);margin-top:5px;line-height:1.5}
.pnl-navb{text-decoration:none}
.pnl-thumb .pnl-x{cursor:pointer}
.pnl-thumb input[type=checkbox]:checked + span{background:#A6382C}
.pnl-thumb .pnl-x span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(10,25,28,.82);color:#fff;font-size:.9rem}
.pnl input[type=file]{padding:9px 12px;font-size:.82rem}
.pnl .check span{color:rgba(214,226,222,.75)}
.pnl .check input{accent-color:var(--signal)}
.sp-img{display:grid;place-items:center}
.warn{margin:0}
form{margin:0}
.pnl-thumb .pnl-x{background:none;width:auto;height:auto;top:5px;right:5px}

/* ===================== flota w tle ===================== */
.sail-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sail{position:absolute;left:0;display:block;color:var(--ink);
  animation:sail-drift linear infinite;will-change:transform}
.sail-hull{display:block;animation:sail-roll ease-in-out infinite}
.sail svg,.mark svg{display:block;height:auto;width:100%}
@keyframes sail-drift{from{transform:translateX(-22vw)}to{transform:translateX(122vw)}}
@keyframes sail-back{from{transform:translateX(122vw) scaleX(-1)}to{transform:translateX(-22vw) scaleX(-1)}}
@keyframes sail-roll{0%,100%{transform:rotate(-2.5deg) translateY(3px)}50%{transform:rotate(2.5deg) translateY(-5px)}}
@keyframes wing-beat{0%,100%{transform:translateY(6px) scaleY(1)}50%{transform:translateY(-8px) scaleY(.82)}}
@keyframes fin-wave{0%,100%{transform:translateY(5px) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes mark-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes mark-bob{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}

.sail-1{top:3%;width:52px;opacity:0.05;animation-duration:274s}
.sail-1 .sail-hull{animation:sail-roll 7.4s ease-in-out infinite}
.sail-2{top:9%;width:44px;opacity:0.075;animation-duration:132s;animation-delay:-40s;animation-name:sail-back}
.sail-2 .sail-hull{animation:wing-beat 3.4s ease-in-out infinite}
.sail-3{top:16%;width:60px;opacity:0.06;animation-duration:246s;animation-delay:-150s}
.sail-3 .sail-hull{animation:sail-roll 11.0s ease-in-out infinite}
.sail-4{top:24%;width:88px;opacity:0.085;animation-duration:196s;animation-delay:-70s}
.sail-4 .sail-hull{animation:sail-roll 8.6s ease-in-out infinite}
.sail-5{top:32%;width:58px;opacity:0.055;animation-duration:218s;animation-delay:-118s}
.sail-5 .sail-hull{animation:fin-wave 6.2s ease-in-out infinite}
.sail-6{top:40%;width:72px;opacity:0.07;animation-duration:258s;animation-delay:-198s}
.sail-6 .sail-hull{animation:sail-roll 10.3s ease-in-out infinite}
.sail-7{top:48%;width:82px;opacity:0.07;animation-duration:168s;animation-delay:-52s}
.sail-7 .sail-hull{animation:fin-wave 5.4s ease-in-out infinite}
.sail-8{top:56%;width:76px;opacity:0.065;animation-duration:144s;animation-delay:-96s}
.sail-8 .sail-hull{animation:sail-roll 6.0s ease-in-out infinite}
.sail-9{top:64%;width:98px;opacity:0.055;animation-duration:188s;animation-delay:-24s}
.sail-9 .sail-hull{animation:sail-roll 7.8s ease-in-out infinite}
.sail-10{top:71%;width:38px;opacity:0.06;animation-duration:118s;animation-delay:-88s;animation-name:sail-back}
.sail-10 .sail-hull{animation:wing-beat 2.9s ease-in-out infinite}
.sail-11{top:78%;width:56px;opacity:0.06;animation-duration:236s;animation-delay:-160s}
.sail-11 .sail-hull{animation:sail-roll 9.6s ease-in-out infinite}
.sail-12{top:85%;width:48px;opacity:0.05;animation-duration:202s;animation-delay:-134s;animation-name:sail-back}
.sail-12 .sail-hull{animation:fin-wave 7.1s ease-in-out infinite}
.sail-13{top:91%;width:114px;opacity:0.095;animation-duration:148s;animation-delay:-112s}
.sail-13 .sail-hull{animation:sail-roll 6.8s ease-in-out infinite}
.sail-14{top:96%;width:64px;opacity:0.055;animation-duration:226s;animation-delay:-186s;animation-name:sail-back}
.sail-14 .sail-hull{animation:fin-wave 8.3s ease-in-out infinite}

.mark{position:absolute;display:block;color:var(--ink);will-change:transform}
.mark-1{top:17%;left:6%;width:62px;opacity:0.045;animation:mark-sway 17s ease-in-out infinite}
.mark-2{top:61%;left:85%;width:74px;opacity:0.05;animation:mark-sway 23s ease-in-out infinite reverse}
.mark-3{top:36%;left:92%;width:44px;opacity:0.055;animation:mark-bob 9s ease-in-out infinite}
.mark-4{top:83%;left:13%;width:58px;opacity:0.04;animation:mark-sway 27s ease-in-out infinite reverse}
.mark-5{top:46%;left:3%;width:48px;opacity:0.038;animation:mark-sway 31s ease-in-out infinite}
.mark-6{top:9%;left:76%;width:40px;opacity:0.042;animation:mark-bob 13s ease-in-out infinite reverse}

@media (max-width:1100px){
  .sail-3,.sail-9,.sail-12,.sail-14,.mark-2,.mark-5,.mark-6{display:none}
}
@media (max-width:720px){
  .sail-1,.sail-6,.sail-8,.sail-11,.mark-1,.mark-4{display:none}
  .sail-4{width:56px}
  .sail-13{width:70px}
  .sail-7{width:58px}
}
@media (prefers-reduced-motion:reduce){.sail-backdrop{display:none}}

/* ============ wyśrodkowanie nagłówka na wąskich ekranach ============ */
@media (max-width:960px){
  .hero{text-align:center;justify-items:center}
  .hero .eyebrow{justify-content:center}
  .hero .eyebrow::after{display:none}
  .hero-lead{margin-left:auto;margin-right:auto}
  .hero .btn-row{justify-content:center}
  .hero-coords{justify-content:center;text-align:center}
  .chart-wrap{max-width:560px;margin:0 auto;width:100%}
}

/* ===================== strona „w budowie" ===================== */
.maint{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.5rem 5rem;text-align:center;position:relative;z-index:1}
.maint-box{max-width:480px}
.maint-logo{margin:0 auto 1.9rem;width:150px;height:150px;object-fit:contain}
.maint-eyebrow{font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--water);margin-bottom:.5rem}
.maint-name{font-size:clamp(2.4rem,8vw,3.2rem);letter-spacing:-.03em;margin-bottom:1.6rem}
.maint-rule{width:48px;height:2px;background:var(--line);margin:0 auto 1.6rem}
.maint-title{font-size:1.3rem;margin-bottom:.7rem}
.maint-text{font-size:1.02rem;line-height:1.7;color:var(--muted);margin:0 auto;max-width:38ch}
.maint-contact{margin-top:1.6rem;font-size:.92rem;color:var(--muted)}
.maint-contact a{color:var(--water);border-bottom:1px solid rgba(0,96,170,.3);padding-bottom:1px}
.maint-foot{position:fixed;left:0;right:0;bottom:1.25rem;text-align:center;
  font-family:'Archivo',sans-serif;font-size:.72rem;color:var(--muted);z-index:1}

/* pasek przypominający redaktorowi, że strona jest wyłączona */
.maint-bar{position:sticky;top:0;z-index:80;background:var(--signal);color:#FFF3F0;
  font-family:'Archivo',sans-serif;font-size:.82rem;font-weight:600;
  padding:9px 20px;text-align:center;line-height:1.5}
.maint-bar strong{font-weight:800}
.maint-bar a{color:#FFF3F0;border-bottom:1px solid rgba(255,255,255,.55);margin-left:.5em;padding-bottom:1px}
.maint-bar a:hover{border-color:#FFF3F0}
.has-maint-bar .top{top:38px}
@media (max-width:600px){.has-maint-bar .top{top:58px}}

/* znacznik w górnym pasku panelu */
.pnl-flag{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#FFF3F0;background:var(--signal);padding:5px 11px;border-radius:100px;text-decoration:none;white-space:nowrap}
.pnl-flag:hover{filter:brightness(1.08)}
.pnl-card-alert{border-color:rgba(231,73,49,.5);background:rgba(231,73,49,.07)}

/* ===================== menu z rozwijanym działem ===================== */
.menu-group{position:relative;display:flex;align-items:stretch}
.menu-group-btn{display:flex;align-items:center;gap:6px;height:100%}
.menu-group-btn svg{transition:transform .18s}
.menu-group-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.menu-group-list{position:absolute;top:100%;left:0;min-width:216px;z-index:70;
  display:none;flex-direction:column;padding-top:8px}
.menu-group-list::after{content:"";position:absolute;top:8px;left:0;right:0;bottom:0;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 16px 40px rgba(27,42,51,.14);z-index:-1}
.menu-group-list.is-open{display:flex}
@media (hover:hover){.menu-group:hover .menu-group-list{display:flex}}
.menu-group-link{position:relative;font-family:'Archivo',sans-serif;font-size:.86rem;font-weight:600;
  padding:11px 14px;margin:0 6px;border-radius:var(--r);color:var(--text)}
.menu-group-link:first-of-type{margin-top:6px}
.menu-group-link:last-of-type{margin-bottom:6px}
.menu-group-link:hover{background:rgba(0,96,170,.09);color:var(--water)}
.menu-group-link.is-on{color:var(--water);background:rgba(0,96,170,.11)}

/* ===================== ludzie ===================== */
.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.person{background:var(--paper);border:1px solid var(--line-soft);display:block;
  transition:transform .18s,box-shadow .18s}
.person:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.1)}
.person-photo{aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.person-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.person:hover .person-photo img{transform:scale(1.04)}
.person-body{padding:16px 18px 20px}
.person-role{font-family:'Archivo',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--signal-deep);margin-bottom:.5rem}
.person-body h3{font-size:1.1rem;line-height:1.2}
.person-cert{font-size:.84rem;color:var(--muted);margin:.4rem 0 0}
.profile{display:grid;grid-template-columns:320px 1fr;gap:46px;align-items:start;margin-top:30px}
.profile-photo{aspect-ratio:4/5;overflow:hidden;background:var(--sand);border:1px solid var(--line-soft)}
.profile-photo img{width:100%;height:100%;object-fit:cover}
.profile-role{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem;color:var(--water);margin:.6rem 0 0}
.profile-cert{font-size:.95rem;color:var(--muted);margin:.3rem 0 1.6rem;font-style:italic}

/* ===================== flota ===================== */
.boats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.boat{background:var(--paper);border:1px solid var(--line-soft);display:block;
  transition:transform .18s,box-shadow .18s}
.boat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.1)}
.boat-photo{aspect-ratio:3/2;overflow:hidden;background:var(--sand)}
.boat-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.boat:hover .boat-photo img{transform:scale(1.04)}
.boat-body{padding:18px 20px 22px}
.boat-type{font-family:'Archivo',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--water);margin-bottom:.5rem}
.boat-body h3{font-size:1.26rem}
.boat-meta{font-size:.88rem;color:var(--muted);margin:.45rem 0 0}
.boat-hero{margin:32px 0 40px;max-width:960px;aspect-ratio:3/2;overflow:hidden;background:var(--sand)}
.boat-hero img{width:100%;height:100%;object-fit:cover}
.boat-layout,.event-layout{display:grid;grid-template-columns:1fr 300px;gap:46px;align-items:start}
.specs,.event-facts{background:var(--paper);border:1px solid var(--line-soft);padding:22px 24px}
.specs h2,.event-facts h2{font-size:1.05rem;margin-bottom:.9rem}

/* ===================== events-grid ===================== */
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.event{background:var(--paper);border:1px solid var(--line-soft);display:flex;flex-direction:column;
  transition:transform .18s,box-shadow .18s}
.event:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.1)}
.event-photo{aspect-ratio:16/10;overflow:hidden;background:var(--sand);position:relative}
.event-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.event:hover .event-photo img{transform:scale(1.04)}
.event-chip{position:absolute;top:12px;left:12px;background:var(--ink);color:#F2F5F1;
  padding:8px 12px 7px;text-align:center;line-height:1;font-family:'Archivo',sans-serif;border-radius:var(--r)}
.event-chip strong{display:block;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.event-chip span{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  margin-top:4px;color:rgba(242,245,241,.72)}
.event-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.event-when{font-family:'Archivo',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--signal-deep);margin-bottom:.6rem}
.event-body h3{font-size:1.2rem;line-height:1.2}
.event-place{font-size:.88rem;color:var(--muted);margin:.5rem 0 0}
.event-lead{font-size:.94rem;color:var(--muted);margin:.7rem 0 0}
.event-wide .event-photo{aspect-ratio:16/9}
.past-badge{display:inline-block;font-family:'Archivo',sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:.06em;background:rgba(27,42,51,.08);color:var(--muted);padding:6px 12px;
  border-radius:100px;margin-top:1rem}

/* galeria podpięta pod wpis */
.post-album{margin-top:56px;padding-top:40px;border-top:1px solid var(--line-soft)}

@media (max-width:1000px){
  .people-grid{grid-template-columns:repeat(3,1fr)}
  .boats-grid,.events-grid{grid-template-columns:repeat(2,1fr)}
  .profile{grid-template-columns:240px 1fr;gap:32px}
  .boat-layout,.event-layout{grid-template-columns:1fr;gap:32px}
}
@media (max-width:720px){
  .people-grid{grid-template-columns:repeat(2,1fr)}
  .boats-grid,.events-grid{grid-template-columns:1fr}
  .profile{grid-template-columns:1fr;gap:24px}
  .profile-photo{max-width:260px}
  .menu-group-list{position:static;padding-top:0}
  .menu-group-list::after{display:none}
}

/* ===================== hero ze zdjęciem ===================== */
.hero{align-items:center}
.hero-figure{margin:0;position:relative}
.hero-figure img,.hero-empty{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  border:1px solid var(--line-soft);background:var(--sand)}
.hero-empty{position:relative;display:grid;place-items:center;overflow:hidden}
.hero-empty svg{position:absolute;inset:0;width:100%;height:100%}
.hero-empty-note{position:relative;font-family:'Archivo',sans-serif;font-size:.76rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(27,42,51,.5);
  background:rgba(239,237,229,.86);padding:8px 14px;border-radius:100px}
.hero-figure figcaption{font-family:'Lora',serif;font-style:italic;font-size:.85rem;
  color:var(--muted);margin-top:10px;text-align:right}

/* zdjęcia w kaflach „co robimy” */
.pillar{padding:0;display:flex;flex-direction:column}
.pillar-photo{aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.pillar-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pillar:hover .pillar-photo img{transform:scale(1.04)}
.pillar-body{padding:26px 26px 30px}

/* pas z mapą nad stopką */
.foot-chart{border-top:1px solid var(--line-soft);padding:74px 0 84px;position:relative;z-index:1}
.foot-chart-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.foot-chart-copy h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:1rem}
.foot-chart-copy p{max-width:38ch;color:var(--muted);margin-bottom:1.4rem}

@media (max-width:960px){
  .foot-chart-in{grid-template-columns:1fr;gap:32px}
  .hero-figure figcaption{text-align:center}
}
.foot-chart-figure{margin:0}
.foot-chart-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line-soft);display:block}
.foot-chart-figure figcaption{font-family:'Lora',serif;font-style:italic;font-size:.85rem;color:var(--muted);margin-top:10px}

.updates-box-card{min-height:240px}
.updates-box.is-loading::after{content:"Ładuję wizytówkę…";font-family:'Archivo',sans-serif;
  font-size:.82rem;color:var(--band-muted);position:absolute;bottom:12px;left:0;right:0;text-align:center}
.updates-box{position:relative}
.updates-box.is-stuck::after{content:"Facebook nie odpowiedział. Skorzystaj z odnośnika poniżej.";
  font-family:'Archivo',sans-serif;font-size:.82rem;color:var(--signal-deep);
  position:absolute;bottom:12px;left:12px;right:12px;text-align:center}
.updates-note a{color:var(--deep);border-bottom:1px solid rgba(14,74,120,.35);padding-bottom:1px}
.updates-note a:hover{border-color:var(--deep)}

.tint{position:relative;z-index:1}
.tint>.sect{border-top:none}
.tint-news{background:var(--tint-news);border-top:1px solid var(--tint-news-line);
  border-bottom:1px solid var(--tint-news-line)}
.tint-gallery{background:var(--tint-gallery);border-top:1px solid var(--tint-gallery-line);
  border-bottom:1px solid var(--tint-gallery-line)}

/* ===================== karuzela floty ===================== */
.carousel{position:relative}
.carousel-viewport{overflow:hidden;border:1px solid var(--line-soft);background:var(--paper)}
.carousel-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.carousel-slide{flex:0 0 100%;display:grid;grid-template-columns:1.15fr .85fr;
  min-width:0;color:inherit}
.carousel-photo{aspect-ratio:16/9;overflow:hidden;background:var(--sand)}
.carousel-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.carousel-slide:hover .carousel-photo img{transform:scale(1.03)}
.carousel-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}
.carousel-body h3{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.12;margin-bottom:.7rem}
.carousel-facts{font-family:'Archivo',sans-serif;font-size:.84rem;font-weight:600;
  color:var(--water);margin-bottom:.9rem}
.carousel-lead{font-size:.98rem;color:var(--muted);margin-bottom:1.3rem}
.carousel-more{font-family:'Archivo',sans-serif;font-size:.86rem;font-weight:700;color:var(--water)}
.carousel-slide:hover .carousel-more{text-decoration:underline;text-underline-offset:3px}

.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;
  border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--ink);
  font-size:1.5rem;line-height:1;display:grid;place-items:center;z-index:3;
  box-shadow:0 6px 18px rgba(27,42,51,.12);transition:background .16s,border-color .16s,color .16s}
.carousel-arrow:hover{background:var(--ink);border-color:var(--ink);color:#F4F6F3}
.carousel-prev{left:-14px}
.carousel-next{right:-14px}
.carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:20px}
.carousel-dot{width:9px;height:9px;border-radius:50%;background:rgba(27,42,51,.22);
  border:none;padding:0;transition:background .16s,transform .16s}
.carousel-dot:hover{background:rgba(27,42,51,.42)}
.carousel-dot.is-on{background:var(--water);transform:scale(1.35)}
.carousel.is-single .carousel-arrow,.carousel.is-single .carousel-dots{display:none}

@media (max-width:860px){
  .carousel-slide{grid-template-columns:1fr}
  .carousel-body{padding:24px 22px 28px}
  .carousel-prev{left:6px}
  .carousel-next{right:6px}
}

/* ===================== lista zarządu i kadry ===================== */
.roster{border-top:1px solid var(--line)}
.roster-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr) auto;
  gap:12px 28px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line-soft)}
.roster-role{font-size:.95rem;color:var(--muted)}
.roster-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.06rem;color:var(--ink)}
.roster-name a{color:var(--ink);border-bottom:1px solid rgba(0,96,170,.3);padding-bottom:1px}
.roster-name a:hover{color:var(--water);border-color:var(--water)}
.roster-cert{font-family:'Lora',serif;font-style:italic;font-size:.88rem;color:var(--muted)}
.profile-plain{max-width:66ch}
.profile-plain .profile-role{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem;
  color:var(--water);margin:.6rem 0 0}
.profile-plain .profile-cert{font-size:.95rem;color:var(--muted);margin:.3rem 0 1.6rem;font-style:italic}
@media (max-width:720px){
  .roster-row{grid-template-columns:1fr;gap:2px;padding:14px 0}
  .roster-role{order:2;font-size:.88rem}
  .roster-name{order:1}
  .roster-cert{order:3}
}

/* ===================== plakaty wydarzeń ===================== */
.event-photo.is-poster{background:linear-gradient(160deg,#E7EDF1,#D8E2E9)}
.event-photo.is-poster img{object-fit:contain;padding:8px}
.poster{margin:36px 0 40px;max-width:880px}
.poster img{display:block;width:100%;height:auto;max-height:none;
  border:1px solid var(--line-soft);background:var(--paper);cursor:zoom-in}
.poster-tall img{width:auto;max-width:100%;max-height:82vh;margin:0 auto}
.poster figcaption{font-family:'Lora',serif;font-style:italic;font-size:.84rem;
  color:var(--muted);margin-top:10px;text-align:center}

/* ===================== dokumenty ===================== */
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.doc{display:flex;gap:18px;align-items:flex-start;background:var(--paper);
  border:1px solid var(--line-soft);padding:22px 22px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}
.doc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,42,51,.1);border-color:var(--line)}
.doc-icon{width:44px;height:55px;flex-shrink:0}
.doc-body{display:flex;flex-direction:column;min-width:0}
.doc-title{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.06rem;
  color:var(--ink);line-height:1.25}
.doc-text{font-size:.92rem;color:var(--muted);margin-top:.45rem}
.doc-meta{font-family:'Archivo',sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);margin-top:.7rem}
.doc-action{font-family:'Archivo',sans-serif;font-size:.84rem;font-weight:700;
  color:var(--water);margin-top:.8rem}
@media (max-width:1000px){.docs-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.docs-grid{grid-template-columns:1fr}}
.pnl-ext{display:grid;place-items:center;width:100%;height:100%;font-family:'Archivo',sans-serif;
  font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--pnl-text-dim)}

.pnl-version{position:fixed;right:14px;bottom:10px;z-index:50;margin:0;
  font-family:'Archivo',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.04em;
  color:var(--pnl-text-dim);opacity:.45;pointer-events:none;user-select:none}
.login .pnl-version{position:static;text-align:center;margin-top:22px;opacity:.4}

.pnl-version{transition:opacity .16s,color .16s;pointer-events:auto;cursor:pointer}
.pnl-version:hover{opacity:.95;color:var(--pnl-accent)}
.changelog{max-width:70ch;font-size:.94rem;line-height:1.7;color:var(--pnl-text)}
.changelog h2{font-size:1.25rem;margin:0 0 6px}
.changelog h3{font-size:1.05rem;margin:26px 0 4px;color:var(--pnl-text-strong)}
.changelog h4{font-size:.94rem;margin:20px 0 4px;color:var(--pnl-accent)}
.changelog h2+p,.changelog h3+p,.changelog h4+p{margin-top:2px}
.changelog p{margin:0 0 12px}
.changelog ul{margin:0 0 16px;padding-left:20px}
.changelog li{margin-bottom:7px}
.changelog hr{border:none;border-top:1px solid var(--pnl-line);margin:26px 0}
.changelog code{background:var(--pnl-bg);border:1px solid var(--pnl-line);border-radius:3px;
  padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#A8C4D2}
.changelog strong{color:var(--pnl-text-strong)}

/* ===================== deklaracja członkowska ===================== */
.steps{margin:0;padding-left:20px;font-size:.95rem;color:var(--muted);line-height:1.7}
.steps li{margin-bottom:.5rem}
.done-box{background:var(--paper);border:1px solid var(--line);padding:44px 40px;max-width:60ch}
.done-box h2{font-size:1.6rem;margin-bottom:.9rem}
.done-box p{color:var(--muted);margin-bottom:1.5rem}
.badge-candidate{background:rgba(224,169,75,.18);color:#E0A94B}
.badge-active{background:rgba(111,191,139,.18);color:#7FC08F}
.badge-inactive{background:rgba(255,255,255,.07);color:var(--pnl-text-dim)}
.pnl-btn2.is-on{border-color:var(--pnl-accent);color:#9FCDF0;background:var(--pnl-accent-soft)}

/* ===================== zdjęcia pionowe ===================== */
.news-img.is-tall,.boat-photo.is-tall,.carousel-photo.is-tall{
  background:linear-gradient(160deg,#E7EDF1,#D8E2E9)}
.news-img.is-tall img,.boat-photo.is-tall img,.carousel-photo.is-tall img{
  object-fit:contain;padding:10px}
.poster-more{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;
  max-width:880px;margin:0 0 40px}
.poster-more .poster{margin:0}
.poster-more img{border:1px solid var(--line-soft);background:var(--paper);cursor:zoom-in}
@media (max-width:680px){.poster-more{grid-template-columns:1fr}}

/* wybór zdjęć w panelu */
.pnl-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pnl-shot{position:relative;border:1px solid var(--pnl-line);border-radius:var(--pnl-radius);
  overflow:hidden;background:var(--pnl-bg)}
.pnl-shot.is-main{border-color:var(--pnl-accent);box-shadow:0 0 0 2px var(--pnl-accent-soft)}
.pnl-shot img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#0F1C24}
.pnl-shot-main,.pnl-shot-del{display:flex;align-items:center;gap:6px;font-size:.76rem;
  padding:7px 9px;cursor:pointer;color:var(--pnl-text-dim)}
.pnl-shot-main{border-top:1px solid var(--pnl-line-soft)}
.pnl-shot.is-main .pnl-shot-main{color:#9FCDF0;font-weight:600}
.pnl-shot-del{color:var(--pnl-danger);padding-top:0}
.pnl-shot input{width:15px;height:15px;accent-color:var(--pnl-accent);margin:0}
.pnl-shot-del input{accent-color:var(--pnl-danger)}
.pnl-cover{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:5px;
  background:rgba(10,20,26,.82);color:var(--pnl-text-dim);font-size:.7rem;
  padding:4px 8px;border-radius:100px;cursor:pointer}
.pnl-cover.is-on{background:var(--pnl-accent);color:#08202E;font-weight:700}
.pnl-cover input{width:13px;height:13px;margin:0;accent-color:#08202E}

/* ===================== edytor treści ===================== */
.editor{border:1px solid var(--pnl-line);border-radius:var(--pnl-radius);overflow:hidden;
  background:var(--pnl-bg)}
.editor-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--pnl-surface);
  border-bottom:1px solid var(--pnl-line)}
.editor-btn{padding:6px 11px;border-radius:4px;border:1px solid transparent;
  background:transparent;color:var(--pnl-text-dim);font-family:inherit;font-size:.82rem;
  font-weight:600;cursor:pointer;transition:background .14s,color .14s,border-color .14s}
.editor-btn:hover{background:var(--pnl-surface-2);color:var(--pnl-text-strong)}
.editor-btn.is-on{background:var(--pnl-accent-soft);color:#9FCDF0;border-color:var(--pnl-accent)}
.editor-sep{width:1px;background:var(--pnl-line);margin:4px 4px}
.editor-area{min-height:240px;max-height:60vh;overflow-y:auto;padding:18px 20px;
  font-family:'Lora',Georgia,serif;font-size:1rem;line-height:1.7;color:var(--pnl-text-strong);
  outline:none}
.editor-area:focus{box-shadow:inset 0 0 0 2px var(--pnl-accent-soft)}
.editor-area h2{font-size:1.4rem;margin:1.2rem 0 .5rem;font-family:'Archivo',sans-serif}
.editor-area h3{font-size:1.15rem;margin:1.1rem 0 .4rem;font-family:'Archivo',sans-serif}
.editor-area h4{font-size:1rem;margin:1rem 0 .4rem;font-family:'Archivo',sans-serif}
.editor-area h2:first-child,.editor-area h3:first-child,.editor-area p:first-child{margin-top:0}
.editor-area p{margin:0 0 .9rem}
.editor-area ul,.editor-area ol{margin:0 0 .9rem;padding-left:1.4rem}
.editor-area li{margin-bottom:.3rem}
.editor-area blockquote{margin:0 0 .9rem;padding:2px 0 2px 14px;
  border-left:3px solid var(--pnl-accent);color:var(--pnl-text-dim);font-style:italic}
.editor-area hr{border:none;border-top:1px solid var(--pnl-line);margin:1.2rem 0}
.editor-area a{color:#9FCDF0;text-decoration:underline}
.editor-source{display:none;border:none;border-radius:0;min-height:240px}
.editor.is-source .editor-area{display:none}
.editor.is-source .editor-source{display:block}
.editor .pnl-txt:focus{box-shadow:none}

/* cytat i listy numerowane na stronie publicznej */
.post-body blockquote,.event-layout blockquote{margin:0 0 1.2rem;padding:4px 0 4px 18px;
  border-left:3px solid var(--water);color:var(--muted);font-style:italic}
.post-body ol,.event-layout ol{padding-left:1.3rem;margin:0 0 1.2rem}
.post-body ol li,.event-layout ol li{margin-bottom:.4rem}
.post-body hr,.event-layout hr{border:none;border-top:1px solid var(--line);margin:2rem 0}
.post-body h4,.event-layout h4{font-size:1.1rem;margin:1.6rem 0 .5rem}
.post-body a,.event-layout a{color:var(--water);border-bottom:1px solid rgba(0,96,170,.3)}
.post-body a:hover,.event-layout a:hover{border-color:var(--water)}

/* zdjęcie wiodące na stronie wpisu, łodzi i wydarzenia */
.lead-photo{margin:36px 0 40px;max-width:860px}
.lead-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
  border:1px solid var(--line-soft);background:var(--sand)}
.lead-photo.is-tall img{width:auto;max-width:100%;height:auto;aspect-ratio:auto;
  max-height:78vh;object-fit:contain;margin:0 auto;background:var(--paper)}
.hero-figure img.is-tall{aspect-ratio:auto;max-height:70vh;object-fit:contain;
  background:linear-gradient(160deg,#E7EDF1,#D8E2E9);width:auto;max-width:100%;margin:0 auto}
.pnl-item-img.is-tall img{object-fit:contain;background:#0F1C24}

/* ===================== przestawianie zdjęć w albumie ===================== */
.pnl-thumb{cursor:grab;transition:transform .12s,box-shadow .12s,opacity .12s}
.pnl-thumb:active{cursor:grabbing}
.pnl-thumb:focus-visible{outline:2px solid var(--pnl-accent);outline-offset:2px}
.pnl-thumb.is-dragging{opacity:.4;transform:scale(.97)}
.pnl-thumb.is-over{box-shadow:0 0 0 2px var(--pnl-accent)}

/* uchwyt i strzałki dzielą to samo miejsce: uchwyt znika, gdy pokazują się strzałki */
.pnl-grip{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:3}
.pnl-move{position:absolute;left:50%;transform:translateX(-50%);z-index:3;bottom:30px}
.pnl-grip{display:grid;place-items:center;width:34px;height:20px;border-radius:100px;
  background:rgba(10,20,26,.7);color:var(--pnl-text-dim);opacity:.5;
  transition:opacity .14s;pointer-events:none}
.pnl-move{display:flex;gap:5px;opacity:0;transition:opacity .14s;pointer-events:none}
.pnl-thumb:hover .pnl-grip,.pnl-thumb:focus-within .pnl-grip{opacity:1}
.pnl-thumb:hover .pnl-move,.pnl-thumb:focus-within .pnl-move{opacity:1;pointer-events:auto}
.pnl-move-btn{width:26px;height:24px;border-radius:5px;border:none;cursor:pointer;
  background:rgba(10,20,26,.86);color:#DCE7EC;font-size:1rem;line-height:1;
  display:grid;place-items:center;padding:0}
.pnl-move-btn:hover{background:var(--pnl-accent);color:#08202E}
@media (hover:none){
  .pnl-grip{opacity:0}
  .pnl-move{opacity:1;pointer-events:auto}
}

/* ===================== filmy ===================== */
.media-video{display:block;width:100%;height:100%;object-fit:cover;background:#0F1C24}
.lead-photo.is-video .media-video,.poster.is-video .media-video{
  width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0F1C24;
  border:1px solid var(--line-soft)}
.media-thumb{position:relative;display:block;width:100%;height:100%;background:#0F1C24}
.media-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.media-play,.embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:rgba(15,28,36,.78);
  box-shadow:0 4px 18px rgba(0,0,0,.3);pointer-events:none}
.media-play::after,.embed-play::after{content:"";position:absolute;top:50%;left:54%;
  transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent #FBFCFB}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}

.embed{margin:32px 0 36px;max-width:880px}
.embed-start{display:block;width:100%;aspect-ratio:16/9;position:relative;cursor:pointer;
  border:1px solid var(--line-soft);border-radius:var(--r);
  background:linear-gradient(160deg,#1B2A33,#25333B);color:#F2F5F1;padding:0;
  transition:filter .16s}
.embed-start:hover{filter:brightness(1.12)}
.embed-play{width:72px;height:72px;background:rgba(231,73,49,.92);top:42%}
.embed-label{position:absolute;left:0;right:0;bottom:44px;text-align:center;
  font-family:'Archivo',sans-serif;font-size:1rem;font-weight:700}
.embed-note{position:absolute;left:0;right:0;bottom:20px;text-align:center;
  font-family:'Lora',serif;font-style:italic;font-size:.82rem;color:rgba(220,230,226,.7);
  padding:0 20px}
.embed iframe{width:100%;aspect-ratio:16/9;border:0;display:block;border-radius:var(--r)}
.embed figcaption{font-family:'Lora',serif;font-style:italic;font-size:.84rem;
  color:var(--muted);margin-top:10px}
.embed figcaption a{color:var(--water);border-bottom:1px solid rgba(0,96,170,.3)}

/* podgląd filmu w panelu */
.pnl-video{position:relative;display:block;width:100%;height:100%;background:#0F1C24}
.pnl-video video{width:100%;height:100%;object-fit:cover;display:block}
.pnl-video-badge{position:absolute;bottom:4px;right:4px;background:rgba(10,20,26,.85);
  color:#9FCDF0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:2px 7px;border-radius:100px}
.lb-video{max-width:min(96vw,1400px);max-height:82vh;display:block;background:#000;
  border-radius:var(--r)}
.lb-video[hidden]{display:none}
.lb-img[hidden]{display:none}