/* Service photography in the owner's rounded Prairie-inspired layout. */
.eeg-services { --eeg-navy:#0e2e53; --eeg-action:#176bb4; position:relative; isolation:isolate; padding:64px 28px 48px; background:var(--eeg-navy); font-family:"Figtree",Arial,sans-serif; }
/* An authentic Harbor Sky aerial under navy; the service cards retain their own photos. */
.eeg-services::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(14,46,83,.88) 0%,rgba(14,46,83,.74) 30%,rgba(14,46,83,.70) 65%,rgba(14,46,83,.94) 100%),url('/assets/home-films/harbor-sky-aerial.jpg') center center/cover no-repeat; }
.eeg-services * { box-sizing:border-box; }
.eeg-services-inner { max-width:1200px; margin:0 auto; }
.eeg-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 28px; }
.eeg-services-grid:focus-visible { outline:2px solid #90ceff; outline-offset:4px; }
.eeg-service-card { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-width:0; min-height:430px; padding:150px 36px 52px; border-radius:26px; background:#173c5e; color:#fff; text-align:left; }
.eeg-service-card .eeg-service-image { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.eeg-service-card::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(180deg,rgba(4,18,30,.04) 12%,rgba(4,18,30,.35) 36%,rgba(4,18,30,.91) 72%,rgba(4,18,30,.97) 100%); }
.eeg-service-card h3 { margin:0 0 14px; color:#fff; font:750 clamp(28px,3vw,36px)/1.12 "Figtree",Arial,sans-serif; letter-spacing:-.025em; }
.eeg-service-card p { max-width:450px; margin:0; color:#f0f4f7; font:400 18px/1.5 "Figtree",Arial,sans-serif; }
.eeg-service-card .eeg-service-link { position:absolute; bottom:-23px; left:36px; display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:48px; padding:12px 26px; border:2px solid transparent; border-radius:100px; background:var(--eeg-action); color:#fff; font:700 15px/1.25 "Figtree",Arial,sans-serif; letter-spacing:.03em; text-decoration:none; text-transform:uppercase; transition:background .18s ease; }
.eeg-service-link span { font-size:24px; line-height:1; font-weight:400; }
.eeg-service-card .eeg-service-link:hover { background:#fff; color:#112f50; }
.eeg-service-card .eeg-service-link:focus-visible { outline:3px solid #fff; outline-offset:5px; border-color:#0e2e53; }
.eeg-service-specialties { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 26px; padding-top:54px; color:#d5e3f1; font-size:16px; }
.eeg-service-specialties > span { margin-right:4px; }
.eeg-service-specialties a { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:#fff; font-weight:650; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#7ba4c8; }
.eeg-service-specialties a:hover { color:#fff; text-decoration-color:#fff; }
.eeg-service-specialties a:focus-visible { outline:3px solid #90ceff; outline-offset:4px; }
@media (max-width:1024px) and (min-width:768px) { .eeg-service-card { padding:150px 26px 48px; min-height:430px; } .eeg-service-card p { font-size:17px; } .eeg-service-card .eeg-service-link { left:26px; } }
@media (max-width:767px) {
  .eeg-services { padding:44px 20px 36px; }
  .eeg-services-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(84vw,380px); gap:16px; margin-inline:-20px; padding:4px 20px 34px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:20px; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#8daac4 #ffffff18; }
  .eeg-service-card { min-height:380px; padding:130px 24px 46px; border-radius:22px; scroll-snap-align:start; }
  .eeg-service-card h3 { font-size:clamp(26px,7.2vw,30px); margin-bottom:12px; }
  .eeg-service-card p { font-size:16px; line-height:1.5; }
  .eeg-service-card .eeg-service-link { left:24px; font-size:14px; padding:12px 24px; }
  .eeg-service-specialties { gap:4px 20px; padding-top:24px; font-size:15px; }
  .eeg-service-specialties > span { width:100%; text-align:center; margin:0 0 5px; }
}
@media (prefers-reduced-motion:reduce) { .eeg-service-card .eeg-service-link { transition:none; } }