/* Service-specific layouts share the brand, not the hub's composition. */
.seo-detail{--detail-paper:#F4EEE2;--detail-grey:#F4EEE2;--detail-dark:#1c1916;--detail-gold:#947126;color:var(--detail-dark)}
.seo-detail #main{overflow:clip}
.seo-detail #main .wrap{width:min(1280px,calc(100% - 96px))}
.seo-detail #main h2{font-size:2.75rem;line-height:1.16;max-width:25ch;text-wrap:pretty}
.seo-detail #main h3{font-size:1.45rem;line-height:1.3}
.seo-detail #main p{line-height:1.75}
.seo-detail .v2-section{padding:88px 0}
.seo-detail .seo-detail-hero{background:#FAF7F2;color:var(--detail-dark);min-height:570px}
.seo-detail .seo-detail-photo{width:100%;height:100%;object-fit:contain;object-position:100% 60%;background:#FAF7F2}
.seo-detail .seo-detail-hero::before{background:linear-gradient(90deg,#FAF7F2 0%,#FAF7F2 35%,rgba(255,255,255,.95) 44%,rgba(255,255,255,0) 62%)}
.seo-detail .seo-detail-hero-content{padding-top:30px;padding-bottom:64px;position:relative}
.seo-detail .seo-breadcrumb{color:#625e55;margin-bottom:48px;font-size:.875rem}
.seo-detail #main h1{font-size:3.5rem;line-height:1.12;max-width:16ch;margin-bottom:26px;text-wrap:pretty}
.seo-detail .seo-detail-hero .lead{font-size:1.125rem;max-width:52ch;line-height:1.7;margin-bottom:28px}
.seo-detail .button{background:#c5a253;color:#1c1916;border-radius:4px;min-height:56px;padding:17px 24px;font-size:1rem;transition:background .2s ease}
.seo-detail .button:hover{background:#d8bb78}
.seo-detail .seo-detail-nav{border-top:1px solid #e4e1d9;border-bottom:1px solid #e4e1d9;background:#FAF7F2}
.seo-detail-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:thin}
.seo-detail-nav a{white-space:nowrap;padding:21px 0;font-size:.9375rem;border-bottom:2px solid transparent;min-height:48px}
.seo-detail-nav a:hover,.seo-detail-nav a:focus-visible{border-color:#c5a253;color:#76591d}
.seo-detail .seo-two-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:80px}
.seo-detail .seo-audience{background:#FAF7F2}
.seo-detail .seo-audience .lead{font-size:1.1875rem;line-height:1.75}
.seo-detail .seo-audience .seo-back-link{font-size:1rem;color:#68501e;text-decoration-color:#b7a477}
.seo-detail .seo-audience p:has(.seo-back-link){margin-top:20px}
.seo-detail .seo-detail-scope{background:#FAF7F2}
.seo-detail .v2-heading{margin-bottom:44px}
.seo-detail .seo-scope-grid{gap:32px 48px;grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-detail .seo-scope-grid article{padding:24px 0 16px;border-top:1px solid #c9c4b8;min-width:0}
.seo-detail .seo-scope-grid .seo-card-number{display:block;color:#806020;font-size:.875rem;line-height:1.5}
.seo-detail .seo-scope-grid h3{margin:14px 0 15px;font-family:Georgia,serif;font-size:1.75rem!important}
.seo-detail .seo-scope-grid p{font-size:1.0625rem;color:#504e49;max-width:58ch}
.seo-detail .seo-detail-process{background:var(--detail-dark);color:#fff}
.seo-detail .seo-process-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:start}
.seo-detail .seo-process-intro{position:sticky;top:120px}
.seo-detail .seo-process-intro h2{margin:0}
.seo-detail .seo-detail-process .eyebrow{color:#ddc485}
.seo-detail .fact-rows{margin:0;border:0}
.seo-detail .fact-rows>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px 22px;padding:28px 0;border-top:1px solid #59544c;align-items:start}
.seo-detail .fact-rows>div:first-child{padding-top:0;border-top:0}
.seo-detail .fact-rows .row-index{grid-row:1/3;color:#ddc485;font-size:1rem;line-height:1.6}
.seo-detail .fact-rows h3{font-size:1.5rem!important;margin:0}
.seo-detail .fact-rows p{grid-column:2;font-size:1.0625rem;color:#dedbd5;margin:0}
.seo-detail .seo-detail-faq{background:#FAF7F2;border:0}
.seo-detail .seo-faq{border-top:1px solid #b7a477}
.seo-detail .seo-faq summary{font-size:1.125rem;font-weight:600;padding:24px 0}
.seo-detail .seo-faq p{font-size:1.0625rem;color:#504e49}
.seo-detail .seo-detail-cta{background:var(--detail-grey)}
.seo-detail .seo-detail-cta .seo-two-columns{grid-template-columns:minmax(0,1fr) auto;gap:70px}
.seo-detail .seo-detail-cta p{max-width:65ch;font-size:1.125rem;margin-bottom:24px}
.seo-detail #main a:focus-visible,.seo-detail #main summary:focus-visible{outline:2px solid #947126;outline-offset:5px}

/* An editorial catalogue for ongoing work, with one leading area. */
.seo-detail[data-layout="growth"] .seo-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-detail[data-layout="growth"] .seo-scope-grid article:first-child{grid-row:span 2;padding:28px 30px;background:var(--detail-paper);border-top:3px solid #c5a253}
.seo-detail[data-layout="growth"] .seo-scope-grid article:first-child h3{font-size:2.125rem!important}

/* Diagnostic work reads as a checklist of questions, not a card gallery. */
.seo-detail[data-layout="diagnostic"] .seo-detail-scope>.wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;align-items:start}
.seo-detail[data-layout="diagnostic"] .seo-scope-grid{grid-template-columns:1fr;gap:0}
.seo-detail[data-layout="diagnostic"] .seo-scope-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px 18px;padding:24px 0}
.seo-detail[data-layout="diagnostic"] .seo-scope-grid h3{margin:0}
.seo-detail[data-layout="diagnostic"] .seo-scope-grid p{grid-column:2}
.seo-detail[data-layout="diagnostic"] .seo-detail-process{background:var(--detail-grey);color:var(--detail-dark)}
.seo-detail[data-layout="diagnostic"] .fact-rows p{color:#504e49}
.seo-detail[data-layout="diagnostic"] .fact-rows>div{border-color:#c9c4b8}
.seo-detail[data-layout="diagnostic"] .fact-rows .row-index,.seo-detail[data-layout="diagnostic"] .seo-detail-process .eyebrow{color:#806020}

/* A launch project is a sequence with visible handovers. */
.seo-detail[data-layout="project"] .seo-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.seo-detail[data-layout="project"] .seo-scope-grid article{border-top:2px solid #c5a253}
.seo-detail[data-layout="project"] .seo-process-layout{display:block}
.seo-detail[data-layout="project"] .seo-process-intro{position:static;margin-bottom:48px}
.seo-detail[data-layout="project"] .fact-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.seo-detail[data-layout="project"] .fact-rows>div{display:block;border-top:1px solid #8f7948;padding:22px 0 0}
.seo-detail[data-layout="project"] .fact-rows .row-index{display:block;margin-bottom:20px;font:2rem Georgia,serif}
.seo-detail[data-layout="project"] .fact-rows h3{margin-bottom:18px}

/* Search: distinguish information about the business from the supporting work. */
.seo-detail[data-layout="search"] .seo-detail-scope{background:var(--detail-dark);color:#fff}
.seo-detail[data-layout="search"] .seo-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-detail[data-layout="search"] .seo-scope-grid article:first-child{grid-column:1/-1;display:grid;grid-template-columns:40px .7fr 1.3fr;gap:28px;align-items:start;padding-bottom:30px}
.seo-detail[data-layout="search"] .seo-scope-grid article:first-child h3{margin:0}
.seo-detail[data-layout="search"] .seo-scope-grid article{border-color:#625b4f}
.seo-detail[data-layout="search"] .seo-scope-grid .seo-card-number{color:#ddc485}
.seo-detail[data-layout="search"] .seo-scope-grid p{color:#dedbd5}
.seo-detail[data-layout="search"] .seo-detail-process{background:var(--detail-paper);color:var(--detail-dark)}
.seo-detail[data-layout="search"] .fact-rows p{color:#504e49}
.seo-detail[data-layout="search"] .fact-rows>div{border-color:#c9c4b8}
.seo-detail[data-layout="search"] .fact-rows .row-index,.seo-detail[data-layout="search"] .seo-detail-process .eyebrow{color:#806020}

/* Local services: a calm two-column inventory with an emphasized starting point. */
.seo-detail[data-layout="local"] .seo-scope-grid article:first-child{grid-column:1/-1;display:grid;grid-template-columns:40px .7fr 1.3fr;gap:28px;border-top:2px solid #c5a253}
.seo-detail[data-layout="local"] .seo-scope-grid article:first-child h3{margin:0}
.seo-detail[data-layout="local"] .seo-detail-process{background:var(--detail-paper);color:var(--detail-dark)}
.seo-detail[data-layout="local"] .fact-rows p{color:#504e49}
.seo-detail[data-layout="local"] .fact-rows>div{border-color:#c9c4b8}
.seo-detail[data-layout="local"] .fact-rows .row-index,.seo-detail[data-layout="local"] .seo-detail-process .eyebrow{color:#806020}

@media(min-width:1700px){.seo-detail .seo-detail-photo{object-position:85% center}}
@media(max-width:1100px){
 .seo-detail .seo-detail-hero::before{background:linear-gradient(90deg,#FAF7F2 0%,#fffffff5 48%,#ffffff4d 100%)}
 .seo-detail .seo-two-columns,.seo-detail .seo-process-layout{gap:40px}
 .seo-detail[data-layout="project"] .fact-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .seo-detail[data-layout="project"] .seo-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .seo-detail[data-layout="diagnostic"] .seo-detail-scope>.wrap{gap:40px}
}
@media(max-width:760px){
 .seo-detail #main .wrap{width:calc(100% - 40px)}
 .seo-detail .v2-section{padding:56px 0}
 .seo-detail #main h1{font-size:2.375rem!important;max-width:20ch!important}
 .seo-detail #main h2{font-size:2.125rem;max-width:24ch}
 .seo-detail .seo-detail-hero{min-height:0;padding-bottom:160px}
 .seo-detail .seo-detail-hero-content{padding-top:24px;padding-bottom:16px}
 .seo-detail .seo-detail-photo{height:180px;top:auto;bottom:0;object-position:center;object-fit:contain}
 .seo-detail .seo-detail-hero::before{display:none}
 .seo-detail .seo-breadcrumb{margin-bottom:32px;font-size:.8125rem}
 .seo-detail .seo-detail-hero .lead{font-size:1.0625rem;max-width:none}
 .seo-detail .seo-detail-nav .wrap{gap:24px;justify-content:flex-start}
 .seo-detail-nav a{font-size:.875rem;padding:17px 0}
 .seo-detail .seo-two-columns,.seo-detail .seo-process-layout,.seo-detail .seo-detail-cta .seo-two-columns,.seo-detail[data-layout="diagnostic"] .seo-detail-scope>.wrap{grid-template-columns:1fr;gap:28px}
 .seo-detail .seo-process-intro{position:static}
 .seo-detail .seo-scope-grid,.seo-detail[data-layout="growth"] .seo-scope-grid,.seo-detail[data-layout="project"] .seo-scope-grid,.seo-detail[data-layout="search"] .seo-scope-grid{grid-template-columns:1fr;gap:16px}
 .seo-detail[data-layout="growth"] .seo-scope-grid article:first-child{grid-row:auto;padding:25px}
 .seo-detail[data-layout="search"] .seo-scope-grid article:first-child,.seo-detail[data-layout="local"] .seo-scope-grid article:first-child{display:block}
 .seo-detail[data-layout="search"] .seo-scope-grid article:first-child h3,.seo-detail[data-layout="local"] .seo-scope-grid article:first-child h3{margin:14px 0 15px}
 .seo-detail .seo-scope-grid h3{font-size:1.625rem!important}
 .seo-detail[data-layout="growth"] .seo-scope-grid article:first-child h3{font-size:1.875rem!important}
 .seo-detail .seo-audience .lead{font-size:1.125rem}
 .seo-detail .fact-rows>div{column-gap:14px;grid-template-columns:30px minmax(0,1fr)}
 .seo-detail[data-layout="project"] .fact-rows{grid-template-columns:1fr;gap:24px}
 .seo-detail[data-layout="project"] .fact-rows>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 16px}
 .seo-detail[data-layout="project"] .fact-rows h3{margin:0}
 .seo-detail[data-layout="project"] .fact-rows .row-index{font-size:1.25rem;grid-row:1/3}
 .seo-detail .seo-faq summary{font-size:1.0625rem}
 .seo-detail .v2-heading{margin-bottom:30px}
 .seo-detail .seo-detail-cta .button{min-width:220px}
}
@media(prefers-reduced-motion:reduce){.seo-detail .button{transition:none}}