/* Service and project pages only. Shared homepage styling is unchanged. */
.content-page .detail-hero{background:var(--ink);color:var(--paper);padding:38px 5% 72px}
.content-page .breadcrumbs{display:flex;justify-content:flex-start;gap:14px;margin:0 0 50px;font-size:13px;color:#c5c5bc}
.content-page .breadcrumbs a{border-bottom:1px solid #777}
.content-page .detail-hero>.eyebrow{color:var(--orange)}
.content-page h1{max-width:1050px;font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,6.5vw,98px);font-weight:500;line-height:1.03;letter-spacing:-.055em;margin:26px 0}
.content-page .detail-intro{max-width:760px;font-size:clamp(19px,2vw,25px);line-height:1.5;color:#d5d5cc;margin:0 0 32px}
.content-page .detail-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;padding:72px 5%;border-bottom:1px solid var(--line)}
.content-page .detail-section h2{font-size:clamp(30px,3.8vw,55px);line-height:1.06;letter-spacing:-.04em;margin:20px 0}
.content-page .detail-copy{max-width:820px;min-width:0;font-size:18px;line-height:1.7}
.content-page .detail-copy>p:first-child,.content-page .detail-copy>h3:first-child{margin-top:0}
.content-page .detail-copy h3{font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:1.3;margin:30px 0 10px}
.content-page .detail-copy p{color:#50504b;margin:0 0 22px}
.content-page .detail-copy p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.content-page .detail-list{padding-left:22px;margin:0 0 24px}
.content-page .detail-list li{padding:0 0 14px 5px}
.content-page .detail-cards{display:grid;gap:20px;margin-top:26px}
.content-page .detail-card{display:block;border:1px solid #b9b9b0;padding:24px;transition:border-color .15s,background .15s}
.content-page .detail-card:hover{border-color:#08763c;background:#e9e9df}
.content-page .detail-card h3{display:flex;justify-content:space-between;gap:16px;margin:0 0 10px;font-size:21px}
.content-page .detail-card p{font-size:16px;margin:0}
.content-page blockquote{margin:28px 0;padding:22px 0 22px 24px;border-left:3px solid #08763c;font-size:24px;line-height:1.4}
.content-page cite{display:block;font-style:normal;font-size:14px;margin-top:18px;color:#50504b}
.content-page .detail-cta{padding:72px 5%;background:#e8e8df}
.content-page .detail-cta h2{font-size:clamp(36px,4.5vw,65px);line-height:1.05;letter-spacing:-.04em;margin:24px 0}
.content-page .detail-cta p{max-width:620px;font-size:19px;line-height:1.5;margin-bottom:30px}
.content-page a:focus-visible{outline:3px solid #08763c;outline-offset:5px}
.content-page .detail-hero a:focus-visible{outline-color:var(--orange)}
@media(min-width:1600px){.content-page .detail-hero,.content-page .detail-section,.content-page .detail-cta{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}
@media(max-width:760px){.content-page .detail-section{grid-template-columns:1fr;gap:24px;padding-top:44px;padding-bottom:44px}.content-page .detail-hero{padding-bottom:48px}.content-page .breadcrumbs{margin-bottom:34px}.content-page .detail-copy{font-size:17px}.content-page .detail-section h2{max-width:580px}.content-page .detail-card{padding:20px}.content-page .detail-cta{padding-top:48px;padding-bottom:48px}.content-page .detail-hero .button,.content-page .detail-cta .button{max-width:100%;white-space:normal}.content-page blockquote{font-size:21px}}
@media(prefers-reduced-motion:reduce){.content-page .detail-card{transition:none}}

/* A primary action must remain visible against the dark detail-page hero. */
.content-page .detail-hero .button{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.content-page .detail-hero .button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.content-page .detail-hero .button:active{background:#deded6;color:var(--ink);border-color:#deded6}
.content-page .button:focus-visible,.content-page .detail-card:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.content-page .detail-card{border:2px solid #72726b}
.content-page .detail-card .card-arrow{flex-shrink:0;width:24px;height:24px;margin-top:2px;color:var(--ink);transition:transform .15s}
.content-page .detail-card:hover .card-arrow,.content-page .detail-card:focus-visible .card-arrow{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){.content-page .detail-card .card-arrow{transition:none;transform:none!important}}
.content-page .detail-card:hover{border-color:var(--ink)}
.content-page .detail-card:active{background:#deded6}