.realizacje-page{}

.realizacje-hero-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-6);
  align-items:center;
}
.realizacje-hero-text{
  max-width:55ch;
}
.hero-cta{
  display:inline-block;
  margin-top:var(--space-4);
  background:var(--color-accent-ruby);
  padding:0.75rem 1.25rem;
  border-radius:var(--radius-sm);
}
.realizacje-hero-image img{width:100%;}

.realizacje-intro-inner{
  max-width:720px;
  margin-inline:auto;
}
.realizacje-intro-text{
  max-width:60ch;
  margin-inline:auto;
}
.realizacje-intro-text .highlight{
  border-left:2px solid var(--color-accent-gold);
  padding-left:var(--space-3);
}

.realizacje-masonry{
  column-count:3;
  column-gap:var(--space-4);
}
.realizacje-masonry .tile{
  break-inside:avoid;
  margin-bottom:var(--space-4);
  position:relative;
}
.realizacje-masonry span{
  position:absolute;
  bottom:var(--space-3);
  left:var(--space-3);
  font-size:var(--fs-6);
}

.realizacja-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
  align-items:center;
}
.realizacja-grid.reverse{
  direction:rtl;
}
.realizacja-grid.reverse > *{direction:ltr;}
.realizacja-text{max-width:60ch;}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-4);
}
.process-step{ text-align:center; }

.clarity-text{
  max-width:60ch;
  margin-inline:auto;
  text-align:center;
}

.cta-box{
  text-align:center;
  max-width:50ch;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.cta-button{
  align-self:center;
  background:var(--color-accent-ruby);
  padding:0.75rem 1.25rem;
  border-radius:var(--radius-sm);
}
.realizacje-hero{padding-top:clamp(2rem,5vw,5rem)}.realizacje-hero-image img{aspect-ratio:4/5;object-fit:cover}.realizacje-intro-inner{max-width:980px}.realizacje-intro-text{max-width:760px}
.realizacje-masonry .tile:nth-child(2){margin-top:3rem}.realizacje-masonry img{width:100%;aspect-ratio:4/5;object-fit:cover}.realizacje-masonry .tile:nth-child(2) img{aspect-ratio:1/1}.realizacje-masonry span{right:var(--space-3);z-index:2;color:#fff;font-family:var(--font-heading);font-size:1.6rem}
.realizacja-image img{aspect-ratio:16/11;object-fit:cover}.process-step{padding:2rem 1rem;border-top:1px solid var(--color-accent-gold)}.process-step h3{color:var(--color-accent-gold)}
.realizacje-cta{background:var(--color-paper)!important}.realizacje-cta h2{color:var(--color-ink)}.realizacje-cta p{color:#355059}

@media(max-width:1000px){
  .realizacje-hero-grid{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .realizacje-masonry{column-count:1;}
  .realizacja-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;}
}