.hz-marynistyka-hub{
  --hz-gold:#c9a35f;
  --hz-ink:#17202a;
  --hz-muted:#59636e;
  --hz-line:#e2e4e7;
  --hz-bg:#f6f7f7;
  width:min(1220px,calc(100% - 32px));
  margin:0 auto;
  color:var(--hz-ink);
}
.hz-marynistyka-hub *{box-sizing:border-box}
.hz-marynistyka-hub__hero{padding:76px 0 38px;max-width:900px}
.hz-marynistyka-hub__eyebrow,.hz-marynistyka-hub__kicker{
  margin:0 0 10px;
  color:#8a6a30;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hz-marynistyka-hub h1{
  margin:0;
  font-size:clamp(42px,6vw,76px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.hz-marynistyka-hub__lead{
  max-width:780px;
  margin:24px 0 0;
  font-size:clamp(18px,2vw,22px);
  line-height:1.65;
  color:var(--hz-muted);
}
.hz-marynistyka-hub__jump{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 0 34px;
  border-bottom:1px solid var(--hz-line);
}
.hz-marynistyka-hub__jump a{
  padding:10px 14px;
  border:1px solid var(--hz-line);
  border-radius:999px;
  color:var(--hz-ink);
  text-decoration:none;
}
.hz-marynistyka-hub__jump a:hover{border-color:var(--hz-gold);color:#6f5122}
.hz-marynistyka-hub__section{padding:56px 0}
.hz-marynistyka-hub__section-head{max-width:760px;margin-bottom:28px}
.hz-marynistyka-hub h2{
  margin:0 0 14px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.02em;
}
.hz-marynistyka-hub__section-head p,
.hz-marynistyka-hub__text p,
.hz-marynistyka-hub__cta p{
  font-size:17px;
  line-height:1.75;
  color:var(--hz-muted);
}
.hz-marynistyka-hub__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.hz-marynistyka-card{
  overflow:hidden;
  border:1px solid var(--hz-line);
  border-radius:10px;
  background:#fff;
}
.hz-marynistyka-card__link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.hz-marynistyka-card__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#eef0f2;
}
.hz-marynistyka-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.hz-marynistyka-card__link:hover img{transform:scale(1.025)}
.hz-marynistyka-card__body{padding:20px}
.hz-marynistyka-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.22;
}
.hz-marynistyka-card p{
  margin:0 0 16px;
  color:var(--hz-muted);
  line-height:1.6;
}
.hz-marynistyka-card__more{
  color:#745729;
  font-weight:700;
}
.hz-marynistyka-hub__text{
  max-width:850px;
  border-top:1px solid var(--hz-line);
}
.hz-marynistyka-hub__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin:20px 0 70px;
  padding:34px;
  border-radius:12px;
  background:var(--hz-bg);
}
.hz-marynistyka-hub__actions{display:flex;flex-wrap:wrap;gap:10px}
.hz-marynistyka-hub__button{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border:1px solid var(--hz-gold);
  border-radius:4px;
  background:var(--hz-gold);
  color:#151515;
  font-weight:700;
  text-decoration:none;
}
.hz-marynistyka-hub__button--outline{background:transparent}
.hz-marynistyka-hub__notice{padding:16px;border:1px solid #d63638;background:#fcf0f1}

@media(max-width:900px){
  .hz-marynistyka-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-marynistyka-hub__cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .hz-marynistyka-hub{width:min(100% - 24px,1220px)}
  .hz-marynistyka-hub__hero{padding-top:44px}
  .hz-marynistyka-hub__grid{grid-template-columns:1fr}
  .hz-marynistyka-hub__section{padding:42px 0}
  .hz-marynistyka-hub__cta{padding:24px;margin-bottom:48px}
}
@media(prefers-reduced-motion:reduce){
  .hz-marynistyka-card__media img{transition:none}
}