/* Builder: O marce — ciemny blok ("Dzik nie zawraca"), port z mockupu */
.brand{background:var(--ink);color:#fff;overflow:hidden}
.brand__inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:84px 24px}
.brand--no-media .brand__inner{grid-template-columns:1fr;max-width:820px}
/* pełny styl niezależny od znacznika (h1..h6/span/p wyglądają tak samo) */
.brand__title{display:block;font-family:var(--display);font-weight:700;line-height:.98;font-size:clamp(44px,6vw,84px);text-transform:uppercase;letter-spacing:1px;margin:6px 0 22px}
.brand__lead p{color:#c9c4be;font-size:17px;max-width:520px;margin:0 0 22px}
.brand__lead a{color:#fff;text-decoration:underline}
.brand__list{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.brand__list li{position:relative;padding-left:30px;color:#e7e3dd}
.brand__list li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;background:var(--brand);border-radius:50%}
.brand__media{display:flex;align-items:center;justify-content:center}
.brand__media img{max-width:330px;width:80%;height:auto;border-radius:var(--radius-lg);opacity:.95}

@media(max-width:900px){
  .brand__inner{grid-template-columns:1fr;text-align:center;padding:60px 24px}
  .brand__list{justify-items:center}
  .brand__list li{text-align:left}
  .brand__media{order:-1}
  .brand__media img{max-width:200px}
}