/* Runda 9 (02.10.2026): galerie reportaży i sesji 1:1 wg wzoru Bzdaka (rozpakowane/<para>/index.html, wspólny CSS 8 plików).
   Cały CSS wzoru w zakresie .ed9 (zmienne --e-*, żeby nie ruszać :root strony). Nagłówek, stopka i lightbox = strony (wed.css/wed.js), nie ze wzoru.
   Szablon: _inc/tpl-bloki.php, dane: dane.json "bloki". */
.ed9{
  --e-ink:#14161b; --e-body:#585c66; --e-muted:#666b78; --e-line:#e0e2e7; --e-cream:#f5f2ec; --e-sand:#e4ddd0;
  --e-navy:#1b2433; --e-navy-deep:#121821; --e-on-navy:rgba(246,241,230,.72);
  --e-serif:"Playfair Display","Cormorant Garamond",Georgia,serif; --e-label:"Montserrat",Arial,sans-serif; --e-sans:"Roboto","Helvetica Neue",Arial,sans-serif;
  --e-wide:1860px; --e-col:1010px;
  background:var(--e-navy); color:var(--e-on-navy); font-family:var(--e-sans); font-weight:300; font-size:16px; line-height:1.75;
  padding-top:var(--e-hh,84px);
}
body.ed9-body{ background:#1b2433; }
.ed9 section{ padding:0; position:static; }
.ed9 figure{ margin:0; }
.ed9 img{ display:block; max-width:100%; }
.ed9 b,.ed9 strong{ font-weight:500; color:var(--e-cream); }
.ed9 .top b,.ed9 .top strong{ color:var(--e-ink); }
.ed9 p{ text-align:justify; color:inherit; }
.ed9 p + p{ margin-top:14px; }
.ed9 h1,.ed9 h2,.ed9 h3{ margin:0; }

/* tytuł wpisu (biała część) */
.ed9 .top{ background:#fff; color:var(--e-body); }
.ed9 .post-head{ text-align:center; padding:54px 20px 30px; }
.ed9 .post-head h1{ font-family:var(--e-serif); font-weight:400; font-size:24px; line-height:1.35; letter-spacing:.08em; text-transform:uppercase; color:var(--e-ink); }
.ed9 .post-head .cats{ margin-top:14px; font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--e-muted); }
.ed9 .post-head .cats span:not(:last-child):after{ content:"·"; margin:0 10px; color:var(--e-line); }

/* wspólne */
.ed9 .wide{ max-width:var(--e-wide); margin:0 auto; padding:0 4%; }
.ed9 .col{ max-width:var(--e-col); margin:0 auto; padding:0 20px; }
.ed9 .h-sec{ font-family:var(--e-serif); font-weight:400; font-size:32px; line-height:1.15; letter-spacing:-.01em; color:var(--e-cream); }
.ed9 ul.dot{ list-style:none; padding-left:0; }
.ed9 ul.dot li{ position:relative; padding-left:22px; }
.ed9 ul.dot li:before{ content:""; position:absolute; left:0; top:.85em; width:10px; height:1px; background:var(--e-cream); opacity:.7; }
.ed9 ul.dot li + li{ margin-top:14px; }
.ed9 ul.dot + p{ margin-top:14px; }

/* baner */
.ed9 .banner{ max-width:var(--e-wide); margin:0 auto; }
.ed9 .banner-bg{ margin:0 4%; aspect-ratio:16/9; overflow:hidden; background:var(--e-sand); cursor:zoom-in; }
.ed9 .banner-bg img{ width:100%; height:100%; object-fit:cover; }
.ed9 .intro{ padding:40px 0 14px; }
.ed9 .top .b-intro{ padding-bottom:48px; }
.ed9 .top + .intro{ padding-top:48px; }
.ed9 .intro p{ color:var(--e-cream); }

/* split (nagłówek | tekst) */
.ed9 .split-grid{ display:grid; grid-template-columns:325px 1fr; gap:40px; align-items:center; }
.ed9 .split{ padding:44px 0 48px; }

/* rozdziały wyśrodkowane */
.ed9 .split-b{ padding:70px 0 74px; }
.ed9 .chapter{ max-width:720px; text-align:center; }
.ed9 .chapter p{ text-align:center; }
.ed9 .ch-label{ font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:rgba(246,241,230,.5); margin-bottom:14px; }
.ed9 .chapter .h-sec{ font-size:clamp(32px,3vw,42px); margin-bottom:22px; }
.ed9 .orn{ width:44px; height:1px; background:var(--e-cream); opacity:.45; margin:0 auto 28px; }
.ed9 ul.dot-b{ list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:18px 40px; margin:26px 0 6px; padding:0; }
.ed9 ul.dot-b li{ font-family:var(--e-serif); font-size:20px; line-height:1.3; color:var(--e-cream); }
.ed9 ul.dot-b li span{ display:block; margin-top:6px; font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:rgba(246,241,230,.5); }
.ed9 ul.dot-b + p{ margin-top:24px; }

/* rząd 3/4 pionów */
.ed9 .row4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:var(--e-wide); margin:16px auto 0; padding:0 calc(4% + 16px); }
.ed9 .row4 figure{ aspect-ratio:2/3; overflow:hidden; cursor:zoom-in; background:var(--e-sand); }
.ed9 .row4 img{ width:100%; height:100%; object-fit:cover; }
.ed9 .row4.row3{ grid-template-columns:repeat(3,1fr); }

