/* ============================================================
   SES 11 — CTA (wzorzec PF 04)
   Meskie Portrety — strona Sesja
   ============================================================ */

:root {
    --pf-gold: #B8965A;
}

.ses-cta-pf__inner {
    margin:     0 auto;
    padding:    clamp(80px, 12vw, 160px) clamp(24px, 5vw, 80px);
    text-align: left;
}

.ses-cta-pf__title {
    font-family:    'DM Serif Display', Georgia, serif;
    font-weight:    400;
    font-size:      clamp(1.8rem, 3.5vw, 3rem);
    line-height:    1.15;
    letter-spacing: -.02em;
    color:          #fff;
    margin:         0 0 .7em;
}
.ses-cta-pf__title .go {
    color:       var(--pf-gold, #B8965A);
    font-style:  italic;
}

/* SES 10 — Pause: złota fraza italic */
.om-pause__title .go {
    font-style: italic;
}

.ses-cta-pf__sub {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size:   clamp(.88rem, 1.2vw, 1rem);
    line-height: 1.75;
    color:       rgba(255,255,255,.52);
    margin:      0 0 2.5em;
}

.ses-cta-pf__micro {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size:   .8rem;
    color:       rgba(26,26,26,.35);
    margin:      1.4em 0 0;
}

.ses-cta-pf .btn,
.ses-cta-pf .btn--light {
    display:         inline-block;
    font-family:     'Inter', sans-serif;
    font-weight:     400;
    font-size:       .76rem;
    letter-spacing:  .2em;
    text-transform:  uppercase;
    text-decoration: none;
    color:           var(--sescta-btn-color, #1A1A1A);
    background:      var(--sescta-btn-bg, transparent);
    padding:         .95em 2.4em;
    border:          1px solid var(--sescta-btn-border, #1A1A1A);
    transition:      background .25s, color .25s, border-color .25s;
}
.ses-cta-pf .btn:hover,
.ses-cta-pf .btn--light:hover {
    background:   var(--sescta-btn-hover-bg, #1A1A1A);
    color:        var(--sescta-btn-hover-color, #F5F0E8);
    border-color: var(--sescta-btn-hover-border, #1A1A1A);
}

@media (max-width: 767px) {
    .ses-cta-pf__inner { padding: 64px 20px; }
    .ses-cta-pf .btn,
    .ses-cta-pf .btn--light {
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}