/* ==========================================================================
   Ferholix — About & Services content pages. Loaded on top of ferholix.css
   (tokens, .rooms-head, .pillars, .cta-band, .section/.wrap). 375 / 390px.
   ========================================================================== */

/* About — brand story prose */
.page-prose { max-width: 68ch; }
.page-lead {
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(1.35rem, 3.2vw, 1.9rem); line-height: 1.35;
    color: var(--cream); margin: 0 0 1.25rem;
}
.page-prose p { color: var(--cream-dim); margin: 0 0 1.1rem; font-size: 1.05rem; }
.page-prose p:last-child { margin-bottom: 0; }

/* Services — stacked service rows */
.services-list { display: grid; gap: 1.5rem; }
.service-row {
    background: var(--ink-2); border: 1px solid rgba(244,241,234,.08);
    border-radius: var(--radius); padding: clamp(1.5rem, 4vw, 2.25rem);
    display: grid; gap: 1.25rem;
}
.service-row__head { display: flex; align-items: center; gap: 1rem; }
.service-row__icon {
    display: inline-grid; place-items: center; width: 56px; height: 56px; flex: none;
    border-radius: 14px; color: var(--gold); background: rgba(217,168,74,.12);
}
.service-row__tag {
    margin: 0 0 .15rem; color: var(--gold); font-size: .78rem; font-weight: 600;
    letter-spacing: .1em; text-transform: uppercase;
}
.service-row__name { margin: 0; font-size: clamp(1.4rem, 3.5vw, 1.9rem); }
.service-row__text { color: var(--cream-dim); margin: 0 0 1rem; }
.service-row__points {
    list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .55rem;
}
.service-row__points li { display: flex; align-items: center; gap: .55rem; color: var(--cream); }
.service-row__points svg { color: var(--gold); flex: none; }

@media (min-width: 820px) {
    .service-row {
        grid-template-columns: 300px 1fr; align-items: start; gap: 2.5rem;
    }
}