/* Wycięte ze wzoru — wartości bez zmian. Nowe reguły: 14-theme.css. */

/* ══════════════ HERO ══════════════ */
.hero{position:relative;padding:calc(92px + clamp(44px,7vw,92px)) 0 clamp(50px,6.5vw,84px);overflow:hidden}
.hero-grid{position:relative;z-index:2;display:grid;
  grid-template-columns:1fr clamp(250px,28vw,368px);
  gap:clamp(34px,5.5vw,86px);align-items:center}

/* Odwrócone proporcje: hasło prowadzi, specjalizacje wspierają */
.hero-claim{
  font-family:var(--display);font-weight:400;
  font-size:clamp(38px,6.1vw,76px);line-height:1.04;letter-spacing:-.018em;
  color:var(--ink);margin:clamp(22px,2.6vw,32px) 0 clamp(20px,2.2vw,28px);
  max-width:15ch;
}
.hero-h1{
  font-size:clamp(17.5px,1.72vw,23px);line-height:1.55;font-weight:400;
  color:var(--t-2);max-width:34ch;margin-bottom:clamp(28px,3.6vw,44px);
}
.hero-h1 b{font-weight:500;color:var(--t-1)}
.hero-acts{display:flex;flex-wrap:wrap;gap:13px;align-items:center}

.btn{
  display:inline-flex;align-items:center;gap:10px;padding:15px 32px;
  font-size:15px;font-weight:400;letter-spacing:.015em;border:1px solid transparent;cursor:pointer;
  transition:background .34s var(--ease),color .34s var(--ease),border-color .34s var(--ease);
}
.btn-fill{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-fill:hover{background:var(--olive-dk);border-color:var(--olive-dk)}
.btn-line{border-color:var(--line);color:var(--t-1)}
.btn-line:hover{border-color:var(--ink)}
.on-dark .btn-line,.on-olive .btn-line{border-color:var(--line-d);color:var(--on-dark-1)}
.on-dark .btn-line:hover,.on-olive .btn-line:hover{border-color:var(--on-dark-1)}
.btn-arr{transition:transform .34s var(--ease)}
.btn:hover .btn-arr{transform:translateX(4px)}

/* ── Portret: otoczak (kształt marki) ── */
.plate{position:relative;justify-self:center;width:100%;max-width:368px}
.plate-img{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden;background:var(--ink)}
.plate-img img{width:100%;height:100%;object-fit:cover;object-position:52% 16%}
/* Otoczak marki jako podkład — kształt z Brandbooka pod twardym kadrem */
.plate-ring{position:absolute;z-index:1;left:-8%;top:-6%;width:86%;height:84%;
  background:var(--olive);opacity:.26;pointer-events:none;
  border-radius:56% 44% 49% 51% / 47% 52% 48% 53%}
.plate-cap{position:relative;z-index:2;display:flex;align-items:center;gap:9px;
  margin-top:16px;padding-top:12px;border-top:1px solid var(--line);
  font-size:11.5px;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--t-3)}

.hero-strip{position:relative;z-index:2;margin-top:clamp(40px,5.6vw,74px);
  padding-top:28px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,46px)}
.strip-i .d4{margin-bottom:7px}
.strip-i p:not([class]){font-size:15.5px;color:var(--t-2);line-height:1.66;font-weight:400}