/* Drzewko marek WW Partners — samodzielny element stopki.
   Kolory ustawiasz zmiennymi na .wwd (każda strona ma swoje). */
.wwd{
  --wwd-ink:#ffffff;              /* tekst */
  --wwd-soft:rgba(255,255,255,.62);/* podpisy */
  --wwd-line:rgba(255,255,255,.28);/* gałęzie */
  --wwd-accent:#f37022;            /* poświata, kropki, aktywna gałąź */
  --wwd-font:inherit;
  --wwd-serif:inherit;
  position:relative;
  padding:clamp(34px,4.4vw,64px) 0 clamp(30px,3.4vw,48px);
  margin:0 0 clamp(28px,3vw,44px);
  border-bottom:1px solid var(--wwd-line);
  color:var(--wwd-ink);
  font-family:var(--wwd-font);
  text-align:center;
  isolation:isolate;
}
.wwd *{box-sizing:border-box}
.wwd a{color:inherit;text-decoration:none}

.wwd-glowa{display:inline-flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:2}
.wwd-glowa img{display:block;height:clamp(44px,4.6vw,62px);width:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wwd-glowa:hover img{transform:scale(1.035)}
.wwd-haslo{
  margin:0;font-family:var(--wwd-serif);font-weight:400;
  font-size:clamp(17px,1.6vw,22px);line-height:1.2;letter-spacing:-.005em;color:var(--wwd-ink)
}
.wwd-haslo em{font-style:normal;color:var(--wwd-accent)}

/* gałęzie — rysowane skryptem, dopasowane do położenia logo */
.wwd-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.wwd-svg path{fill:none;stroke:var(--wwd-line);stroke-width:1.2;stroke-linecap:round;
  stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);
  transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1),stroke .35s,stroke-width .35s}
.wwd.is-on .wwd-svg path{stroke-dashoffset:0}
.wwd-svg path.is-hot{stroke:var(--wwd-accent);stroke-width:1.8}
.wwd-svg .wwd-wezel{fill:var(--wwd-bg,#261f1a);stroke:var(--wwd-line);stroke-width:1.2;opacity:0;transition:opacity .5s .9s,stroke .35s}
.wwd.is-on .wwd-svg .wwd-wezel{opacity:1}
.wwd-svg .wwd-wezel.is-hot{stroke:var(--wwd-accent)}
.wwd-svg .wwd-iskra{fill:var(--wwd-accent);opacity:0;transition:opacity .6s 1.4s}
.wwd.is-on .wwd-svg .wwd-iskra{opacity:.9}

.wwd-marki{
  list-style:none;margin:clamp(70px,7.2vw,104px) auto 0;padding:0;max-width:1080px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,30px);
  position:relative;z-index:2
}
.wwd-marki li{margin:0;padding:0}
.wwd-marka{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;
  padding:16px 8px 6px;border-radius:0;
  opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)
}
.wwd.is-on .wwd-marka{opacity:1;transform:none}
.wwd.is-on li:nth-child(1) .wwd-marka{transition-delay:1.05s}
.wwd.is-on li:nth-child(2) .wwd-marka{transition-delay:1.15s}
.wwd.is-on li:nth-child(3) .wwd-marka{transition-delay:1.25s}
.wwd.is-on li:nth-child(4) .wwd-marka{transition-delay:1.35s}
.wwd-logo{height:54px;display:flex;align-items:center;justify-content:center;gap:10px}
.wwd-logo img{display:block;width:auto;max-width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;opacity:.9}
.wwd-logo .h-book{height:22px}
.wwd-logo .h-sm{height:50px}
.wwd-logo .h-ab{height:50px}
.wwd-logo .h-es{height:44px}
.wwd-es-txt{font-size:11px;line-height:1.25;text-align:left;color:var(--wwd-ink);opacity:.9}
.wwd-url{font-size:12.5px;letter-spacing:.01em;color:var(--wwd-soft);transition:color .3s}
.wwd-marka:hover .wwd-logo img,.wwd-marka:focus-visible .wwd-logo img{transform:translateY(-3px);opacity:1}
.wwd-marka:hover .wwd-url,.wwd-marka:focus-visible .wwd-url{color:var(--wwd-accent)}
.wwd-marka:focus-visible{outline:1px solid var(--wwd-accent);outline-offset:4px}

/* poświata pod głową */
.wwd::before{content:'';position:absolute;z-index:0;left:50%;top:0;width:min(520px,80%);height:180px;
  transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--wwd-accent) 22%,transparent),transparent);
  filter:blur(8px);opacity:.8;pointer-events:none}

/* telefon: pionowy pień po lewej i zaokrąglone odgałęzienia */
@media (max-width:760px){
  .wwd{text-align:left}
  .wwd-glowa{align-items:flex-start}
  .wwd::before{left:0;transform:none}
  .wwd-marki{grid-template-columns:1fr;gap:6px;margin-top:34px;padding-left:46px}
  .wwd-marka{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}
  .wwd-logo{height:44px;justify-content:flex-start}
  .wwd-logo .h-book{height:19px}.wwd-logo .h-sm,.wwd-logo .h-ab{height:42px}.wwd-logo .h-es{height:36px}
  .wwd-url{font-size:12px;text-align:left;overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){
  .wwd-svg path{transition:none;stroke-dashoffset:0}
  .wwd-marka{opacity:1;transform:none;transition:none}
  .wwd-svg .wwd-iskra{display:none}
}