:root {
--pdm-phi: 1.618;
--pdm-max-width: 1600px; --pdm-margin-side: 250px; 
--pdm-text-color: #232323;
} .pdm-magazine-v5 {
max-width: var(--pdm-max-width);
margin: 0 auto;
padding: 100px var(--pdm-margin-side); } .pdm-row-grid {
display: grid;
gap: 80px; align-items: center;
width: 100%;
margin-bottom: 40px;
}  .pdm-fmt-portrait.pdm-side-left  { grid-template-columns: 1fr 2fr; }
.pdm-fmt-portrait.pdm-side-right { grid-template-columns: 2fr 1fr; } .pdm-fmt-carre.pdm-side-left  { grid-template-columns: 1fr 2fr; }
.pdm-fmt-carre.pdm-side-right { grid-template-columns: 2fr 1fr; } .pdm-fmt-paysage.pdm-side-left  { grid-template-columns: 2fr 1fr; }
.pdm-fmt-paysage.pdm-side-right { grid-template-columns: 1fr 2fr; } .pdm-side-left .pdm-img-cell { grid-column: 1; grid-row: 1; }
.pdm-side-left .pdm-text-cell { grid-column: 2; grid-row: 1; }
.pdm-side-right .pdm-img-cell { grid-column: 2; grid-row: 1; }
.pdm-side-right .pdm-text-cell { grid-column: 1; grid-row: 1; } .pdm-no-img {
grid-template-columns: 1fr;
max-width: 750px;
margin: 0 auto;
} .pdm-text-cell p {
font-size: 20px; line-height: 1.75;
color: var(--pdm-text-color);
margin: 0 !important;
padding: 40px 0;
}
.pdm-img-cell {
display: flex;
justify-content: center;
}
.pdm-img-cell img {
width: 100%;
height: auto;
max-width: 100%; 
display: block;
box-shadow: 0 20px 50px rgba(0,0,0,0.05);
border-radius: 2px;
} @media (max-width: 1400px) {
.pdm-magazine-v5 {
padding: 60px 100px; }
}
@media (max-width: 1024px) {
.pdm-magazine-v5 {
padding: 40px 40px;
}
.pdm-row-grid {
gap: 40px;
}
}
@media (max-width: 768px) {
.pdm-row-grid {
grid-template-columns: 1fr !important;
gap: 30px;
}
.pdm-img-cell { order: -1; }
} .pdm-magazine-v5::after {
content: "";
display: table;
clear: both;
} :root {
--pdm-gold: #d4af37; --pdm-gold-light: rgba(212, 175, 55, 0.15);
--pdm-max-width: 1650px;
--pdm-margin-side: 250px;
} .pdm-magazine-v5 {
max-width: var(--pdm-max-width);
margin: 0 auto;
padding: 100px var(--pdm-margin-side);
} .pdm-row-grid {
display: grid;
gap: 100px; align-items: center;
margin-bottom: 60px;
} .pdm-fmt-portrait.pdm-side-left, .pdm-fmt-carre.pdm-side-left { grid-template-columns: 1fr 2fr; }
.pdm-fmt-portrait.pdm-side-right, .pdm-fmt-carre.pdm-side-right { grid-template-columns: 2fr 1fr; }
.pdm-fmt-paysage.pdm-side-left { grid-template-columns: 2fr 1fr; }
.pdm-fmt-paysage.pdm-side-right { grid-template-columns: 1fr 2fr; } .pdm-img-cell {
position: relative;
padding: 15px; display: flex;
justify-content: center;
transition: all 0.4s ease;
} .pdm-img-cell::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border: 1px solid var(--pdm-gold-light);
transition: all 0.4s ease;
pointer-events: none;
} .pdm-img-cell::after {
content: 'PDM'; position: absolute;
bottom: 25px;
right: 25px;
font-size: 10px;
letter-spacing: 2px;
color: var(--pdm-gold);
opacity: 0.4;
font-family: serif;
z-index: 5;
} .pdm-img-cell img {
width: 100%;
height: auto;
display: block;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 2;
cursor: pointer;
} .pdm-img-cell:hover img {
transform: scale(1.04);
box-shadow: 0 20px 50px rgba(212, 175, 55, 0.2); }
.pdm-img-cell:hover::before {
border: 1px solid var(--pdm-gold); transform: scale(1.02);
} .pdm-text-cell p {
font-size: 20px;
line-height: 1.8;
color: #222;
margin: 0 !important;
padding: 40px 0;
} @media (max-width: 1400px) {
.pdm-magazine-v5 { padding: 60px 100px; }
}
@media (max-width: 1024px) {
.pdm-magazine-v5 { padding: 40px 30px; }
.pdm-row-grid { gap: 40px; }
}
@media (max-width: 768px) {
.pdm-row-grid { grid-template-columns: 1fr !important; }
.pdm-img-cell { order: -1; margin-bottom: 20px; }
}
.pdm-magazine-v5::after { content: ""; display: table; clear: both; }