.mgd-onas {
--onas-tlo: var(--wp--preset--color--contrast);
--onas-tekst: #f6f1ea;
--onas-cichy: rgba(246, 241, 234, 0.62);
position: relative;
overflow: hidden;
padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70);
background: var(--onas-tlo);
color: var(--onas-tekst);
}
.mgd-onas__inner {
width: 100%; max-width: 110rem;
margin-inline: auto;
padding-inline: clamp(1.25rem, 5.56vw, 5rem);
} .mgd-onas__naglowek {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
align-items: end;
column-gap: clamp(2rem, 5vw, 5rem);
margin-bottom: clamp(2.75rem, 5vw, 4.5rem);
} .mgd-onas__nadtytul {
display: flex;
align-items: center;
gap: 1.1rem;
margin: 0 0 0.35rem;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(1.25rem, 2vw, 1.65rem);
line-height: 1.1;
color: #f6f1ea;
}
.mgd-onas__nadtytul::after {
content: "";
flex: 1;
max-width: 9rem;
height: 1px;
background: var(--wp--preset--color--accent-light);
opacity: 0.9;
}
.mgd-onas__tytul {
margin: 0; color: var(--onas-tekst);
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(2.1rem, 4.6vw, 4.25rem);
font-weight: 700;
line-height: 0.98;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.mgd-onas__tytul span {
color: var(--wp--preset--color--accent-light);
}
.mgd-onas__wstep {
justify-self: end;
max-width: 30rem;
margin: 0;
font-size: var(--wp--preset--font-size--md);
line-height: 1.75;
text-align: right;
color: var(--onas-cichy);
} .mgd-onas__uklad {
display: grid;
grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
column-gap: clamp(1.5rem, 2.8vw, 3rem);
align-items: start;
}
.mgd-onas__kafle {
display: grid;
grid-column: 1;
grid-row: 1;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: clamp(0.75rem, 1.1vw, 1.1rem);
align-items: start;
margin: 0;
padding: 0;
list-style: none;
}
.mgd-kafel {
position: relative;
display: flex;
flex-direction: column;
min-height: clamp(15rem, 21vw, 21rem);
padding: 1.6rem 1.8rem 1.9rem;
border-radius: 1rem;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.34);
} .mgd-kafel--2 {
margin-top: clamp(2.5rem, 5.5vw, 6.5rem);
}
.mgd-kafel--3 {
z-index: 2; margin-top: clamp(5rem, 11vw, 13rem);
}
.mgd-kafel--akcent {
background: var(--wp--preset--color--accent);
color: rgba(255, 255, 255, 0.9);
}
.mgd-kafel__mini { width: min(86%, 13.5rem);
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 0.55rem;
}
.mgd-kafel__tresc { margin: auto 0 0;
padding-top: 1.75rem;
font-size: var(--wp--preset--font-size--xs);
line-height: 1.65;
color: var(--wp--preset--color--muted);
}
.mgd-kafel__tresc strong {
font-weight: 600;
color: var(--wp--preset--color--contrast);
}
.mgd-kafel--akcent .mgd-kafel__tresc {
color: rgba(255, 255, 255, 0.84);
}
.mgd-kafel--akcent .mgd-kafel__tresc strong {
color: #fff;
}
.mgd-onas__foto {
grid-column: 2;
grid-row: 1 / span 2;
align-self: stretch; margin: clamp(3rem, 6vw, 6.5rem) 0 0;
}
.mgd-onas__kadr {
position: relative;
height: 100%;
overflow: hidden;
border-radius: 1rem;
}
.mgd-onas__foto img {
width: 100%;
height: 100%;
min-height: 22rem;
object-fit: cover;
} .mgd-onas__podpis {
position: absolute;
z-index: 2;
top: clamp(0.85rem, 1.4vw, 1.35rem);
right: clamp(0.85rem, 1.4vw, 1.35rem);
padding: 0.6rem 1.15rem;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 999px;
background: rgba(22, 18, 15, 0.66);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
font-size: var(--wp--preset--font-size--xs);
line-height: 1.2;
letter-spacing: 0.01em;
color: #f6f1ea;
}
.mgd-onas__podsumowanie {
grid-column: 1;
grid-row: 2;
max-width: 66%;
margin: clamp(2.25rem, 4vw, 3.5rem) 0 0;
font-size: var(--wp--preset--font-size--sm);
line-height: 1.8;
color: var(--onas-cichy);
}
.mgd-onas__podsumowanie strong {
font-weight: 500;
color: var(--onas-tekst);
}  @media (max-width: 87.5rem) {
.mgd-onas__podsumowanie {
max-width: 100%;
margin-top: 0;
}
.mgd-onas__uklad {
grid-template-columns: minmax(0, 1fr);
row-gap: clamp(2rem, 5vw, 3rem);
}
.mgd-onas__kafle,
.mgd-onas__podsumowanie {
grid-column: 1;
}
.mgd-onas__kafle {
grid-row: 1;
}
.mgd-onas__podsumowanie {
grid-row: 2;
} .mgd-kafel--2,
.mgd-kafel--3 {
margin-top: 0;
}
.mgd-onas__foto {
grid-column: 1;
grid-row: 3;
margin-top: 0;
} .mgd-onas__foto img {
height: auto;
min-height: 0;
max-height: 30rem;
aspect-ratio: 16 / 10;
}
.mgd-onas__kadr {
height: auto;
}
}
@media (max-width: 74.9375rem) {
.mgd-onas__naglowek {
grid-template-columns: minmax(0, 1fr);
row-gap: 1.25rem;
}
.mgd-onas__wstep {
justify-self: start;
text-align: left;
}
} @media (max-width: 47.9375rem) {
.mgd-onas__kafle {
grid-template-columns: minmax(0, 1fr);
row-gap: 0.85rem;
}
.mgd-kafel {
min-height: 0;
}
.mgd-kafel__mini {
width: 62%;
}
.mgd-kafel__tresc {
padding-top: 1.1rem;
}
}