.project-detail-section {
padding-block: var(--t-mezera-bloku);
}
.project-detail-block {
display: grid;
gap: var(--t-mezera);
max-width: var(--t-sirka);
margin-inline: auto;
}
.project-detail-summary {
display: flex;
flex-wrap: wrap;
gap: var(--t-mezera) calc(var(--t-mezera) * 2);
justify-content: space-between;
align-items: flex-start;
padding: var(--t-vypln);
border: var(--t-ramecek);
border-radius: var(--t-zaobleni);
}
.project-detail-summary p {
margin: 0;
}
.project-detail-summary dl {
display: flex;
flex-wrap: wrap;
gap: 12px calc(var(--t-mezera) * 1.5);
margin: 0;
}
.project-detail-summary dt {
color: var(--t-text-tlumeny);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.project-detail-summary dd {
margin: 0;
font-weight: 700;
}
.project-detail-copy {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
gap: calc(var(--t-mezera) * 2);
align-items: start;
}
.project-detail-copy > aside {
display: grid;
gap: 12px;
padding: var(--t-vypln);
border: var(--t-ramecek);
border-radius: var(--t-zaobleni);
}
.project-detail-copy > aside > span {
color: var(--t-text-tlumeny);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.project-logo-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.project-logo-row img {
max-width: 140px;
max-height: 64px;
object-fit: contain;
}
@media (max-width: 780px) {
.project-detail-copy {
grid-template-columns: minmax(0, 1fr);
}
}