/* Elevate Animal Care — shared stylesheet for local-SEO service pages
   Mirrors the main site: black + gold + forest, Cormorant / Inter Tight / mono */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --ink:#0B0B09; --ink-2:#14140F; --ink-card:#181815;
  --line:#2A2A22; --line-soft:#1F1F19;
  --paper:#F4EDDD; --paper-soft:#E5DCC4; --paper-mute:#B8AE91;
  --gold:#C9A45A; --gold-bright:#DEB872; --gold-deep:#8A6F35;
  --forest:#2D4A39; --forest-deep:#1B2F24; --forest-mist:#3E5F4B;
  --display:"Cormorant Garamond",Georgia,serif;
  --body:"Inter Tight",-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --pad-x:40px; --maxw:1180px;
  --ease:cubic-bezier(.2,.7,.3,1);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--ink); color:var(--paper); font-family:var(--body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img { max-width:100%; display:block; height:auto; }
a { color:var(--gold); text-decoration:none; transition:color 200ms var(--ease); }
a:hover { color:var(--gold-bright); }
.wrap { max-width:var(--maxw); margin:0 auto; padding:0 var(--pad-x); }
em { font-style:italic; }

/* eyebrow */
.eyebrow { font-family:var(--mono); font-size:11px; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); display:flex; align-items:center; gap:12px; }
.eyebrow span.rule { width:40px; height:1px; background:var(--gold); }

/* nav */
.nav { position:sticky; top:0; z-index:50; background:rgba(11,11,9,0.86); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; height:76px; }
.brand-img { height:44px; width:auto; }
.nav-links { display:flex; gap:28px; }
.nav-links a { color:var(--paper-mute); font-size:14px; letter-spacing:0.01em; }
.nav-links a:hover { color:var(--paper); }
.nav-cta { display:flex; gap:12px; align-items:center; }
.btn { font-family:var(--mono); font-size:12px; letter-spacing:0.14em; text-transform:uppercase; padding:13px 22px; border:1px solid var(--line); color:var(--paper); display:inline-flex; align-items:center; gap:9px; transition:all 220ms var(--ease); white-space:nowrap; cursor:pointer; }
.btn .arrow { transition:transform 220ms var(--ease); }
.btn:hover .arrow { transform:translateX(4px); }
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }
.btn-solid { background:var(--gold); color:var(--ink); border-color:var(--gold); }
.btn-solid:hover { background:var(--gold-bright); border-color:var(--gold-bright); color:var(--ink); }
.btn-forest { background:var(--forest); color:var(--paper); border-color:var(--forest); }
.btn-forest:hover { background:var(--forest-mist); border-color:var(--forest-mist); color:var(--paper); }
@media (max-width:900px){ .nav-links{ display:none; } }

/* breadcrumb */
.crumb { font-family:var(--mono); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--paper-mute); padding:22px 0 0; }
.crumb a { color:var(--paper-mute); }
.crumb a:hover { color:var(--gold); }
.crumb .sep { margin:0 10px; color:var(--gold-deep); }

/* hero */
.svc-hero { position:relative; border-bottom:1px solid var(--line); overflow:hidden; }
.svc-hero .wrap { display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; padding-top:64px; padding-bottom:64px; }
.svc-hero h1 { font-family:var(--display); font-weight:400; font-size:clamp(44px,5.4vw,74px); line-height:1.0; letter-spacing:-0.015em; margin:22px 0 24px; }
.svc-hero h1 em { color:var(--gold); }
.svc-hero .lede { font-size:18px; line-height:1.6; color:var(--paper-soft); max-width:46ch; }
.svc-hero .hero-cta { display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
.svc-hero-photo { position:relative; aspect-ratio:4/5; border:1px solid var(--line); overflow:hidden; border-radius:12px; }
.svc-hero-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(0.97) brightness(0.95); }
.svc-hero-photo .tag { position:absolute; left:16px; bottom:16px; font-family:var(--mono); font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); background:rgba(11,11,9,0.72); border:1px solid var(--gold-deep); padding:8px 12px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }

