.services-page { color: #25251f; }
.services-page .site-header { background: #fffefa; }
.services-page .section { padding-block: 85px; }
.services-page .button { border-radius: 3px; padding: 14px 24px; }
.services-page h2 { font-size: clamp(2rem,3.3vw,2.9rem); max-width: 1000px; }
.services-page .eyebrow { font-size: .66rem; letter-spacing: .17em; }
.services-page .breadcrumbs { background: #fffefa; padding-bottom: 18px; }
.services-hero { background: #fffefa; padding: 48px 0 0; }
.services-hero h1 { font: 500 clamp(2.65rem,4.5vw,4rem)/1.08 Arial,Helvetica,sans-serif; max-width: 1020px; letter-spacing: -.045em; }
.services-hero h1 em { color: #806325; font: italic 400 1.05em/1.1 Georgia,serif; }
.services-hero .lead { max-width: 800px; font-size: 1.02rem; margin-bottom: 28px; }
.services-jump { display: flex; flex-wrap: wrap; gap: 14px 40px; padding-block: 27px; margin-top: 42px; border-block: 1px solid #e0d8c6; }
.services-jump a { font-size: .78rem; text-decoration: none; padding-block: 7px; }
.services-jump a:hover { text-decoration: underline; text-decoration-color: #806325; }
.services-heading { max-width: 960px; margin-bottom: 38px; }
.services-heading > p:last-child { max-width: 820px; color: #595959; font-size: .94rem; }
.services-core-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: stretch; }
.services-core-grid article { padding: 40px; border-radius: 6px; display: flex; flex-direction: column; align-items: flex-start; }
.seo-feature { background: #292a24; color: #fffefa; }
.local-feature { background: #f1ecdf; color: #25251f; border: 1px solid #e0d6bc; }
.service-kicker { font-size: .63rem; text-transform: uppercase; letter-spacing: .11em; font-weight: 600; color: #765816; margin-bottom: 24px; }
.seo-feature .service-kicker { color: #dec68c; }
.seo-feature h3 { font: 3rem/1.06 Georgia,serif; max-width: 350px; }
.seo-feature h3 em { color: #d7ae4d; }
.local-feature h3 { font: 2.15rem/1.15 Georgia,serif; }
.services-core-grid article > p:not(.service-kicker),.services-core-grid li { font-size: .9rem; line-height: 1.75; }
.seo-feature > p:not(.service-kicker),.seo-feature li { color: #d8d6c9; }
.local-feature > p:not(.service-kicker),.local-feature li { color: #595959; }
.services-core-grid ul { margin: 7px 0 24px; padding-left: 19px; }
.services-core-grid li { padding-left: 2px; margin-bottom: 6px; }
.service-benefit { border-top: 1px solid #b1a68a; padding-top: 19px; width: 100%; }
.seo-feature .service-benefit { border-color: #62604d; }
.service-benefit strong { font-weight: 600; }
.service-detail { display: inline-block; margin-top: auto; padding-top: 14px; font-size: .85rem; font-weight: 600; text-underline-offset: 5px; }
.seo-feature .service-detail { color: #e5c674; }
.services-sites { background: #f7f5ee; }
.sites-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.sites-service-grid h2 em { color: #806325; font-weight: 400; }
.sites-service-grid > div > p:not(.eyebrow) { color: #595959; font-size: .94rem; max-width: 550px; }
.sites-benefits { padding-left: 20px; margin: 22px 0 28px; font-size: .87rem; color: #595959; }
.sites-benefits li { margin-bottom: 6px; }
.site-example { margin: 0; min-width: 0; }
.example-browser { border: 1px solid #d7cdb7; border-radius: 9px; background: #fffefa; overflow: hidden; box-shadow: 12px 16px 0 #e8e1d1; }
.example-browser-bar { background: #e9e5db; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; font-size: .6rem; color: #696253; }
.example-browser-bar > span:first-child { color: #aa9f87; font-size: .55rem; letter-spacing: .06em; }
.law-example { padding: 32px 28px 24px; }
.example-brand { font: 1.02rem Georgia,serif; }
.example-brand span { display: block; font: .47rem Arial,sans-serif; letter-spacing: .16em; margin-top: 7px; color: #806325; }
.law-example-hero { background: #2d322e; color: #fffefa; padding: 33px 23px; border-left: 3px solid #d7ae4d; margin-block: 28px; }
.law-example-hero > p { font: 1.8rem/1.1 Georgia,serif; margin-bottom: 20px; }
.example-contact { display: inline-block; padding: 9px 12px; background: #d7ae4d; color: #25251f; font-size: .55rem; }
.example-areas { display: flex; justify-content: space-between; gap: 10px; font-size: .53rem; padding-bottom: 17px; border-bottom: 1px solid #ded6c4; }
.law-example .example-description { font-size: .63rem; color: #595959; margin: 16px 0 0; }
.site-example figcaption { font-size: .64rem; color: #756b58; margin-top: 30px; }
.ads-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.ads-service-grid article { border-top: 2px solid #d7ae4d; padding-top: 28px; }
.ads-service-grid h3 { font-size: 2rem; }
.ads-service-grid .service-kicker { margin-bottom: 17px; }
.ads-service-grid p:not(.service-kicker) { color: #595959; font-size: .94rem; }
.services-guidance { background: #292a24; color: #fffefa; }
.services-guidance .eyebrow { color: #d7ae4d; }
.service-choices { margin-top: 34px; }
.service-choices a { display: grid; grid-template-columns: 1.25fr .75fr; gap: 35px; padding-block: 23px; border-top: 1px solid #62604d; text-decoration: none; align-items: center; }
.service-choices a:last-child { border-bottom: 1px solid #62604d; }
.service-choices span { color: #d8d6c9; font-size: .9rem; }
.service-choices strong { color: #e5c674; font-size: .9rem; font-weight: 500; }
.service-choices a:hover strong { text-decoration: underline; }
.services-guidance-note { font-size: .8rem; color: #d8d6c9; margin: 27px 0 0; max-width: 830px; }
.services-national p:not(.eyebrow) { color: #595959; max-width: 950px; font-size: .94rem; }
.services-national .button { margin-top: 10px; }
.services-page .contact-section { background: #fffefa; }
.services-page .form-panel { background: #f6f3ec; border-radius: 6px; border-color: #e1d9c8; }
@media (max-width: 1000px) { .services-page .section { padding-block: 70px; } .services-core-grid article { padding: 30px; } .sites-service-grid { gap: 40px; } .ads-service-grid { gap: 35px; } .law-example { padding: 25px 20px; } }
@media (max-width: 760px) { .services-hero { padding-top: 28px; } .services-hero h1 { font-size: clamp(2.55rem,8.5vw,3.7rem); } .services-jump { gap: 8px 20px; margin-top: 30px; padding-block: 20px; } .services-page .section { padding-block: 55px; } .services-core-grid,.sites-service-grid,.ads-service-grid { grid-template-columns: 1fr; gap: 28px; } .services-core-grid article { padding: 29px 25px; } .seo-feature h3 { font-size: 2.8rem; } .local-feature h3 { font-size: 2rem; } .services-heading h2 br { display: none; } .site-example { width: calc(100% - 12px); margin-top: 12px; } .ads-service-grid { gap: 36px; } .service-choices a { grid-template-columns: 1fr; gap: 10px; padding-block: 22px; } .service-choices span,.service-choices strong { font-size: .85rem; } }