.theme-aperlo { --accent: #226c79; }
.aperlo-hero { padding-block: clamp(32px, 6vw, 80px); text-align: center; }
.aperlo-icon { display: block; margin: 0 auto 22px; }
.aperlo-hero .kicker { margin-inline: auto; }
.aperlo-hero h1 { max-width: 940px; margin-inline: auto; }
.aperlo-hero .lead { max-width: 680px; margin-inline: auto; font-size: clamp(18px, 2vw, 23px); }
.aperlo-status { display: inline-block; color: #286571; background: #e7f1ef; border-radius: 100px; padding: 8px 18px; font: 500 14px/1.5 system-ui; }
.aperlo-preview { margin: 20px 0 54px; }
.aperlo-preview img { display: block; width: 100%; height: auto; border-radius: 18px; }
.aperlo-preview figcaption { margin-top: 12px; text-align: center; color: #667470; font: 13px/1.6 system-ui; }
.aperlo-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 48px; }
.aperlo-gallery .aperlo-preview { margin: 0; }
.aperlo-gallery .aperlo-preview img { border-radius: 12px; }
@media (max-width: 680px) { .aperlo-gallery { grid-template-columns: 1fr; } }