.cozy-page { --xm-plum: #254c3d; --xm-orange: #efcc92; background: #fffaf2; }
.cozy-page .xm-inside { background: #f0f3e9; }
.cozy-page .xm-ribbon { background: #f2e4cd; }
.cozy-transformation { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 26px; max-width: 760px; margin: 64px auto 0; }
.cozy-transformation figure { margin: 0; }
.cozy-transformation img { width: 100%; height: auto; border: 2px solid var(--xm-plum); border-radius: 12px; }
.cozy-transformation figcaption { font-family: Georgia, serif; text-align: center; padding-top: 14px; font-size: 1.2rem; }
.cozy-transformation > span { font-size: 2.4rem; color: #9c3f42; }
@media(max-width:600px) { .cozy-transformation { gap: 12px; } .cozy-transformation > span { font-size: 1.5rem; } .cozy-transformation figcaption { font-size: .95rem; } }