/* biały blok (podwykonawcy / zdjęcie + tekst) */
.ed9 .vendors{ padding:64px 0; margin:56px 0 40px; background:#fff; }
.ed9 .vendors h3{ font-family:var(--e-serif); font-weight:400; font-size:24px; line-height:1.3; letter-spacing:.08em; text-transform:uppercase; color:var(--e-ink); margin-bottom:22px; }
.ed9 .vendors p{ color:var(--e-body); }
.ed9 .vendors b,.ed9 .vendors strong{ color:var(--e-ink); }
.ed9 .vendors a{ text-decoration:underline; text-underline-offset:3px; }
.ed9 .pt-grid{ max-width:1200px; margin:0 auto; padding:0 4%; display:grid; grid-template-columns:5fr 7fr; gap:64px; align-items:center; }
.ed9 .pt-right .pt-grid{ grid-template-columns:7fr 5fr; }
.ed9 .pt-right .pt-ph{ order:2; }
.ed9 .pt-ph figure{ position:relative; aspect-ratio:2/3; overflow:hidden; cursor:zoom-in; background:var(--e-sand); }
.ed9 .pt-ph img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.ed9 .pt-ph figure:hover img{ transform:scale(1.02); }

/* galeria rzędami (duże i szerokie) */
.ed9 .jg{ --h:30vw; margin:0 auto; padding:0 1.5%; display:flex; flex-wrap:wrap; gap:8px; }
.ed9 .jg figure{ --r:1.5; position:relative; flex-grow:calc(var(--r)*100); flex-basis:calc(var(--r)*var(--h)); aspect-ratio:var(--r); overflow:hidden; cursor:zoom-in; background:var(--e-sand); }
.ed9 .jg img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.ed9 .jg figure:hover img{ transform:scale(1.02); }
.ed9 .more{ display:flex; justify-content:center; gap:14px; padding:44px 0 30px; }
.ed9 .more span{ width:8px; height:8px; border-radius:50%; background:var(--e-cream); animation:ed9dots 1.6s infinite ease-in-out; }
.ed9 .more span:nth-child(2){ animation-delay:.2s; }
.ed9 .more span:nth-child(3){ animation-delay:.4s; }
@keyframes ed9dots{ 0%,80%,100%{ opacity:.2; } 40%{ opacity:.9; } }

/* duże zdjęcia */
.ed9 .big{ margin:8px auto 0; padding:0 1.5%; }
.ed9 .big figure,.ed9 .e-duo figure{ position:relative; overflow:hidden; cursor:zoom-in; background:var(--e-sand); }
.ed9 .big img,.ed9 .e-duo img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.ed9 .big figure{ aspect-ratio:3/2; }
.ed9 .e-duo{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 1.5%; margin:0 auto; }
.ed9 .e-duo figure{ aspect-ratio:2/3; }
.ed9 .big figure:hover img,.ed9 .e-duo figure:hover img{ transform:scale(1.02); }
.ed9 .jg + .big,.ed9 .big + .jg,.ed9 .e-duo + .jg{ margin-top:8px; }
.ed9 .jg + .jg,.ed9 .jg + .e-duo,.ed9 .e-duo + .e-duo,.ed9 .big + .e-duo,.ed9 .e-duo + .big,.ed9 .big + .big,.ed9 .row4 + .jg{ margin-top:8px; }
.ed9 .split-b + .intro{ padding:0 0 64px; }

/* kto tworzył ten dzień */
.ed9 .team{ max-width:1300px; margin:0 auto; padding:90px 24px 120px; }
.ed9 .team h2{ font-family:var(--e-serif); font-weight:400; font-size:clamp(30px,3vw,44px); line-height:1.15; letter-spacing:-.01em; color:var(--e-cream); margin-bottom:36px; }
.ed9 .team-grid{ list-style:none; display:grid; grid-template-columns:1fr 1fr; column-gap:60px; counter-reset:t; border-top:1px solid rgba(245,242,236,.14); padding:0; }
.ed9 .team-item{ counter-increment:t; display:flex; align-items:baseline; gap:16px; padding:20px 0; border-bottom:1px solid rgba(245,242,236,.14); }
.ed9 .team-item:before{ content:counter(t,decimal-leading-zero); font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.2em; color:rgba(246,241,230,.45); min-width:22px; }
.ed9 .team-item .tn{ font-family:var(--e-serif); font-size:24px; line-height:1.3; color:var(--e-cream); }
.ed9 .team-item a.tn:after{ content:"↗"; font-family:var(--e-sans); font-size:15px; margin-left:10px; opacity:.45; transition:opacity .2s; }
.ed9 .team-item a.tn:hover:after{ opacity:1; }
.ed9 .team-item .tr{ margin-left:auto; font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:rgba(246,241,230,.5); white-space:nowrap; }

/* pobieranie zdjęć (tylko galerie prywatne z ZIP) */
.ed9 .dl{ max-width:1300px; margin:0 auto; padding:20px 24px 120px; }
.ed9 .team + .dl{ margin-top:-40px; }
.ed9 .dl-box{ max-width:900px; margin:0 auto; border:1px solid rgba(245,242,236,.22); padding:56px 32px 50px; text-align:center; }
.ed9 .dl-ico{ color:var(--e-cream); display:flex; justify-content:center; }
.ed9 .dl-ico svg{ width:34px; height:34px; }
.ed9 .dl h2{ font-family:var(--e-serif); font-weight:400; font-size:clamp(26px,2.6vw,36px); line-height:1.2; color:var(--e-cream); margin:18px 0 14px; }
.ed9 .dl .dl-txt{ max-width:560px; margin:0 auto 30px; text-align:center; font-size:15.5px; line-height:1.75; }
.ed9 .dl-btn{ display:inline-block; background:var(--e-cream); color:var(--e-ink); font-family:var(--e-label); font-weight:600; font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; padding:19px 34px; border-radius:4px; transition:background .2s; }
.ed9 .dl-btn:hover{ background:#fff; }
.ed9 .dl .dl-meta{ margin-top:20px; font-size:13px; color:rgba(246,241,230,.55); text-align:center; }
.ed9 .ed-lock{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-family:var(--e-label); font-weight:500; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--e-muted); }
.ed9 .ed-lock svg{ width:14px; height:14px; }

@media (max-width:820px){
  .ed9 p{ text-align:left; }
  .ed9 .split-grid{ grid-template-columns:1fr; gap:18px; }
  .ed9 .split-b{ padding:52px 0 56px; }
  .ed9 .chapter .h-sec{ font-size:28px; }
  .ed9 ul.dot-b{ gap:16px 26px; }
  .ed9 ul.dot-b li{ font-size:18px; }
  .ed9 .h-sec{ font-size:27px; }
  .ed9 .post-head h1{ font-size:19px; }
  .ed9 .banner-bg{ margin:0; height:auto; aspect-ratio:3/2; }
  .ed9 .row4{ grid-template-columns:1fr 1fr; gap:8px; padding:0 8px; }
  .ed9 .row4.row3{ grid-template-columns:1fr 1fr; }
  .ed9 .row4.row3 > figure:nth-child(2){ grid-column:1 / -1; order:3; }
  .ed9 .jg{ --h:50vw; padding:0 8px; gap:6px; }
  .ed9 .big{ padding:0 8px; margin-top:6px; }
  .ed9 .e-duo{ grid-template-columns:1fr; gap:6px; padding:0 8px; }
  .ed9 .vendors{ padding:40px 0; }
  .ed9 .vendors h3{ font-size:20px; }
  .ed9 .team{ padding-top:60px; }
  .ed9 .team-grid{ grid-template-columns:1fr; }
  .ed9 .team-item .tn{ font-size:19px; }
  .ed9 .pt-grid,.ed9 .pt-right .pt-grid{ grid-template-columns:1fr; gap:28px; padding:0 16px; }
  .ed9 .pt-right .pt-ph{ order:0; }
  .ed9 .dl{ padding:0 16px 80px; }
  .ed9 .dl-box{ padding:40px 20px; }
  .ed9 .dl-btn{ padding:17px 22px; font-size:10.5px; }
}
@media (prefers-reduced-motion:reduce){ .ed9 .more span{ animation:none; opacity:.6; } .ed9 img{ transition:none !important; } }