/* Styles specific to the consolidated services page */
.services-hero{background:var(--paper);padding:64px 0 70px;border-bottom:1px solid var(--line)}.services-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.services-hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.08;margin:24px 0}.services-hero-copy h1 em{font-style:normal;color:#9c7538}.services-hero-copy>p{max-width:520px;font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:28px}.services-hero-photo{height:390px;position:relative}.services-hero-photo img{width:100%;height:100%;object-fit:cover}.photo-note{position:absolute;left:-25px;bottom:24px;background:white;padding:17px 22px;box-shadow:0 10px 35px #10283d18;display:flex;flex-direction:column}.photo-note strong{font:700 15px Manrope,sans-serif;color:var(--navy)}.photo-note span{font-size:10px;color:var(--muted);margin-top:4px}.services-intro{padding-bottom:70px}.services-intro-head{display:grid;grid-template-columns:1fr 2fr;gap:55px;margin-bottom:48px}.services-intro-head h2{font:600 clamp(32px,3.5vw,46px)/1.18 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 18px}.services-intro-head h2 span{color:#9c7538}.services-intro-head>div:last-child>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:750px;margin:0}.service-detail-list{border-top:1px solid var(--line)}.service-detail{display:grid;grid-template-columns:35px minmax(220px,.82fr) minmax(0,1.18fr);gap:28px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.detail-index{font-size:11px;letter-spacing:.12em;color:#a17a3d;align-self:start;padding-top:4px}.detail-image{height:235px;background:#e9e9e4;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-detail:hover .detail-image img{transform:scale(1.025)}.detail-copy{padding:8px 0 8px 18px}.detail-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:#9c7538;margin-bottom:10px}.detail-copy h3{font-size:28px;line-height:1.2;margin:0 0 15px;color:var(--navy)}.detail-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:12px}.detail-copy .text-link{margin-top:4px}.services-approach{background:var(--navy);color:white;padding:62px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.approach-grid h2{font:600 clamp(36px,4vw,52px)/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin:20px 0 0}.approach-grid>div:last-child>p{font-size:13px;line-height:1.9;color:#d3dde3;max-width:520px;margin-bottom:22px}
@media(max-width:900px){.services-hero-grid{gap:35px}.services-hero-photo{height:330px}.services-intro-head{gap:30px}.service-detail{grid-template-columns:25px minmax(180px,.8fr) minmax(0,1.2fr);gap:18px}.detail-image{height:210px}.detail-copy{padding-left:5px}.detail-copy h3{font-size:24px}.approach-grid{gap:45px}}
@media(max-width:680px){.services-hero{padding:42px 0 48px}.services-hero-grid{grid-template-columns:1fr;gap:30px}.services-hero-copy h1{font-size:43px;margin:20px 0}.services-hero-copy>p{font-size:13px}.services-hero-photo{height:255px;margin-left:15px}.photo-note{left:-15px;bottom:14px;padding:13px 16px}.services-intro{padding-top:55px;padding-bottom:55px}.services-intro-head{display:block;margin-bottom:25px}.services-intro-head>.section-kicker{margin-bottom:22px}.services-intro-head h2{font-size:34px}.services-intro-head>div:last-child>p{font-size:13px}.service-detail{grid-template-columns:24px 1fr;gap:12px;padding:26px 0;align-items:start}.detail-index{grid-column:1;grid-row:1}.detail-image{grid-column:2;height:205px}.detail-copy{grid-column:2;padding:5px 0 0}.detail-copy h3{font-size:24px}.detail-copy p{font-size:12px}.services-approach{padding:48px 0}.approach-grid{grid-template-columns:1fr;gap:22px}.approach-grid h2{font-size:40px}.approach-grid>div:last-child>p{font-size:13px}}

/* Större beskrivande text för bättre läsbarhet */
.services-hero-copy>p{font-size:18px;line-height:1.95}
.services-intro-head>div:last-child>p{font-size:17px;line-height:1.95}
.detail-copy p{font-size:16px;line-height:1.95}
.approach-grid>div:last-child>p{font-size:16px;line-height:1.95}
@media(max-width:680px){
 .services-hero-copy>p{font-size:16px}
 .services-intro-head>div:last-child>p{font-size:16px}
 .detail-copy p{font-size:16px}
 .approach-grid>div:last-child>p{font-size:15px}
}
