/* Shared preview presentation, aligned with the homepage. */
body:has(.brand-header){background:#f8faf8;color:#102c35}
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.lrj-opening){background:#f3f6f3;color:#102c35;border-bottom:1px solid #dce6e1}
body:has(.brand-header) :is(.page-hero,.notes-hero,.sk-hero):before,body:has(.brand-header) :is(.page-hero,.notes-hero,.sk-hero):after{display:none}
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.lrj-opening) h1{color:#102c35;font-weight:750;letter-spacing:-.045em}
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.lrj-opening) h1 :is(span,em){color:#006e78}
body:has(.brand-header) :is(.page-hero,.notes-hero) :is(.page-dek,.hero-intro,.eyebrow,.section-kicker,.breadcrumb,.breadcrumb a,.hero-footnote){color:#47616b}
body:has(.brand-header) :is(.page-hero,.notes-hero) .page-actions>a:not(.button-primary){color:#245661;border-color:#809ca1}
body:has(.brand-header) :is(.page-hero,.notes-hero) .page-actions+p{color:#47616b}
body:has(.brand-header) :is(.content-section,.about-section,.sk-section,.lrj-process,.lrj-detail-section){background-color:#f8faf8}
body:has(.brand-header) :is(.content-section.ice,.content-section.alt,.about-vision,.about-principles,.sk-fit-section,.sk-pricing,.sk-custom-website,.lrj-mobile-section){background:#eaf1ed}
body:has(.brand-header) main :is(h2,h3){font-weight:700;letter-spacing:-.025em}
body:has(.brand-header) main :is(.boundary-card,.service-directory article,.ad-service-cards>article,.ad-service-index>a,.ad-package-card,.process-cards>li,.sk-card,.sk-panel,.sk-price-card,.lrj-skill-grid article,.about-strengths article,.ad-home-path){border-radius:14px;border-color:#d5e1de;box-shadow:0 3px 12px #102c3504}
body:has(.brand-header) :is(.button-primary,.ad-enquire){border-radius:9px}
body:has(.brand-header) .price-panel{background:#102f38;border:1px solid #294b53;border-radius:18px;box-shadow:0 18px 38px #13374012;color:#d5e3e5}
body:has(.brand-header) .price-panel :is(h2,h3,strong,.price){color:#fff}
body:has(.brand-header) .price-panel :is(p,li,small,span){color:#d5e3e5}
body:has(.brand-header) .price-panel a:not(.button){color:#a3e1de}
body:has(.brand-header) .price-panel .button-primary{color:#102c35}
body:has(.brand-header) :is(.cta-band,.about-outro,.sk-final-cta){background:#e7efeb;color:#102c35;border-top:1px solid #d5e1dc}
body:has(.brand-header) :is(.cta-band,.about-outro,.sk-final-cta) :is(h2,h3){color:#102c35}
body:has(.brand-header) :is(.cta-band,.about-outro,.sk-final-cta) p{color:#47616b}
body:has(.brand-header) :is(.cta-band,.about-outro,.sk-final-cta) a:not(.button){color:#006e78}
body:has(.brand-header) .about-outro .about-limit{color:#47616b;border-color:#c6d8d0}
body:has(.brand-header) .about-intro :is(.about-label,.about-lead){color:#47616b}
body:has(.brand-header) .about-actions>a:not(.button){color:#245661}
body:has(.brand-header) .about-profile{background:#102f38;border-color:#294b53;box-shadow:0 18px 38px #13374012}
body:has(.brand-header) .about-profile .about-experience strong{color:#a3e1de}
body:has(.brand-header) .sk-hero :is(.sk-kicker,.sk-lede,.sk-hero-meta){color:#47616b}
body:has(.brand-header) .sk-hero .sk-button-secondary{color:#245661;border-color:#9ab5b8}
body:has(.brand-header) :is(.sk-hero-showcase,.sk-kit-at-glance){background:#102f38;border-color:#294b53;transform:none;box-shadow:0 18px 38px #13374012}
body:has(.brand-header) .sk-final-cta .sk-email-panel{background:#fff;border-color:#d5e1de}
body:has(.brand-header) .lrj-opening :is(.lrj-summary,.lrj-back,.lrj-eyebrow,.lrj-image-hint,.lrj-meta){color:#47616b}
body:has(.brand-header) .lrj-meta{border-color:#cbdcd6}
body:has(.brand-header) .lrj-meta strong{color:#102c35}
body:has(.brand-header) .lrj-desktop{border-color:#c9dad3;box-shadow:0 18px 38px #13374012}
body:has(.brand-header) :is(.contact-aside,.contact-next){background:#102f38;border:1px solid #294b53;border-radius:18px;box-shadow:0 18px 38px #13374012}
body:has(.brand-header) .intake-form{border-radius:14px;border-color:#d5e1de;box-shadow:0 8px 24px #102c3506}
body:has(.brand-header) .ad-project-previews>a{border-radius:14px;border-color:#d5e1de;box-shadow:0 6px 20px #102c3506}
@media(max-width:760px){body:has(.brand-header) main :is(.price-panel,.boundary-card,.about-profile,.sk-kit-at-glance){min-width:0}body:has(.brand-header) :is(.page-hero,.notes-hero) h1{font-size:clamp(30px,8.6vw,38px);line-height:1.12}body:has(.brand-header) .page-actions{flex-wrap:wrap}body:has(.brand-header) .page-actions .button{white-space:normal;text-align:center}body:has(.brand-header) :is(.cta-band,.about-outro,.sk-final-cta) h2{font-size:28px;line-height:1.2}}
body:has(.brand-header) .notes-hero :is(p,a){color:#47616b}
body:has(.brand-header) .page-hero .price-panel .eyebrow{color:#a3e1de}
body:has(.brand-header) .sk-policy-hero{background:#f3f6f3;color:#102c35;border-bottom:1px solid #dce6e1}
body:has(.brand-header) .sk-policy-hero h1{color:#102c35;font-weight:750;letter-spacing:-.045em}
body:has(.brand-header) :is(.sk-policy-hero,.sk-hero) :is(.sk-breadcrumbs,.sk-breadcrumbs a){color:#47616b}
body:has(.brand-header) .sk-policy-hero .sk-lede{color:#47616b}
body:has(.brand-header) .notes-hero .notes-meta,body:has(.brand-header) .notes-hero .notes-meta span{color:#47616b;border-color:#cbdcd6}
/* Restore the blue introductions while retaining the refined content styling. */
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.sk-policy-hero,.lrj-opening){background:#102c35;color:#eef6f3;border-bottom:1px solid #294b53}
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.sk-policy-hero,.lrj-opening) h1{color:#fff}
body:has(.brand-header) :is(.page-hero,.notes-hero,.about-intro,.sk-hero,.lrj-opening) h1 :is(span,em){color:#93d8dd}
body:has(.brand-header) :is(.page-hero,.notes-hero) :is(.page-dek,.hero-intro,.eyebrow,.section-kicker,.breadcrumb,.breadcrumb a,.hero-footnote){color:#d0e2e3}
body:has(.brand-header) :is(.page-hero,.notes-hero) .page-actions>a:not(.button-primary){color:#a3e1de;border-color:#6e999e}
body:has(.brand-header) :is(.page-hero,.notes-hero) .page-actions+p{color:#d0e2e3}
body:has(.brand-header) .notes-hero :is(p,a),body:has(.brand-header) .notes-hero .notes-meta,body:has(.brand-header) .notes-hero .notes-meta span{color:#c5dadd;border-color:#47616b}
body:has(.brand-header) .about-intro :is(.about-label,.about-lead){color:#d0e2e3}
body:has(.brand-header) .about-actions>a:not(.button){color:#a3e1de}
body:has(.brand-header) .sk-hero :is(.sk-kicker,.sk-lede,.sk-hero-meta),body:has(.brand-header) :is(.sk-policy-hero,.sk-hero) :is(.sk-breadcrumbs,.sk-breadcrumbs a),body:has(.brand-header) .sk-policy-hero .sk-lede{color:#d0e2e3}
body:has(.brand-header) .sk-hero .sk-button-secondary{color:#d0e2e3;border-color:#6e999e;background:transparent}
body:has(.brand-header) .lrj-opening :is(.lrj-summary,.lrj-back,.lrj-eyebrow,.lrj-image-hint,.lrj-meta){color:#c5dadd}
body:has(.brand-header) .lrj-meta{border-color:#47616b}
body:has(.brand-header) .lrj-meta strong{color:#fff}
body:has(.brand-header) :is(.price-panel,.about-profile,.sk-hero-showcase,.sk-kit-at-glance){border-color:#47616b}

/* Shared outer alignment; reading widths remain local to each section. */
body:has(.brand-header) .about-shell{width:calc(100% - 48px);max-width:1240px}
body:has(.brand-header) .lrj-wrap{width:calc(100% - 48px);max-width:1240px}
body.direct-contact .contact-simple-hero .page-hero-inner{max-width:1240px}
body.direct-contact main>.content-section{max-width:1288px}