/* section */
.section { padding:96px 0; border-bottom:1px solid var(--line-soft); }
.section.forest { background:var(--forest-deep); border-top:1px solid var(--forest); border-bottom:1px solid var(--forest); }
.section h2 { font-family:var(--display); font-weight:400; font-size:clamp(34px,4vw,52px); line-height:1.04; letter-spacing:-0.012em; margin:16px 0 22px; }
.section h2 em { color:var(--gold); }
.section .intro { font-size:17px; color:var(--paper-soft); max-width:60ch; line-height:1.65; }
.section p + p { margin-top:16px; }

/* includes grid */
.inc-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); margin-top:44px; }
.inc-item { padding:30px 30px 28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(24,24,21,0.5); }
.inc-item:nth-child(2n){ border-right:0; }
.inc-num { font-family:var(--mono); font-size:11px; letter-spacing:0.16em; color:var(--gold); }
.inc-item h3 { font-family:var(--display); font-weight:400; font-size:25px; letter-spacing:-0.008em; margin:12px 0 8px; color:var(--paper); }
.inc-item p { font-size:14.5px; color:var(--paper-mute); line-height:1.6; }

/* two-column feature (photo + copy) */
.feat { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.feat.rev .feat-photo { order:2; }
.feat-photo { aspect-ratio:5/4; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.feat-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(0.97) brightness(0.95); }
.feat ul { list-style:none; margin-top:22px; }
.feat li { position:relative; padding:12px 0 12px 26px; border-bottom:1px solid var(--line-soft); font-size:15px; color:var(--paper-soft); }
.feat li::before { content:"—"; position:absolute; left:0; color:var(--gold); }

/* trust row */
.trust { display:flex; align-items:center; gap:16px; font-family:var(--mono); font-size:12px; letter-spacing:0.06em; color:var(--paper-mute); }
.trust .stars { color:var(--gold); letter-spacing:2px; font-size:15px; }
.trust strong { color:var(--paper); }

/* sibling service links */
.svc-links { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:44px; }
.svc-link { display:block; padding:22px 20px; border:1px solid var(--line); background:var(--ink-card); transition:border-color 220ms var(--ease), transform 220ms var(--ease); }
.svc-link:hover { border-color:var(--gold-deep); transform:translateY(-2px); }
.svc-link .k { display:block; font-family:var(--mono); font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold); }
.svc-link .t { display:block; font-family:var(--display); font-size:22px; color:var(--paper); margin-top:8px; letter-spacing:-0.008em; line-height:1.1; }

/* CTA band */
.cta-band { background:linear-gradient(180deg,var(--ink-card),var(--forest-deep) 160%),var(--ink-card); border:1px solid var(--gold-deep); border-radius:16px; padding:48px 44px; display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.cta-band h2 { font-family:var(--display); font-weight:400; font-size:clamp(30px,3.4vw,44px); line-height:1.05; letter-spacing:-0.01em; max-width:20ch; }
.cta-band h2 em { color:var(--gold); }
.cta-band .sub { font-size:14.5px; color:var(--paper-mute); margin-top:10px; }

/* footer */
.foot { background:var(--ink-2); border-top:1px solid var(--line); padding:56px 0 34px; }
.foot-top { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }
.foot h4 { font-family:var(--mono); font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; }
.foot p, .foot li { color:var(--paper-mute); font-size:14px; line-height:1.7; }
.foot ul { list-style:none; }
.foot .foot-brand { font-family:var(--display); font-size:26px; color:var(--paper); margin-bottom:12px; }
.foot-bottom { display:flex; justify-content:space-between; gap:12px; margin-top:44px; padding-top:22px; border-top:1px solid var(--line); font-family:var(--mono); font-size:11px; letter-spacing:0.08em; color:var(--paper-mute); flex-wrap:wrap; }
.foot-bottom .llc { color:var(--gold); }

@media (max-width:900px){
  :root { --pad-x:22px; }
  .svc-hero .wrap { grid-template-columns:1fr; gap:36px; padding-top:44px; padding-bottom:52px; }
  .svc-hero-photo { max-width:420px; }
  .section { padding:64px 0; }
  .inc-grid { grid-template-columns:1fr; }
  .inc-item { border-right:0; }
  .feat { grid-template-columns:1fr; gap:30px; }
  .feat.rev .feat-photo { order:0; }
  .svc-links { grid-template-columns:1fr 1fr; }
  .cta-band { padding:34px 24px; flex-direction:column; align-items:flex-start; }
  .foot-top { grid-template-columns:1fr; gap:30px; }
  .foot-bottom { flex-direction:column; gap:8px; }
}