/* Services page. Mirrors the homepage services section (beyond*.css, site-upgrades.css) as a standalone page. */

.services-page{--sv-ink:#f3eddf;--sv-rule:#f3eddf55;--sv-hairline:#f3eddf2b;background:#172423;color:var(--sv-ink);padding:55px 7% 80px;font:400 16px/1.5 'DM Sans',sans-serif}
.services-page>*{max-width:1000px;margin-left:auto;margin-right:auto}

/* Labels: small caps sans above each heading. */
.sv-eyebrow,.sv-label{display:block;font:600 14px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}

/* Intro: heading and deck beside the dragon hoard. */
.sv-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px 0;margin-bottom:25px}
.sv-intro-copy{padding:25px 0}
.sv-intro h1{margin:25px 0;font:400 72px/1.02 'DM Serif Display',Georgia,serif;letter-spacing:-.045em;color:var(--sv-ink)}
.sv-intro h1 em{color:var(--brand-orange-light,#df9576)}
.sv-intro p{max-width:450px;margin:0;font:400 19px/1.65 Georgia,serif}
.sv-hoard{margin:0 0 0 -14px;padding:24px 0 55px;text-align:center}
.sv-hoard img{display:block;width:100%;max-width:560px;height:auto}
.sv-hoard figcaption{margin-top:14px;font:400 11px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3eddfb3}

/* One row per service: number, then label, heading, deck and item list. */
.sv-service{display:grid;grid-template-columns:90px minmax(0,1fr);gap:45px;padding:38px 0 36px;border-top:1px solid var(--sv-rule);scroll-margin-top:24px}
.sv-no{font:400 70px/1 'DM Serif Display',Georgia,serif;color:var(--brand-orange-light,#df9576)}
.sv-body h2{margin:17px 0;font:400 57.6px/1 'DM Serif Display',Georgia,serif;color:var(--sv-ink)}
.sv-body h2 sup{margin-left:2px;font:600 9px/1 Arial,sans-serif;vertical-align:super}
.sv-deck{max-width:570px;margin:0;font:400 18px/1.65 Georgia,serif}
.sv-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;margin:34px 50px 0 0;padding:0;list-style:none}
.sv-items li{padding:12px 0;border-top:1px solid var(--sv-hairline)}

/* AI visibility carries the answer-engine eggs from the homepage. */
.sv-ai-title{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px}
.sv-ai-logos{display:flex;align-items:center;gap:22px;height:78px}
.sv-ai-logos>span{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:74px;padding:10px 7px;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at 34% 28%,#fffdf7 0 12%,transparent 13%),radial-gradient(ellipse at 46% 96%,#9675573d,transparent 38%),linear-gradient(135deg,#fffdf4,#e4d2b4);border:1px solid #a98e6d;border-radius:50% 50% 47% 47%/57% 57% 43% 43%;box-shadow:inset 8px 7px 11px #fff9,inset -8px -11px 15px #80644140,0 8px 14px #0007}
.sv-ai-logos>span::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:url('assets/parchment-light-optimized.webp');background-size:95px 95px;mix-blend-mode:multiply}
.sv-ai-logos>span::after{content:"";position:absolute;left:50%;bottom:10px;width:18px;height:8px;transform:translateX(-50%);border-top:1px solid #a780622f;border-radius:50%;pointer-events:none}
.sv-ai-logos img{position:relative;z-index:1;display:block;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 0 #fff7)}
.sv-ai-logos img.sv-ai-wordmark{width:46px}

/* Closing call to action. */
.sv-cta{padding:56px 0 0;border-top:1px solid var(--sv-rule);text-align:center}
.sv-cta h2{margin:17px 0;font:400 57.6px/1 'DM Serif Display',Georgia,serif;color:var(--sv-ink)}
.sv-cta p{max-width:570px;margin:0 auto;font:400 18px/1.65 Georgia,serif}
.sv-cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 32px;margin:32px 0 24px}
.sv-button{display:inline-flex;align-items:center;min-height:56px;padding:0 28px;background:var(--brand-orange,#b45130);color:#fffaf0;font:600 16px/1 'DM Sans',sans-serif;text-decoration:none;transition:background .18s ease,transform .18s ease}
.sv-button:hover{background:var(--brand-orange-deep,#98472d);transform:translateY(-2px)}
.sv-link{display:inline-flex;align-items:center;min-height:44px;color:var(--sv-ink);font:400 16px/1 'DM Sans',sans-serif;text-underline-offset:5px}
.sv-link:hover{color:var(--brand-orange-light,#df9576)}
.sv-cta .sv-alt{font:400 14px/1.5 'DM Sans',sans-serif;color:#f3eddfb3}
.sv-cta .sv-alt a{color:inherit;text-underline-offset:3px}
.services-page a:focus-visible{outline:2px solid var(--sv-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.sv-button,.sv-button:hover{transition:none;transform:none}}

@media(max-width:900px){
 .sv-intro{grid-template-columns:1fr}
 .sv-intro h1{font-size:60px}
 .sv-hoard{margin:0 auto;max-width:560px}
 .sv-service{grid-template-columns:60px minmax(0,1fr);gap:28px}
 .sv-no{font-size:52px}
 .sv-body h2,.sv-cta h2{font-size:46px}
}
@media(max-width:700px){
 .services-page{padding:40px 6% 64px}
 .sv-eyebrow,.sv-label{font-size:13px}
 .sv-intro-copy{padding:0}
 .sv-intro h1{font-size:44px;letter-spacing:-.045em}
 .sv-intro p{font-size:18px}
 .sv-hoard{padding:20px 0 40px}
 .sv-service{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:28px 0 30px}
 .sv-no{font-size:40px}
 .sv-body h2,.sv-cta h2{font-size:32px}
 .sv-deck,.sv-cta p{font-size:16px}
 .sv-items{grid-template-columns:1fr;margin:24px 0 0}
 .sv-ai-logos{flex:1 1 100%;min-width:0;gap:clamp(8px,3vw,18px);height:auto}
 .sv-ai-logos>span{flex:0 1 54px;min-width:0;width:auto;height:auto;aspect-ratio:54/66}
 .sv-ai-logos img{max-width:100%}
 .sv-cta{padding-top:40px}
}