:root {
    --ompb-bg: #efe7d8;
    --ompb-panel: #f7f2e8;
    --ompb-ink: #183c3b;
    --ompb-accent: #cfb26c;
    --ompb-line: #d9c7a5;
    --ompb-muted: #635d52;
    --ompb-cta: #a9573f;
}

.ompb-about-shell {
    background: var(--ompb-bg);
    color: var(--ompb-ink);
}

.ompb-hero-band {
    width: 100%;
    margin: 0 0 34px;
    background:
        linear-gradient(rgba(19,59,58,.72), rgba(19,59,58,.72)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='320' viewBox='0 0 1600 320'%3E%3Cg fill='none' stroke='%23d8bb72' stroke-width='2' stroke-opacity='.45'%3E%3Cpath d='M0 210 Q40 150 80 210 T160 210 T240 210 T320 210 T400 210 T480 210 T560 210 T640 210 T720 210 T800 210 T880 210 T960 210 T1040 210 T1120 210 T1200 210 T1280 210 T1360 210 T1440 210 T1520 210 T1600 210'/%3E%3Cpath d='M0 210 L0 250 L1600 250 L1600 210'/%3E%3Cpath d='M40 210 Q80 120 120 210 M200 210 Q240 120 280 210 M360 210 Q400 120 440 210 M520 210 Q560 120 600 210 M680 210 Q720 120 760 210 M840 210 Q880 120 920 210 M1000 210 Q1040 120 1080 210 M1160 210 Q1200 120 1240 210 M1320 210 Q1360 120 1400 210 M1480 210 Q1520 120 1560 210'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    border-top: 1px solid rgba(216,187,114,.35);
    border-bottom: 1px solid rgba(216,187,114,.35);
}

.ompb-hero-band__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 42px 0 46px;
    text-align: center;
}

.ompb-kicker {
    margin: 0 0 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-size: .95rem;
    color: #f0d79b;
}

.ompb-hero-band h1 {
    margin: 0;
    color: #f5e0a5;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 7vw, 5rem);
    line-height: 1;
}

.ompb-page {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    padding: 8px 0 92px;
}

.ompb-page h1,
.ompb-page h2,
.ompb-page h3 {
    color: var(--ompb-ink);
    font-family: Georgia, "Times New Roman", serif;
}

.ompb-main-title {
    margin: 0 auto 18px;
    max-width: 980px;
    font-size: clamp(2.6rem, 5vw, 4.45rem);
    line-height: 1.04;
}

.ompb-section-title {
    max-width: 980px;
    margin: 0 auto 22px;
    padding-top: 34px;
    font-size: clamp(1.9rem, 3vw, 2.85rem);
    line-height: 1.12;
}

.ompb-divider-top {
    border-top: 1px solid var(--ompb-line);
}

.ompb-page p {
    max-width: 980px;
    margin: 0 auto 1.35em;
    font-size: 1.08rem;
    line-height: 1.78;
    color: #203635;
}

.ompb-lead {
    font-size: 1.16rem !important;
}

.ompb-dropcap:first-letter {
    float: left;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4.2rem;
    line-height: .84;
    padding-right: 10px;
    padding-top: 6px;
    color: var(--ompb-accent);
    font-weight: 700;
}

.ompb-intro,
.ompb-story-row,
.ompb-photo-grid {
    max-width: 980px;
    margin: 0 auto 34px;
    gap: 34px;
    align-items: start;
    padding-top: 34px;
}

.ompb-moto-row {
    margin-bottom: 46px;
}

.ompb-figure {
    width: 100%;
    margin: 0;
}

.ompb-figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 1px 0 rgba(24,60,59,.06);
}

.ompb-figure figcaption {
    margin-top: 12px;
    color: var(--ompb-muted);
    font-size: .96rem;
    line-height: 1.45;
}

.ompb-figure--portrait img {
    max-height: 520px;
}

.ompb-figure--landscape img {
    max-height: 360px;
}

.ompb-figure--framed img {
    background: #8c4d2d;
    padding: 18px;
    object-fit: contain;
}

.ompb-hero-photo img {
    max-height: 400px;
    object-position: center 28%;
}

.ompb-school-photo img {
    object-fit: contain;
    background: #f3ece1;
}

.ompb-photo-grid {
    margin-bottom: 26px;
}

.ompb-photo-grid .wp-block-column {
    display: flex;
}

.ompb-photo-grid .ompb-figure {
    align-self: stretch;
}

.ompb-photo-grid .ompb-figure img {
    width: 100%;
}

.ompb-cta {
    margin-top: 22px;
}

.ompb-cta .wp-block-button__link {
    background: var(--ompb-cta);
    color: #fff;
    font-weight: 700;
    padding: 16px 28px;
    border-radius: 4px;
}

@media (max-width: 900px) {
    .ompb-page {
        width: calc(100% - 28px);
        padding-bottom: 72px;
    }
    .ompb-hero-band__inner {
        width: calc(100% - 28px);
        padding: 32px 0 36px;
    }
    .ompb-intro,
    .ompb-story-row,
    .ompb-photo-grid {
        display: block;
        padding-top: 28px;
    }
    .ompb-intro .wp-block-column,
    .ompb-story-row .wp-block-column,
    .ompb-photo-grid .wp-block-column {
        margin-bottom: 24px;
    }
    .ompb-main-title {
        margin-bottom: 10px;
    }
    .ompb-section-title {
        padding-top: 28px;
        margin-bottom: 16px;
    }
    .ompb-page p {
        font-size: 1.01rem;
        line-height: 1.7;
    }
    .ompb-dropcap:first-letter {
        font-size: 3.4rem;
        padding-right: 8px;
        padding-top: 4px;
    }
}

/* Väčšia teheránska koláž */
.ompb-page figure:has(img[alt="Na jazykovom pobyte v Teheráne v Iráne"]) {
    width: 100% !important;
    max-width: 560px !important;
}
.ompb-page figure img[alt="Na jazykovom pobyte v Teheráne v Iráne"] {
    max-height: 470px !important;
}

/* Výraznejšia teheránska koláž */
.ompb-tehran-row {
    gap: 44px !important;
}
.ompb-tehran-row .ompb-figure {
    width: 100% !important;
    max-width: 680px !important;
}
.ompb-tehran-row .ompb-figure img {
    width: 100% !important;
    max-height: 560px !important;
    object-fit: contain !important;
}