/* Services page — unique styling */
.services-list { display: flex; flex-direction: column; gap: var(--spacing-3xl); }
.service-row { display: grid; grid-template-columns: 0.9fr 1.4fr; gap: var(--spacing-2xl); align-items: center; scroll-margin-top: 90px; }
.service-row.reverse { direction: rtl; }
.service-row.reverse > * { direction: ltr; }

.service-row-panel {
    background: var(--primary-color); color: var(--text-on-dark);
    aspect-ratio: 4/3; border-radius: var(--radius-md);
    display: flex; align-items: flex-end; justify-content: flex-start;
    padding: var(--spacing-xl); position: relative; overflow: hidden;
    background-size: cover; background-position: center;
}
.service-row-panel::after {
    content: ""; position: absolute; inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(184,134,46,0.08) 0 2px, transparent 2px 22px);
    pointer-events: none;
}
.service-row-panel.has-photo::after {
    background-image: linear-gradient(0deg, rgba(8,20,40,0.75) 0%, rgba(8,20,40,0.15) 55%, rgba(8,20,40,0.35) 100%);
}
.service-row-panel.has-photo::before {
    content: ""; position: absolute; inset: 0;
    background-image: inherit; background-size: cover; background-position: center;
    transition: transform .6s ease;
}
.service-row-panel.has-photo:hover::before { transform: scale(1.06); }
.service-row-panel i {
    font-size: 1.8rem; color: var(--primary-dark); background: var(--accent-color);
    width: 64px; height: 64px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    z-index: 1; flex: none;
}

.service-row-copy h2 { font-size: var(--font-size-2xl); margin-bottom: var(--spacing-md); }
.service-row-copy .summary { font-size: 1.28rem; color: var(--text-color); margin-bottom: var(--spacing-md); }
.service-row-copy .body-text { color: var(--text-light); margin-bottom: var(--spacing-lg); line-height: 1.8; font-size: 1.14rem; }

@media (max-width: 760px) {
    .service-row, .service-row.reverse { grid-template-columns: 1fr; direction: ltr; }
    .service-row-panel { aspect-ratio: 16/9; }
}