/* Aegina Excavations — service pages (2026-10-17) */
.hero.page{min-height:min(62vh,520px)}
.hero.page .hero-inner{padding-bottom:clamp(60px,9vw,72px)}
.hero.page h1{max-width:18ch}
.crumbs{font-size:.84rem;color:#d9d2c2;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:#f1ece0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.crumbs a:hover{color:var(--amber2)}
.crumbs span[aria-hidden]{opacity:.6}

.svc-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:start}
.prose h2{font-size:clamp(1.45rem,4.4vw,2rem);margin:0 0 .7rem}
.prose p{color:var(--stone);margin-bottom:1rem;max-width:62ch}
.prose p.big{font-size:1.1rem;color:var(--ink2)}
.checklist{list-style:none;display:grid;gap:12px;margin:6px 0 4px}
.checklist li{display:flex;gap:12px;align-items:flex-start;color:var(--ink2)}
.checklist li::before{content:"";flex:0 0 24px;height:24px;margin-top:2px;border-radius:50%;background:rgba(245,179,1,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a87a00' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/15px no-repeat}
.svc-side{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--sand2)}
.svc-side img{width:100%;height:100%;object-fit:cover}

.steps{display:grid;grid-template-columns:1fr;gap:16px;counter-reset:st}
.step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:20px 20px 22px;counter-increment:st}
.step::before{content:counter(st);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--ink);font-weight:800;margin-bottom:12px}
.step h3{font-size:1.08rem;margin-bottom:6px}
.step p{color:#c9c2b0;font-size:.95rem}

.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:0 20px;box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.04rem;padding:18px 34px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:600;color:var(--amber-d);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{color:var(--stone);padding:0 0 18px}

.more-svc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.more-svc a{background:var(--white);border:1px solid var(--line);padding:10px 16px;border-radius:100px;font-weight:600;font-size:.93rem;transition:border-color .2s,transform .15s}
.more-svc a:hover{border-color:var(--amber);transform:translateY(-2px)}

@media(min-width:720px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){
  .svc-grid{grid-template-columns:1.15fr .85fr}
  .steps{grid-template-columns:repeat(4,1fr)}
  .svc-side{position:sticky;top:96px}
}
/* service cards on the homepage link to their pages */
.card .more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:.92rem;color:var(--amber-d)}
.card .more:hover{color:var(--ink)}
