/* Source-preserving green presentation, scoped by SSR route and layout family. */ @font-face { font-family:SJDesignDisplay; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/9ad0ecc6f6ce06e573a48014ddf73be0775d5749c5b3ffe7cdb10f768ba3ba68.woff2') format('woff2'); } body.sj-service-design { --lp-ink:#14382e; --lp-forest:#083e2e; --lp-green:#51c66a; --lp-lime:#c8edaf; --lp-paper:#f8faf7; --lp-line:#dbe6dc; --lp-muted:#4d665a; --lp-radius:16px; background:var(--lp-paper)!important; color:var(--lp-ink)!important; -webkit-font-smoothing:antialiased!important; } body.sj-service-design *,body.sj-service-design *::before,body.sj-service-design *::after { box-sizing:border-box!important; } body.sj-service-design ::selection { color:#073c2b!important; background:#c8edaf!important; } body.sj-service-design a { text-underline-offset:4px!important; } body.sj-service-design :focus-visible { outline:3px solid #24894a!important; outline-offset:4px!important; } body.sj-service-design #content { background:var(--lp-paper)!important; } body.sj-service-design .sjtheme-container { max-width:none!important; padding:0!important; } body.sj-service-design .lp-page { --container-max-width:1240px; color:var(--lp-ink)!important; } body.sj-service-design .lp-page p, body.sj-service-design .lp-page .sjlayout-widget-text-editor { font-size:17px!important; line-height:1.8!important; color:var(--lp-muted)!important; } body.sj-service-design .lp-page h1, body.sj-service-design .lp-page h2, body.sj-service-design .lp-page h3 { font-family:SJDesignDisplay,Montserrat,sans-serif!important; color:var(--lp-ink)!important; letter-spacing:-.035em!important; text-wrap:balance!important; } body.sj-service-design .lp-page h1 { font-size:var(--lp-heading-h1)!important; line-height:1.12!important; font-weight:600!important; } body.sj-service-design .lp-page h2 { font-size:var(--lp-heading-h2)!important; line-height:1.2!important; font-weight:600!important; } body.sj-service-design .lp-page h3 { font-size:var(--lp-heading-h3)!important; line-height:1.3!important; font-weight:600!important; } body.sj-service-design .lp-section:not(.lp-hero) { padding:72px 40px!important; margin:0!important; border-radius:0!important; background-color:var(--lp-paper)!important; } body.sj-service-design .lp-section > .e-con-inner { max-width:1240px!important; width:100%!important; padding:0!important; min-height:0!important; margin-inline:auto!important; gap:32px!important; } body.sj-service-design .lp-section:not(.lp-hero) .sjlayout-widget-heading + .sjlayout-widget-text-editor { margin-top:0!important; } body.sj-service-design .lp-page .sjlayout-widget-text-editor .sjlayout-widget-container { max-width:76ch!important; } body.sj-service-design .lp-page .sjlayout-widget-text-editor p:last-child { margin-bottom:0!important; } body.sj-service-design .sjlayout-button { transition:background-color .18s ease,color .18s ease!important; } body.sj-service-design .lp-page a.sjlayout-button, body.sj-service-design .lp-page button.sjlayout-button { min-height:50px!important; padding:16px 25px!important; border-radius:8px!important; background:var(--lp-forest)!important; color:#fff!important; font-size:15px!important; line-height:1.2!important; font-weight:600!important; border:0!important; } body.sj-service-design .lp-page a.sjlayout-button:hover, body.sj-service-design .lp-page button.sjlayout-button:hover { background:#116a45!important; color:#fff!important; } /* A calm service masthead, with the existing logo and real navigation. */ body.sj-service-design .lp-header [data-id="dcd0c1e"] { background:#f0f5ed!important; color:var(--lp-ink)!important; padding:8px 40px!important; min-height:38px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] > .e-con-inner { max-width:1240px!important; padding:0!important; min-height:0!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] * { color:var(--lp-ink)!important; font-size:12px!important; line-height:1.4!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] svg { width:14px!important; fill:var(--lp-ink)!important; } body.sj-service-design .lp-header [data-id="f8bb3d7"] img { width:62px!important; height:auto!important; } body.sj-service-design .lp-header [data-id="c94ed7f"] { background:var(--lp-forest)!important; width:100%!important; max-width:none!important; padding:16px max(40px,calc((100vw - 1240px)/2))!important; min-height:90px!important; border-radius:0!important; gap:20px!important; } body.sj-service-design .lp-header [data-id="492345d"] { width:220px!important; flex-shrink:0!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:195px!important; height:56px!important; max-height:56px!important; object-fit:contain!important; } body.sj-service-design .lp-header .sjlayout-nav-menu--main .sjlayout-item { color:#fff!important; font-size:14px!important; font-weight:500!important; padding:12px 16px!important; } body.sj-service-design .lp-header .sjlayout-menu-toggle { color:#fff!important; background:transparent!important; min-width:44px!important; min-height:44px!important; } body.sj-service-design .lp-header .sjlayout-menu-toggle svg { fill:#fff!important; width:22px!important; } /* The existing photography carries the hero; forest-toned copy and a clean form. */ body.sj-service-design .lp-hero { position:relative!important; isolation:isolate!important; padding:64px 40px 70px!important; min-height:0!important; margin:0!important; border-radius:0!important; background-color:#143e2e!important; background-position:center!important; background-size:cover!important; } body.sj-service-design .lp-hero::before { background:linear-gradient(90deg,rgba(6,36,27,.96),rgba(6,36,27,.83) 48%,rgba(6,36,27,.28))!important; opacity:1!important; } body.sj-service-design .lp-hero > .e-con-inner { width:100%!important; max-width:1240px!important; margin-inline:auto!important; } body.sj-service-design .lp-hero-shell { display:flex!important; align-items:center!important; flex-direction:row!important; justify-content:space-between!important; width:100%!important; min-height:0!important; padding:0!important; gap:60px!important; } body.sj-service-design .lp-hero-copy { width:calc(54% - 30px)!important; gap:22px!important; padding:0!important; margin:0!important; } body.sj-service-design .lp-hero-copy h1 { color:#fff!important; margin:0!important; } body.sj-service-design .lp-hero-copy .sjlayout-widget-text-editor, body.sj-service-design .lp-hero-copy .sjlayout-widget-text-editor p { color:#e4eee4!important; font-size:16px!important; line-height:1.8!important; font-weight:400!important; } body.sj-service-design .lp-hero-copy .sjlayout-widget-text-editor strong { font-weight:500!important; } body.sj-service-design .lp-hero-copy .sjlayout-widget-heading { margin-bottom:0!important; } body.sj-service-design .lp-hero-copy .sjlayout-image-box-title { font-size:13px!important; line-height:1.5!important; font-weight:500!important; color:#edf4e8!important; letter-spacing:0!important; } body.sj-service-design .lp-hero-copy .sjlayout-image-box-img img { width:23px!important; height:28px!important; object-fit:contain!important; } body.sj-service-design .lp-hero-copy .sjlayout-image-box-wrapper { align-items:center!important; } body.sj-service-design .lp-assurance { margin:0!important; gap:15px!important; } body.sj-service-design .lp-assurance > .e-con { gap:12px!important; } body.sj-service-design .lp-assurance .sjlayout-widget-image img { width:23px!important; height:28px!important; object-fit:contain!important; } body.sj-service-design .lp-hero-actions { gap:12px!important; padding:0!important; margin:0!important; } body.sj-service-design .lp-hero-actions a.sjlayout-button { background:var(--lp-lime)!important; color:#103f2b!important; border:1px solid transparent!important; border-radius:8px!important; min-width:157px!important; } body.sj-service-design .lp-hero-actions > .sjlayout-widget-button + .sjlayout-widget-button a { background:transparent!important; color:#fff!important; border-color:#93ad9a!important; } body.sj-service-design .lp-review-logos img { max-width:330px!important; width:100%!important; object-fit:contain!important; object-position:left center!important; } body.sj-service-design .lp-hero-form { width:calc(46% - 30px)!important; padding:26px!important; border-radius:var(--lp-radius)!important; background:#fff!important; border:0!important; box-shadow:0 18px 55px rgba(0,20,10,.2)!important; gap:16px!important; } body.sj-service-design .lp-hero-form h2 { font-size:23px!important; letter-spacing:-.025em!important; line-height:1.25!important; } body.sj-service-design .lp-hero-form .sjlayout-widget-text-editor { font-size:12px!important; line-height:1.6!important; color:#587061!important; } body.sj-service-design form.sjlayout-form .sjlayout-form-fields-wrapper { gap:13px 12px!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-group { margin-bottom:0!important; } body.sj-service-design form.sjlayout-form label.sjlayout-field-label { font-size:12px!important; font-weight:600!important; line-height:1.5!important; color:var(--lp-ink)!important; margin-bottom:5px!important; } body.sj-service-design form.sjlayout-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body.sj-service-design form.sjlayout-form textarea { color:var(--lp-ink)!important; background:#f8faf7!important; border:1px solid #c6d8cb!important; border-radius:7px!important; min-height:44px!important; padding:10px 12px!important; font-size:16px!important; box-shadow:none!important; } body.sj-service-design form.sjlayout-form input:focus, body.sj-service-design form.sjlayout-form textarea:focus { border-color:#228846!important; outline:2px solid #b2e1ba!important; outline-offset:1px!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-subgroup { gap:6px!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-option { border:1px solid #dce8de!important; background:#f7faf5!important; border-radius:6px!important; min-height:34px!important; padding:7px 8px!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-option label { color:#244c35!important; font-size:11px!important; line-height:1.4!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-option:has(input:checked) { background:#e1f1da!important; border-color:#458651!important; } body.sj-service-design form.sjlayout-form input[type="checkbox"] { accent-color:var(--lp-forest)!important; } body.sj-service-design form.sjlayout-form button.sjlayout-button { width:100%!important; background:var(--lp-forest)!important; border-radius:8px!important; min-height:48px!important; } /* Existing service text becomes clean editorial bands rather than a card stack. */ body.sj-service-design .lp-section.lp-benefit-strip { background:#eaf2e5!important; padding-block:44px!important; } body.sj-service-design .lp-section.lp-benefit-strip > .e-con-inner > .e-con { background:transparent!important; border-radius:0!important; box-shadow:none!important; padding:0 28px!important; } body.sj-service-design .lp-section.lp-benefit-strip > .e-con-inner > .e-con + .e-con { border-left:1px solid #bdd1bc!important; } body.sj-service-design .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:23px!important; color:var(--lp-forest)!important; letter-spacing:-.025em!important; } body.sj-service-design .lp-section.lp-benefit-strip .sjlayout-image-box-description { font-size:14px!important; line-height:1.7!important; color:#49634d!important; } body.sj-service-design .lp-section.lp-benefit-strip img { width:60px!important; height:60px!important; object-fit:contain!important; } body.sj-service-design .lp-section[data-lp-section="2"] { padding-block:42px!important; background:#fff!important; } body.sj-service-design .lp-section[data-lp-section="2"] h2, body.sj-service-design .lp-section[data-lp-section="2"] .sjlayout-heading-title { font-size:17px!important; font-weight:500!important; color:#516452!important; letter-spacing:0!important; } body.sj-service-design .lp-section[data-lp-section="2"] img { max-height:90px!important; object-fit:contain!important; } body.sj-service-design .lp-section[data-lp-section="3"] { padding-top:88px!important; padding-bottom:44px!important; text-align:left!important; } body.sj-service-design .lp-section[data-lp-section="3"] .sjlayout-widget-heading { max-width:820px!important; } body.sj-service-design .lp-process { padding-top:24px!important; padding-bottom:88px!important; } body.sj-service-design .lp-process > .e-con-inner { gap:0!important; align-items:stretch!important; } body.sj-service-design .lp-process > .e-con-inner > .e-con { background:transparent!important; border-radius:0!important; box-shadow:none!important; border:0!important; padding:22px 24px!important; border-top:2px solid #2a7645!important; } body.sj-service-design .lp-process > .e-con-inner > .e-con + .e-con { border-left:1px solid #ceddcb!important; } body.sj-service-design .lp-process h2, body.sj-service-design .lp-process h3 { font-size:23px!important; } body.sj-service-design .lp-process .sjlayout-widget-text-editor { font-size:14px!important; line-height:1.75!important; } body.sj-service-design .lp-contact-section { background:#edf4e9!important; padding-block:76px!important; } body.sj-service-design .lp-contact-section > .sjlayout-widget-heading, body.sj-service-design .lp-contact-section > .sjlayout-widget-text-editor { max-width:1100px!important; margin-inline:auto!important; text-align:left!important; } body.sj-service-design .lp-contact-section > .sjlayout-widget-heading { align-self:stretch!important; } body.sj-service-design .lp-contact-section .sjlayout-widget-text-editor { color:#41614c!important; } body.sj-service-design .lp-faq { background:#fff!important; } body.sj-service-design .lp-faq .sjlayout-accordion-item { border:0!important; border-bottom:1px solid #d7e3d7!important; border-radius:0!important; padding:8px 0!important; } body.sj-service-design .lp-faq .sjlayout-tab-title { padding:20px 0!important; color:var(--lp-ink)!important; font-size:17px!important; line-height:1.5!important; } body.sj-service-design .lp-faq .sjlayout-tab-content { border:0!important; color:#48634f!important; font-size:15px!important; line-height:1.8!important; padding:0 0 22px!important; } body.sj-service-design .lp-faq .sjlayout-accordion-title { color:var(--lp-ink)!important; font-weight:600!important; } body.sj-service-design .lp-faq .sjextra-accordion-list { border:0!important; border-bottom:1px solid #d7e3d7!important; border-radius:0!important; padding:8px 0!important; margin:0!important; background:transparent!important; } body.sj-service-design .lp-faq .sjextra-accordion-header { color:var(--lp-ink)!important; background:transparent!important; padding:18px 0!important; border:0!important; gap:12px!important; } body.sj-service-design .lp-faq .sjextra-accordion-tab-title { color:var(--lp-ink)!important; font-size:18px!important; line-height:1.5!important; font-weight:600!important; letter-spacing:-.02em!important; } body.sj-service-design .lp-faq .sjextra-accordion-content { height:auto!important; max-height:none!important; opacity:1!important; padding:0 0 22px!important; color:#48634f!important; font-size:15px!important; line-height:1.8!important; border:0!important; background:transparent!important; } body.sj-service-design .lp-finance { background:#eaf2e5!important; } body.sj-service-design .lp-finance .e-con-inner { gap:24px!important; } body.sj-service-design .lp-finance h2 { max-width:700px!important; } body.sj-service-design .lp-reviews { background:#fff!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] { background:var(--lp-forest)!important; padding-top:64px!important; padding-bottom:32px!important; } body.sj-service-design .lp-footer [data-id="26b9712"] { max-width:1240px!important; margin:auto!important; padding-inline:40px!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] :is(h1,h2,h3,h4,p,a,.sjlayout-heading-title,.sjlayout-icon-list-text) { color:#f1f5e9!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] .sjlayout-heading-title { font-size:18px!important; letter-spacing:-.02em!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] :is(p,a,.sjlayout-icon-list-text) { font-size:14px!important; line-height:1.8!important; } body.sj-service-design .lp-footer [data-id="3eac117"] { padding-top:24px!important; opacity:.8!important; } body.sj-service-design .lp-page .sjlayout-fixed { width:44px!important; right:0!important; left:auto!important; top:220px!important; } body.sj-service-design .lp-page .sjlayout-fixed .sjlayout-widget-container { transform:none!important; } body.sj-service-design .lp-page .sjlayout-fixed a.sjlayout-button { background:#d0edb9!important; color:#154432!important; border-radius:8px 0 0 8px!important; box-shadow:0 6px 24px rgba(0,20,10,.13)!important; writing-mode:vertical-rl!important; transform:rotate(180deg)!important; padding:18px 12px!important; min-width:44px!important; } /* The mould page uses source inline boxes and an embedded form template. */ body.sj-service-design .lp-mould-page .lp-hero-shell { align-items:flex-start!important; } body.sj-service-design .lp-mould-page .lp-hero-copy h1 { background:transparent!important; padding:0!important; border:0!important; border-radius:0!important; text-shadow:none!important; } body.sj-service-design .lp-mould-page .lp-hero-copy [data-id="697d70c8"] > .sjlayout-widget-container > div { background:transparent!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; box-shadow:none!important; max-height:none!important; height:auto!important; overflow:visible!important; color:#e4eee4!important; } body.sj-service-design .lp-mould-page .lp-hero-form [data-id="988e952"] { padding:0!important; margin:0!important; width:100%!important; max-width:none!important; } body.sj-service-design .lp-mould-page .lp-hero-form [data-id="988e952"] > .e-con-inner { padding:0!important; margin:0!important; width:100%!important; max-width:none!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; } body.sj-service-design .lp-mould-page .lp-hero-form [data-id="6a8b858"],body.sj-service-design .lp-mould-page .lp-hero-form [data-id="a76d782"] { width:100%!important; } body.sj-service-design .lp-video-preview { width:100%!important; } body.sj-service-design .lp-video-preview .sjlayout-wrapper { position:relative!important; aspect-ratio:16/9!important; width:100%!important; height:auto!important; padding:0!important; overflow:hidden!important; border-radius:16px!important; } body.sj-service-design .lp-video-preview .sjlayout-video { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; } body.sj-service-design .lp-video-preview .lp-video-poster { display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; } body.sj-service-design .lp-video-preview .lp-video-play { position:absolute!important; width:80px!important; height:80px!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; } @media (max-width:1024px) { body.sj-service-design .lp-header [data-id="c94ed7f"] { padding:14px 28px!important; } body.sj-service-design .lp-hero { padding:44px 28px 54px!important; } body.sj-service-design .lp-hero-shell { gap:28px!important; } body.sj-service-design .lp-hero-copy { width:calc(53% - 14px)!important; } body.sj-service-design .lp-hero-form { width:calc(47% - 14px)!important; padding:22px!important; } body.sj-service-design .lp-page h1 { font-size:var(--lp-heading-h1)!important; } body.sj-service-design .lp-section:not(.lp-hero) { padding-inline:28px!important; } } @media (max-width:767px) { body.sj-service-design { padding-bottom:76px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] { padding:8px 20px!important; min-height:34px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] > .e-con-inner { gap:4px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] * { font-size:10px!important; } body.sj-service-design .lp-header [data-id="f8bb3d7"] img { width:42px!important; } body.sj-service-design .lp-header [data-id="c94ed7f"] { padding:13px 20px!important; min-height:80px!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; } body.sj-service-design .lp-header [data-id="492345d"] { width:166px!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:155px!important; height:54px!important; } body.sj-service-design .lp-header [data-id="02ff3b0"] { width:0!important; flex:0 0 0!important; padding:0!important; margin:0!important; min-height:0!important; } body.sj-service-design .lp-header [data-id="49d0bc2"] { flex-direction:row!important; width:auto!important; flex-grow:0!important; align-items:center!important; gap:8px!important; } body.sj-service-design .lp-header [data-id="435322a"] { width:44px!important; margin:0!important; } body.sj-service-design .lp-hero { padding:36px 22px 42px!important; min-height:0!important; background-position:62% center!important; } body.sj-service-design .lp-hero::before { background:rgba(7,37,25,.88)!important; } body.sj-service-design .lp-hero-shell { flex-direction:column!important; gap:30px!important; padding:0!important; } body.sj-service-design .lp-hero-copy { width:100%!important; padding:0!important; gap:20px!important; } body.sj-service-design .lp-hero-copy h1 { font-size:var(--lp-heading-h1)!important; line-height:1.14!important; letter-spacing:-.035em!important; text-align:left!important; } body.sj-service-design .lp-hero-copy .sjlayout-widget-text-editor, body.sj-service-design .lp-hero-copy .sjlayout-widget-text-editor p { font-size:15px!important; line-height:1.75!important; } body.sj-service-design .lp-assurance { gap:8px!important; } body.sj-service-design .lp-assurance .sjlayout-image-box-title { font-size:12px!important; } body.sj-service-design .lp-assurance .sjlayout-widget-image-box { width:auto!important; } body.sj-service-design .lp-hero-actions { flex-direction:row!important; width:100%!important; gap:10px!important; } body.sj-service-design .lp-hero-actions > .sjlayout-widget-button { width:calc(50% - 5px)!important; } body.sj-service-design .lp-hero-actions a.sjlayout-button { width:100%!important; min-width:0!important; padding:15px 10px!important; font-size:13px!important; min-height:48px!important; } body.sj-service-design .lp-review-logos { padding-top:2px!important; } body.sj-service-design .lp-review-logos img { width:290px!important; } body.sj-service-design .lp-section:not(.lp-hero) { padding:46px 22px!important; } body.sj-service-design .lp-section > .e-con-inner { gap:26px!important; } body.sj-service-design .lp-page h2 { font-size:var(--lp-heading-h2)!important; line-height:1.22!important; } body.sj-service-design .lp-page h3 { font-size:var(--lp-heading-h3)!important; } body.sj-service-design .lp-page p, body.sj-service-design .lp-page .sjlayout-widget-text-editor { font-size:16px!important; line-height:1.8!important; } body.sj-service-design .lp-section.lp-benefit-strip { padding-block:32px!important; } body.sj-service-design .lp-section.lp-benefit-strip > .e-con-inner > .e-con { padding:12px 0!important; } body.sj-service-design .lp-section.lp-benefit-strip > .e-con-inner > .e-con + .e-con { border-left:0!important; border-top:1px solid #bdd1bc!important; padding-top:26px!important; } body.sj-service-design .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:22px!important; } body.sj-service-design .lp-section.lp-benefit-strip .sjlayout-image-box-description { font-size:15px!important; } body.sj-service-design .lp-section[data-lp-section="2"] { padding-block:30px!important; } body.sj-service-design .lp-section[data-lp-section="2"] .sjlayout-heading-title { font-size:16px!important; } body.sj-service-design .lp-section[data-lp-section="2"] img { max-height:130px!important; } body.sj-service-design .lp-section[data-lp-section="3"] { padding-top:50px!important; padding-bottom:16px!important; } body.sj-service-design .lp-process { padding-top:14px!important; padding-bottom:46px!important; } body.sj-service-design .lp-process > .e-con-inner { gap:0!important; } body.sj-service-design .lp-process > .e-con-inner > .e-con { padding:24px 0!important; border-top:1px solid #bacfb8!important; } body.sj-service-design .lp-process > .e-con-inner > .e-con + .e-con { border-left:0!important; } body.sj-service-design .lp-process h2, body.sj-service-design .lp-process h3 { font-size:23px!important; } body.sj-service-design .lp-faq .sjlayout-tab-title { font-size:16px!important; padding:17px 0!important; } body.sj-service-design .lp-contact-section { padding-block:50px!important; } body.sj-service-design .lp-contact-section .e-con-inner { padding-inline:0!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] { padding-top:46px!important; } body.sj-service-design .lp-footer [data-id="26b9712"] { padding-inline:22px!important; gap:28px!important; } body.sj-service-design .lp-quick-actions { position:fixed!important; bottom:0!important; left:0!important; right:0!important; width:100%!important; z-index:100!important; margin:0!important; padding:8px 6px max(9px,env(safe-area-inset-bottom))!important; min-height:70px!important; background:#fff!important; border-top:1px solid #dae6d8!important; box-shadow:0 -8px 24px rgba(17,56,29,.08)!important; } body.sj-service-design .lp-quick-actions > .e-con-inner { display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:0!important; width:100%!important; padding:0!important; } body.sj-service-design .lp-quick-actions > .e-con-inner > .e-con { width:100%!important; padding:0!important; gap:3px!important; } body.sj-service-design .lp-quick-actions a { color:var(--lp-forest)!important; font-weight:600!important; font-size:11px!important; line-height:1.4!important; } body.sj-service-design .lp-quick-actions svg { width:20px!important; height:20px!important; fill:var(--lp-forest)!important; } body.sj-service-design .lp-quick-actions .sjlayout-heading-title { font-size:11px!important; color:var(--lp-forest)!important; } } @media (prefers-reduced-motion:reduce) { body.sj-service-design *,body.sj-service-design *::before,body.sj-service-design *::after { animation:none!important; transition:none!important; } } /* The original four price cards need two columns at tablet widths so their unchanged KUBIKMETER headings retain a readable, non-overflowing measure. */ @media (min-width:768px) and (max-width:1024px) { body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner > .e-con { width:auto!important; min-width:0!important; max-width:none!important; } } /* Give the unchanged service-card titles their full reading measure on narrow phones. */ @media (max-width:359px) { body.sj-service-design .lp-mould-page [data-id="28e0ed36"] > .e-con-inner { flex-direction:column!important; } body.sj-service-design .lp-mould-page [data-id="28e0ed36"] > .e-con-inner > .e-con { width:100%!important; min-width:0!important; max-width:none!important; } } /* Let the original desktop navigation and contact label use their real font measure without wrapping; the empty spacer absorbs the remaining header room. */ @media (min-width:1025px) { body.sj-service-design .lp-header [data-id="c94ed7f"] { align-items:center!important; } body.sj-service-design .lp-header [data-id="02ff3b0"] { flex:1 1 0!important; width:auto!important; min-width:0!important; } body.sj-service-design .lp-header [data-id="49d0bc2"] { flex:0 0 auto!important; width:max-content!important; min-width:max-content!important; max-width:none!important; } body.sj-service-design .lp-header [data-id="435322a"] { flex:0 0 auto!important; width:max-content!important; max-width:none!important; } body.sj-service-design .lp-header [data-id="435322a"] .sjlayout-nav-menu--main { width:max-content!important; max-width:none!important; } body.sj-service-design .lp-header [data-id="435322a"] .sjlayout-nav-menu--main > .sjlayout-nav-menu { flex-wrap:nowrap!important; white-space:nowrap!important; } body.sj-service-design .lp-header [data-id="9ad9372"] { flex:0 0 auto!important; width:auto!important; max-width:none!important; } body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button { min-width:170px!important; } body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button, body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button-content-wrapper, body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button-text { white-space:nowrap!important; } } /* Compact service presentation requested after the first functional preview. All source words, fields and interactions remain; density comes from layout. */ body.sj-service-design .lp-page p, body.sj-service-design .lp-page .sjlayout-widget-text-editor { font-size:15px!important; line-height:1.6!important; } body.sj-service-design .lp-page h1 { font-size:var(--lp-heading-h1)!important; line-height:1.1!important; } body.sj-service-design .lp-page h2 { font-size:var(--lp-heading-h2)!important; line-height:1.2!important; } body.sj-service-design .lp-page h3 { font-size:var(--lp-heading-h3)!important; line-height:1.25!important; } body.sj-service-design .lp-page .lp-section:not(.lp-hero) { padding:36px 32px!important; } body.sj-service-design .lp-page .lp-section > .e-con-inner { gap:18px!important; } body.sj-service-design .lp-page .lp-section .e-con { min-height:0!important; row-gap:10px!important; } body.sj-service-design .lp-page .lp-section .sjlayout-widget { --widgets-spacing:6px; margin-block:0!important; } body.sj-service-design .lp-page .lp-section .sjlayout-widget-heading .sjlayout-heading-title { margin-block:0!important; } body.sj-service-design .lp-page .sjlayout-widget-text-editor :is(ul,ol) { padding-left:22px!important; margin-block:8px!important; } body.sj-service-design .lp-page a.sjlayout-button, body.sj-service-design .lp-page button.sjlayout-button { min-height:44px!important; padding:11px 18px!important; font-size:14px!important; } /* The brand/contact bar remains complete but loses its inherited empty height. */ body.sj-service-design .lp-header .sjlayout-widget { margin-block:0!important; --widgets-spacing:0px; } body.sj-service-design .lp-header [data-id="dcd0c1e"] { padding:4px 24px!important; min-height:0!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] > .e-con-inner { min-height:0!important; gap:12px!important; align-items:center!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] .e-con { padding:0!important; min-height:0!important; gap:4px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] * { font-size:11px!important; line-height:1.25!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] svg { width:11px!important; height:11px!important; } body.sj-service-design .lp-header [data-id="f8bb3d7"] img { width:44px!important; max-height:19px!important; object-fit:contain!important; } body.sj-service-design .lp-header [data-id="c94ed7f"] { min-height:60px!important; padding:8px max(24px,calc((100vw - 1240px)/2))!important; gap:12px!important; align-items:center!important; } body.sj-service-design .lp-header [data-id="492345d"] { width:168px!important; flex:0 0 168px!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:156px!important; height:42px!important; max-height:42px!important; } body.sj-service-design .lp-header [data-id="49d0bc2"] { flex-direction:row!important; align-items:center!important; gap:10px!important; padding:0!important; margin:0!important; min-height:0!important; } body.sj-service-design .lp-header .sjlayout-nav-menu--main .sjlayout-item { padding:9px 12px!important; font-size:13px!important; line-height:1.25!important; } body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button { min-height:44px!important; min-width:142px!important; padding:10px 16px!important; font-size:13px!important; line-height:1.25!important; white-space:nowrap!important; } /* A short side tab reads in the opposite direction and rounds toward content. */ body.sj-service-design .lp-page .sjlayout-fixed { width:44px!important; top:172px!important; } body.sj-service-design .lp-page .sjlayout-fixed a.sjlayout-button { writing-mode:vertical-rl!important; transform:none!important; min-width:44px!important; width:44px!important; min-height:88px!important; padding:8px!important; font-size:12px!important; line-height:1.2!important; border-radius:8px 0 0 8px!important; box-shadow:0 3px 12px rgba(0,20,10,.1)!important; } body.sj-service-design .lp-page .lp-hero { padding:34px 32px 38px!important; } body.sj-service-design .lp-page .lp-hero-shell { gap:32px!important; } body.sj-service-design .lp-page .lp-hero-copy { width:calc(54% - 16px)!important; gap:13px!important; } body.sj-service-design .lp-page .lp-hero-copy .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-hero-copy .sjlayout-widget-text-editor p { font-size:15px!important; line-height:1.6!important; } body.sj-service-design .lp-page .lp-hero-form { width:calc(46% - 16px)!important; padding:20px!important; gap:10px!important; } body.sj-service-design .lp-page .lp-hero-form h2 { font-size:21px!important; } body.sj-service-design .lp-page .lp-assurance { gap:8px!important; } body.sj-service-design .lp-page .lp-assurance .e-con { gap:6px!important; } body.sj-service-design .lp-page .lp-hero-copy .sjlayout-image-box-title { font-size:12px!important; line-height:1.35!important; } body.sj-service-design .lp-page .lp-hero-copy .sjlayout-image-box-img img { width:19px!important; height:22px!important; } body.sj-service-design .lp-page .lp-review-logos img { max-width:270px!important; } body.sj-service-design form.sjlayout-form .sjlayout-form-fields-wrapper { gap:10px 10px!important; } body.sj-service-design form.sjlayout-form label.sjlayout-field-label { margin-bottom:3px!important; font-size:12px!important; line-height:1.35!important; } body.sj-service-design form.sjlayout-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body.sj-service-design form.sjlayout-form textarea { min-height:44px!important; font-size:16px!important; padding:8px 10px!important; } body.sj-service-design form.sjlayout-form textarea { min-height:84px!important; } body.sj-service-design form.sjlayout-form .sjlayout-field-option { min-height:44px!important; padding:6px 8px!important; } body.sj-service-design form.sjlayout-form button.sjlayout-button { min-height:44px!important; } /* The three post-hero services are compact icon-and-copy entries, not big tiles. */ body.sj-service-design .lp-page .lp-section.lp-benefit-strip { padding:18px 32px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:start!important; gap:20px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner > .e-con { width:auto!important; max-width:none!important; min-width:0!important; min-height:0!important; padding:0!important; gap:4px!important; border:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget { margin:0!important; padding:0!important; --widgets-spacing:0px; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-wrapper { display:grid!important; grid-template-columns:26px minmax(0,1fr)!important; gap:10px!important; align-items:start!important; text-align:left!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-img { width:26px!important; height:26px!important; margin:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip img { width:26px!important; height:26px!important; object-fit:contain!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:15px!important; line-height:1.25!important; margin:0 0 4px!important; letter-spacing:-.02em!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title :is(h1,h2,h3) { font-size:inherit!important; line-height:inherit!important; margin:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-description { margin:0!important; font-size:13px!important; line-height:1.45!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor p { font-size:12px!important; line-height:1.4!important; margin:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor { padding-left:36px!important; } body.sj-service-design .lp-mould-page .lp-section.lp-benefit-strip > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.sj-service-design .lp-page .lp-section[data-lp-section="2"] { padding-block:18px!important; } body.sj-service-design .lp-page .lp-section[data-lp-section="2"] img { max-height:45px!important; width:auto!important; object-fit:contain!important; } body.sj-service-design .lp-page .lp-section[data-lp-section="3"] { padding-top:32px!important; padding-bottom:18px!important; } body.sj-service-design .lp-page .lp-process { padding-block:18px 30px!important; } body.sj-service-design .lp-page .lp-process > .e-con-inner > .e-con { padding:12px 16px!important; gap:6px!important; } body.sj-service-design .lp-page .lp-process :is(h2,h3,.sjlayout-heading-title) { font-size:17px!important; line-height:1.3!important; } body.sj-service-design .lp-page .lp-process .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-process .sjlayout-widget-text-editor p { font-size:13px!important; line-height:1.5!important; } body.sj-service-design .lp-page .lp-contact-section { padding-block:32px!important; } body.sj-service-design .lp-page [data-id="a67254a"] .sjlayout-widget-image img { width:auto!important; height:auto!important; max-height:220px!important; object-fit:contain!important; } body.sj-service-design .lp-page .lp-faq .sjextra-accordion-list { padding:3px 0!important; } body.sj-service-design .lp-page .lp-faq .sjextra-accordion-header { padding:12px 0!important; min-height:44px!important; gap:8px!important; } body.sj-service-design .lp-page .lp-faq .sjextra-accordion-tab-title { font-size:15px!important; line-height:1.4!important; } body.sj-service-design .lp-page .lp-faq .sjextra-accordion-content { padding-bottom:12px!important; font-size:14px!important; line-height:1.55!important; } body.sj-service-design .lp-page .lp-finance .e-con-inner { gap:12px!important; } body.sj-service-design .lp-page .lp-finance img { max-height:36px!important; object-fit:contain!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .wrap { padding:0!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .hero-card { padding:14px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .rating-row { margin-top:10px!important; gap:8px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .stars { gap:3px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .star { width:16px!important; height:16px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .big-rating { font-size:13px!important; line-height:1.4!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .google-chip { padding:5px 8px!important; font-size:12px!important; line-height:1.4!important; gap:5px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .bars { margin-top:10px!important; gap:5px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .bar { gap:8px!important; min-height:18px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .bar label { font-size:12px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .track { height:7px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .cta { margin-top:10px!important; gap:6px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .btn { min-height:44px!important; padding:10px 12px!important; font-size:13px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .grid { margin-top:0!important; gap:10px!important; align-items:start!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .card { padding:14px!important; min-height:0!important; gap:8px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .head { gap:8px!important; align-items:start!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .avatar { width:36px!important; height:36px!important; flex:0 0 36px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .name { font-size:14px!important; line-height:1.3!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .meta { font-size:12px!important; line-height:1.4!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .tags { margin-top:3px!important; gap:4px!important; flex-wrap:wrap!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .tag { padding:2px 5px!important; font-size:11px!important; line-height:1.4!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .body { font-size:14px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .foot { margin-top:0!important; padding-top:6px!important; gap:6px!important; flex-wrap:wrap!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .card :is(p,blockquote) { font-size:14px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] :is(h2,h3) { font-size:22px!important; line-height:1.25!important; } /* Keep all sixteen service destinations in a compact, readable icon list. */ body.sj-service-design .lp-page [data-id="678b5e80"] { padding:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] > .e-con-inner { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px 12px!important; padding:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] > .e-con-inner > .e-con { display:contents!important; } body.sj-service-design .lp-page [data-id="678b5e80"] .sjlayout-widget-icon-box { width:auto!important; min-width:0!important; margin:0!important; padding:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] .sjlayout-icon-box-wrapper { display:grid!important; grid-template-columns:32px minmax(0,1fr)!important; gap:6px!important; align-items:center!important; text-align:left!important; min-height:44px!important; } body.sj-service-design .lp-page [data-id="678b5e80"] .sjlayout-icon-box-icon { display:flex!important; align-items:center!important; justify-content:center!important; width:32px!important; margin:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] .sjlayout-icon { display:flex!important; align-items:center!important; justify-content:center!important; width:32px!important; min-height:44px!important; height:auto!important; font-size:22px!important; line-height:1!important; padding:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] :is(svg,img) { width:22px!important; height:22px!important; object-fit:contain!important; } body.sj-service-design .lp-page [data-id="678b5e80"] :is(.sjlayout-icon-box-title,.sjlayout-icon-box-title h1,.sjlayout-icon-box-title h2,.sjlayout-icon-box-title h3,.sjlayout-heading-title) { margin:0!important; font-size:13px!important; line-height:1.4!important; letter-spacing:0!important; } body.sj-service-design .lp-page [data-id="678b5e80"] .sjlayout-icon-box-title a { display:flex!important; align-items:center!important; min-height:44px!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; align-items:start!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner > .e-con { width:auto!important; max-width:none!important; min-width:0!important; padding:12px!important; gap:8px!important; min-height:0!important; } body.sj-service-design .lp-page [data-id="692f23c3"] :is(h1,h2,h3,.sjlayout-heading-title) { font-size:18px!important; line-height:1.3!important; } body.sj-service-design .lp-page [data-id="692f23c3"] :is(p,.sjlayout-widget-text-editor,.sjlayout-icon-list-text) { font-size:13px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="692f23c3"] img { max-height:54px!important; width:auto!important; object-fit:contain!important; } body.sj-service-design .lp-page [data-id="692f23c3"] [data-widget_type="text-editor.default"] > .sjlayout-widget-container { padding:0!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] { padding-top:32px!important; padding-bottom:20px!important; } body.sj-service-design .lp-footer [data-id="26b9712"] { gap:18px!important; } body.sj-service-design .lp-footer [data-id="3eac117"] { padding-top:12px!important; } @media (max-width:1024px) { body.sj-service-design .lp-header [data-id="c94ed7f"] { flex-direction:row!important; flex-wrap:nowrap!important; padding:6px 16px!important; min-height:58px!important; gap:8px!important; } body.sj-service-design .lp-header [data-id="492345d"] { flex:0 0 140px!important; width:140px!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:138px!important; height:40px!important; max-height:40px!important; } body.sj-service-design .lp-header [data-id="02ff3b0"] { flex:1 1 0!important; width:auto!important; min-width:0!important; padding:0!important; margin:0!important; min-height:0!important; } body.sj-service-design .lp-header [data-id="49d0bc2"] { flex:0 0 auto!important; flex-direction:row!important; width:max-content!important; min-width:0!important; gap:6px!important; } body.sj-service-design .lp-header [data-id="435322a"] { width:44px!important; flex:0 0 44px!important; margin:0!important; } body.sj-service-design .lp-header [data-id="9ad9372"] { width:auto!important; flex:0 0 auto!important; } body.sj-service-design .lp-header [data-id="9ad9372"] .sjlayout-button { font-size:12px!important; padding:9px 10px!important; min-width:96px!important; min-height:44px!important; } body.sj-service-design .lp-page .lp-hero { padding:26px 24px 28px!important; } body.sj-service-design .lp-page .lp-hero-shell { gap:24px!important; } body.sj-service-design .lp-page .lp-hero-copy { width:calc(53% - 12px)!important; } body.sj-service-design .lp-page .lp-hero-form { width:calc(47% - 12px)!important; padding:16px!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (min-width:768px) { body.sj-service-design .lp-header [data-id="dcd0c1e"] > .e-con-inner { flex-direction:row!important; flex-wrap:nowrap!important; } body.sj-service-design .lp-header [data-id="3c302ce"] { width:auto!important; flex:1 1 auto!important; } body.sj-service-design .lp-header [data-id="dcd420f"] { width:44px!important; flex:0 0 44px!important; } body.sj-service-design .lp-header [data-id="f8bb3d7"] { width:44px!important; flex:0 0 auto!important; } body.sj-service-design .lp-header [data-id="af9ee2b"], body.sj-service-design .lp-header [data-id="6516ee6"] { flex-direction:row!important; flex:0 0 auto!important; width:max-content!important; white-space:nowrap!important; align-items:center!important; } body.sj-service-design .lp-header [data-id="af9ee2b"] .sjlayout-widget, body.sj-service-design .lp-header [data-id="6516ee6"] .sjlayout-widget { width:auto!important; } } @media (max-width:767px) { body.sj-service-design { padding-bottom:62px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] { padding:4px 12px!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] > .e-con-inner { display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; gap:2px 8px!important; justify-content:space-between!important; } body.sj-service-design .lp-header [data-id="3c302ce"] { width:calc(100% - 54px)!important; flex:1 1 calc(100% - 54px)!important; } body.sj-service-design .lp-header [data-id="dcd420f"] { display:contents!important; } body.sj-service-design .lp-header [data-id="f8bb3d7"] { width:44px!important; flex:0 0 44px!important; } body.sj-service-design .lp-header [data-id="db68a9f"] { width:100%!important; flex:1 1 100%!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; } body.sj-service-design .lp-header [data-id="8448d14"], body.sj-service-design .lp-header [data-id="9cf65be"] { width:auto!important; flex:0 1 auto!important; gap:4px!important; flex-direction:row!important; align-items:center!important; } body.sj-service-design .lp-header [data-id="92d603d"], body.sj-service-design .lp-header [data-id="f0e8aad"] { width:auto!important; } body.sj-service-design .lp-header [data-id="dcd0c1e"] * { font-size:10px!important; line-height:1.3!important; } body.sj-service-design .lp-header [data-id="c94ed7f"] { padding:6px 12px!important; min-height:56px!important; } body.sj-service-design .lp-header [data-id="492345d"] { width:128px!important; flex-basis:128px!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:126px!important; height:38px!important; max-height:38px!important; } body.sj-service-design .lp-page h1 { font-size:var(--lp-heading-h1)!important; line-height:1.12!important; } body.sj-service-design .lp-page h2 { font-size:var(--lp-heading-h2)!important; line-height:1.22!important; } body.sj-service-design .lp-page h3 { font-size:var(--lp-heading-h3)!important; line-height:1.3!important; } body.sj-service-design .lp-page p, body.sj-service-design .lp-page .sjlayout-widget-text-editor { font-size:14px!important; line-height:1.55!important; } body.sj-service-design .lp-page .lp-section:not(.lp-hero) { padding:26px 44px 26px 16px!important; } body.sj-service-design .lp-page .lp-section > .e-con-inner { gap:14px!important; } body.sj-service-design .lp-page .lp-hero { padding:22px 44px 26px 16px!important; } body.sj-service-design .lp-page .lp-hero-shell { flex-direction:column!important; gap:18px!important; } body.sj-service-design .lp-page .lp-hero-copy { width:100%!important; gap:12px!important; } body.sj-service-design .lp-page .lp-hero-copy h1 { font-size:var(--lp-heading-h1)!important; line-height:1.12!important; } body.sj-service-design .lp-page .lp-hero-copy .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-hero-copy .sjlayout-widget-text-editor p { font-size:14px!important; line-height:1.55!important; } body.sj-service-design .lp-page .lp-hero-form { width:100%!important; padding:14px!important; } body.sj-service-design .lp-page .lp-hero-actions { gap:8px!important; } body.sj-service-design .lp-page .lp-hero-actions a.sjlayout-button { padding:10px 8px!important; font-size:12px!important; min-height:44px!important; } body.sj-service-design .lp-page .lp-assurance { gap:6px!important; } body.sj-service-design .lp-page .lp-review-logos img { width:240px!important; max-width:100%!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip { padding-block:14px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner { gap:12px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:15px!important; line-height:1.25!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-description { font-size:13px!important; line-height:1.45!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor p { font-size:12px!important; line-height:1.4!important; } body.sj-service-design .lp-page .lp-section[data-lp-section="2"] { padding-block:14px!important; } body.sj-service-design .lp-page .lp-section[data-lp-section="3"] { padding-top:26px!important; padding-bottom:12px!important; } body.sj-service-design .lp-page .lp-process { padding-block:12px 24px!important; } body.sj-service-design .lp-page .lp-process > .e-con-inner > .e-con { padding:12px 0!important; } body.sj-service-design .lp-page .lp-process :is(h2,h3,.sjlayout-heading-title) { font-size:16px!important; line-height:1.3!important; } body.sj-service-design .lp-page .lp-process .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-process .sjlayout-widget-text-editor p { font-size:13px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="a67254a"] .sjlayout-widget-image img { max-height:140px!important; } body.sj-service-design .lp-page .lp-faq .sjextra-accordion-tab-title { font-size:15px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .card { padding:12px!important; } body.sj-service-design .lp-page [data-id="c2bc6e9"] .card :is(p,blockquote) { font-size:14px!important; line-height:1.5!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner { gap:10px!important; } body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner > .e-con { padding:9px!important; } body.sj-service-design .lp-page [data-id="692f23c3"] :is(h1,h2,h3,.sjlayout-heading-title) { font-size:15px!important; line-height:1.3!important; } body.sj-service-design .lp-page [data-id="692f23c3"] :is(p,.sjlayout-widget-text-editor,.sjlayout-icon-list-text) { font-size:12px!important; line-height:1.45!important; } body.sj-service-design .lp-page [data-id="692f23c3"] a.sjlayout-button { font-size:12px!important; padding:10px 6px!important; } body.sj-service-design .lp-quick-actions { min-height:54px!important; padding:4px 4px max(4px,env(safe-area-inset-bottom))!important; } body.sj-service-design .lp-quick-actions > .e-con-inner > .e-con { display:block!important; position:relative!important; min-height:44px!important; height:44px!important; gap:0!important; } body.sj-service-design .lp-quick-actions .sjlayout-widget-icon-box { position:relative!important; width:100%!important; height:44px!important; margin:0!important; } body.sj-service-design .lp-quick-actions .sjlayout-icon-box-wrapper { position:relative!important; width:100%!important; height:44px!important; } body.sj-service-design .lp-quick-actions .sjlayout-icon-box-icon { position:absolute!important; inset:0!important; width:100%!important; margin:0!important; } body.sj-service-design .lp-quick-actions a.sjlayout-icon { display:flex!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:44px!important; min-height:44px!important; padding-top:2px!important; } body.sj-service-design .lp-quick-actions .sjlayout-icon-box-content { position:absolute!important; bottom:0!important; left:0!important; right:0!important; width:100%!important; margin:0!important; pointer-events:none!important; } body.sj-service-design .lp-quick-actions .sjlayout-icon-box-title { margin:0!important; font-size:11px!important; line-height:20px!important; } body.sj-service-design .lp-quick-actions .sjlayout-icon-box-content a { display:block!important; width:100%!important; min-height:22px!important; line-height:20px!important; pointer-events:auto!important; } body.sj-service-design .lp-quick-actions svg { width:18px!important; height:18px!important; } body.sj-service-design .lp-page [data-id="678b5e80"] > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px 10px!important; } body.sj-service-design .lp-footer [data-id="0f72bf6"] { padding-top:26px!important; } body.sj-service-design .lp-footer [data-id="26b9712"] { padding-inline:16px!important; gap:14px!important; } } @media (min-width:360px) and (max-width:767px) { body.sj-service-design .lp-header [data-id="492345d"] { width:154px!important; flex-basis:154px!important; } body.sj-service-design .lp-header [data-id="dbf8db5"] img { width:152px!important; } } @media (max-width:359px) { body.sj-service-design .lp-page [data-id="678b5e80"] > .e-con-inner { grid-template-columns:minmax(0,1fr)!important; gap:2px!important; } } @media (max-width:599px) { body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner, body.sj-service-design .lp-mould-page .lp-section.lp-benefit-strip > .e-con-inner { grid-template-columns:minmax(0,1fr)!important; } } /* Final measured corrections: keep the shared form stylesheet from shrinking embedded desktop fields, and remove only empty space around support copy. */ html body.sj-service-design .lp-page form.sjlayout-form[data-migration-form] :is(input.sjlayout-field:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea.sjlayout-field,select.sjlayout-field) { font-size:16px!important; min-height:44px!important; } html body.sj-service-design .lp-page form.sjlayout-form[data-migration-form] textarea.sjlayout-field { min-height:84px!important; } body.sj-service-design .lp-page .lp-section.lp-finance { padding-block:24px!important; } body.sj-service-design .lp-page .lp-finance .sjlayout-widget-text-editor > .sjlayout-widget-container { max-width:900px!important; width:100%!important; margin-inline:auto!important; } body.sj-service-design .lp-page .lp-finance .sjlayout-widget-text-editor p { margin-block:0 8px!important; } body.sj-service-design .lp-page .lp-finance .sjlayout-widget-button { width:100%!important; } body.sj-service-design .lp-page .lp-finance .sjlayout-button-wrapper { text-align:center!important; } body.sj-service-design .lp-page [data-id="a67254a"] [data-id="7488996b"] { padding-bottom:0!important; } body.sj-service-design .lp-page [data-id="a67254a"] .sjlayout-widget-text-editor p { margin-block:0 8px!important; } @media (max-width:767px) { body.sj-service-design .lp-page .lp-section.lp-finance { padding-block:20px!important; } } /* Price lists must retain their text measure inside narrow two-column cards. */ body.sj-service-design .lp-page [data-id="692f23c3"] > .e-con-inner > .e-con > .e-con { padding:2px!important; } body.sj-service-design .lp-page [data-id="692f23c3"] :is(ul,ol) { margin-inline:0!important; padding-inline-start:16px!important; padding-inline-end:0!important; width:100%!important; box-sizing:border-box!important; } /* Shared green identity, with a source-aware layout for each page family. */ body.sj-service-design { --lp-route-accent:hsl(var(--lp-route-accent-h,151) 35% 28%); --lp-route-tint:hsl(var(--lp-route-accent-h,151) 25% 96%); } body.sj-service-design .lp-hero::after { content:""; position:absolute; bottom:0; left:0; width:var(--lp-route-rule,50%); height:2px; background:hsl(var(--lp-route-accent-h,151) 35% 65%); pointer-events:none; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip, body.sj-service-design .lp-mould-page .lp-section.lp-benefit-strip { padding:16px 24px!important; background:#eaf2e5!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner, body.sj-service-design .lp-page.lp-mould-page .lp-section.lp-benefit-strip > .e-con-inner { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner > .e-con { width:auto!important; max-width:none!important; padding:0!important; margin:0!important; border:0!important; min-width:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-description { overflow-wrap:normal!important; word-break:normal!important; hyphens:manual; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor { padding-left:36px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor a { display:inline-flex!important; align-items:center!important; min-height:32px!important; } /* The home page keeps its own introduction and source photography. */ body.sj-layout-home .lp-hero { border-radius:0 0 22px 22px!important; } body.sj-layout-home .lp-hero-copy h1 { font-size:var(--lp-heading-h1)!important; max-width:32ch!important; } body.sj-layout-home .lp-page [data-id="7fbbc576"] > .e-con-inner { align-items:start!important; } body.sj-layout-home .lp-page [data-id="7fbbc576"] .sjlayout-widget-heading { flex:1 1 33%!important; min-width:0!important; } body.sj-layout-home .lp-page [data-id="7fbbc576"] .sjlayout-widget-text-editor { flex:1 1 60%!important; min-width:0!important; } body.sj-layout-local .lp-hero { border-radius:0 0 0 18px!important; } body.sj-layout-local .lp-page [data-id="73b8d563"] h2, body.sj-layout-local .lp-page [data-id="73b8d563"] .sjlayout-heading-title { font-size:22px!important; line-height:1.25!important; color:var(--lp-ink)!important; } body.sj-layout-local .lp-page [data-id="73b8d563"] .sjlayout-widget-text-editor { text-align:left!important; } body.sj-layout-local .lp-page .lp-section .sjlayout-widget-text-editor :is(ul,ol) { margin-inline:0!important; padding-inline-start:22px!important; } /* A quiet, readable page frame replaces the unstyled theme content. */ body.sj-service-design:is(.sj-layout-theme,.sj-layout-article,.sj-layout-archive) #primary { width:100%!important; margin:0!important; padding:0!important; } body.sj-service-design .lp-basic { width:100%!important; max-width:1100px!important; margin-inline:auto!important; padding:40px 32px!important; } body.sj-service-design .lp-basic > article { padding:0!important; margin:0!important; background:transparent!important; border:0!important; } body.sj-service-design .lp-basic .entry-header { padding:0 0 12px!important; margin:0 0 16px!important; border-bottom:1px solid var(--lp-line)!important; } body.sj-service-design .lp-basic .entry-content { max-width:76ch!important; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) :is(h1,h2,h3,h4) { font-family:SJDesignDisplay,Montserrat,sans-serif!important; color:var(--lp-ink)!important; letter-spacing:-.025em!important; overflow-wrap:break-word; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) h1 { font-size:var(--lp-heading-h1)!important; line-height:1.15!important; font-weight:600!important; margin-block:0 10px!important; } body.sj-service-design :is(.lp-basic,.lp-reader) h2 { font-size:var(--lp-heading-h2)!important; line-height:1.25!important; margin-block:var(--lp-heading-h2-before) 8px!important; } body.sj-service-design :is(.lp-basic,.lp-reader) h3 { font-size:var(--lp-heading-h3)!important; line-height:1.3!important; margin-block:var(--lp-heading-h3-before) 6px!important; } body.sj-service-design :is(.lp-basic,.lp-reader) :is(p,li) { font-size:15px!important; line-height:1.65!important; color:var(--lp-muted)!important; } body.sj-service-design :is(.lp-basic,.lp-reader) p { margin-block:0 14px!important; } body.sj-service-design :is(.lp-basic,.lp-reader) :is(ul,ol) { margin:8px 0 18px!important; padding-inline-start:22px!important; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) a { color:var(--lp-forest)!important; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) a:hover { color:#116a45!important; } body.sj-service-design :is(.lp-basic,.lp-reader) blockquote { padding:16px 20px!important; margin:22px 0!important; border:0!important; background:var(--lp-route-tint)!important; color:var(--lp-forest)!important; } body.sj-service-design .lp-basic .entry-content > h1 { font-size:var(--lp-heading-h1)!important; } body.sj-service-design.sj-route-accent-1 .lp-basic .entry-header, body.sj-service-design.sj-route-accent-4 .lp-basic .entry-header { background:var(--lp-route-tint)!important; padding:22px!important; border-radius:0 16px 0 0!important; } body.sj-service-design.sj-route-accent-2 .lp-basic .entry-header, body.sj-service-design.sj-route-accent-5 .lp-basic .entry-header { border-top:2px solid var(--lp-route-accent)!important; padding-top:18px!important; } /* Article pages use an editorial reading column and retain related content. */ body.sj-service-design .lp-reader { width:100%!important; max-width:1240px!important; margin-inline:auto!important; padding:32px!important; background:var(--lp-paper)!important; } body.sj-service-design .lp-reader > .sjlayout-top-section { padding:18px 0!important; } body.sj-service-design .lp-reader > .sjlayout-top-section > .sjlayout-container { max-width:1120px!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-title { max-width:940px!important; margin:0 auto 8px!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-title::after, body.sj-service-design .lp-basic .entry-header::after, body.sj-service-design .lp-archive [data-id="9d7ef13"]::after { content:""; display:block; width:var(--lp-route-rule,50%); height:2px; margin-top:14px; background:var(--lp-route-accent); pointer-events:none; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-title h1 { max-width:44ch!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-content { max-width:78ch!important; margin-inline:auto!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-featured-image img { max-height:440px!important; width:100%!important; object-fit:contain!important; border-radius:12px!important; } body.sj-service-design .lp-reader .sjlayout-widget-post-info { font-size:12px!important; color:var(--lp-muted)!important; } body.sj-service-design .lp-reader .sjlayout-author-box { padding:18px!important; border-top:1px solid var(--lp-line)!important; background:var(--lp-route-tint)!important; } body.sj-service-design .lp-reader .sjlayout-author-box__avatar img { width:56px!important; height:56px!important; object-fit:cover!important; } body.sj-service-design .lp-reader .sj-guide { max-width:78ch!important; margin-inline:auto!important; background:transparent!important; } body.sj-service-design .lp-reader .sj-guide :is(.sj-guide__toc,.sj-guide__sources) { padding:18px!important; background:var(--lp-route-tint)!important; border:0!important; border-radius:8px!important; } body.sj-service-design.sj-route-accent-1 .lp-reader .sjlayout-widget-theme-post-title, body.sj-service-design.sj-route-accent-4 .lp-reader .sjlayout-widget-theme-post-title { border-bottom:2px solid var(--lp-route-accent)!important; padding-bottom:16px!important; } body.sj-service-design.sj-route-accent-2 .lp-reader .sjlayout-widget-theme-post-featured-image img, body.sj-service-design.sj-route-accent-5 .lp-reader .sjlayout-widget-theme-post-featured-image img { border-radius:2px 20px 2px 20px!important; } /* Archives are a compact editorial index, not oversized nested card stacks. */ body.sj-service-design .lp-archive { width:100%!important; max-width:1240px!important; margin-inline:auto!important; padding:36px 32px!important; } body.sj-service-design.sj-layout-archive .sjtheme-archive-description { max-width:1176px!important; margin:28px auto 0!important; padding:0 32px!important; border:0!important; background:transparent!important; } body.sj-service-design.sj-layout-archive .sjtheme-archive-description h1 { color:var(--lp-ink)!important; font-family:SJDesignDisplay,Montserrat,sans-serif!important; font-size:var(--lp-heading-h1)!important; line-height:1.15!important; } body.sj-service-design .lp-archive [data-id="9d7ef13"] { padding:0 0 28px!important; } body.sj-service-design .lp-archive [data-id="f681964"] { padding:0!important; } body.sj-service-design .lp-archive [data-id="f681964"] > .e-con-inner { gap:28px!important; } body.sj-service-design .lp-archive [data-id="279a2db"] { min-width:0!important; } body.sj-service-design .lp-archive [data-id="341eff2"] { padding:16px!important; background:var(--lp-route-tint)!important; border-radius:0!important; min-width:0!important; } body.sj-service-design .lp-archive [data-id="341eff2"] .sjlayout-heading-title { font-size:18px!important; } body.sj-service-design .lp-archive .sjlayout-posts-container, body.sj-service-design .lp-archive > .sjtheme-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post { min-width:0!important; width:auto!important; margin:0!important; padding:0 0 18px!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; border-bottom:1px solid var(--lp-line)!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__card { background:transparent!important; box-shadow:none!important; border-radius:0!important; padding:0!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__text { padding:12px 0 0!important; margin:0!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__title { font-size:20px!important; line-height:1.3!important; margin:0 0 10px!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__excerpt :is(p,li) { font-size:14px!important; line-height:1.6!important; margin:0 0 12px!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__meta-data { padding:10px 0!important; margin:0!important; border:0!important; font-size:12px!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__thumbnail img { object-fit:contain!important; } body.sj-service-design .lp-archive .sjtheme-article-post { float:none!important; width:auto!important; margin:0!important; padding:0 0 22px!important; border:0!important; border-bottom:1px solid var(--lp-line)!important; background:transparent!important; box-shadow:none!important; } body.sj-service-design .lp-archive .sjtheme-article-inner { padding:0!important; background:transparent!important; } body.sj-service-design .lp-archive .entry-title { font-family:SJDesignDisplay,Montserrat,sans-serif!important; font-size:22px!important; line-height:1.25!important; margin:12px 0!important; } body.sj-service-design .lp-archive :is(.entry-content,.sjtheme-excerpt-container) { font-size:14px!important; line-height:1.6!important; } body.sj-service-design .lp-archive .sjtheme-blog-featured-section img { width:100%!important; max-height:260px!important; object-fit:contain!important; } /* Route-specific green and rule proportions: each page keeps its own pairing. */ body.sj-route-h-0 { --lp-route-accent-h:135; } body.sj-route-h-1 { --lp-route-accent-h:136; } body.sj-route-h-2 { --lp-route-accent-h:137; } body.sj-route-h-3 { --lp-route-accent-h:138; } body.sj-route-h-4 { --lp-route-accent-h:139; } body.sj-route-h-5 { --lp-route-accent-h:140; } body.sj-route-h-6 { --lp-route-accent-h:141; } body.sj-route-h-7 { --lp-route-accent-h:142; } body.sj-route-h-8 { --lp-route-accent-h:143; } body.sj-route-h-9 { --lp-route-accent-h:144; } body.sj-route-h-10 { --lp-route-accent-h:145; } body.sj-route-h-11 { --lp-route-accent-h:146; } body.sj-route-h-12 { --lp-route-accent-h:147; } body.sj-route-h-13 { --lp-route-accent-h:148; } body.sj-route-h-14 { --lp-route-accent-h:149; } body.sj-route-h-15 { --lp-route-accent-h:150; } body.sj-route-h-16 { --lp-route-accent-h:151; } body.sj-route-h-17 { --lp-route-accent-h:152; } body.sj-route-h-18 { --lp-route-accent-h:153; } body.sj-route-h-19 { --lp-route-accent-h:154; } body.sj-route-h-20 { --lp-route-accent-h:155; } body.sj-route-h-21 { --lp-route-accent-h:156; } body.sj-route-h-22 { --lp-route-accent-h:157; } body.sj-route-h-23 { --lp-route-accent-h:158; } body.sj-route-h-24 { --lp-route-accent-h:159; } body.sj-route-h-25 { --lp-route-accent-h:160; } body.sj-route-h-26 { --lp-route-accent-h:161; } body.sj-route-h-27 { --lp-route-accent-h:162; } body.sj-route-h-28 { --lp-route-accent-h:163; } body.sj-route-h-29 { --lp-route-accent-h:164; } body.sj-route-h-30 { --lp-route-accent-h:165; } body.sj-route-d-0 { --lp-route-detail:0; --lp-route-rule:25%; } body.sj-route-d-1 { --lp-route-detail:.05; --lp-route-rule:27%; } body.sj-route-d-2 { --lp-route-detail:.1; --lp-route-rule:29%; } body.sj-route-d-3 { --lp-route-detail:.15; --lp-route-rule:31%; } body.sj-route-d-4 { --lp-route-detail:.2; --lp-route-rule:33%; } body.sj-route-d-5 { --lp-route-detail:.25; --lp-route-rule:35%; } body.sj-route-d-6 { --lp-route-detail:.3; --lp-route-rule:37%; } body.sj-route-d-7 { --lp-route-detail:.35; --lp-route-rule:39%; } body.sj-route-d-8 { --lp-route-detail:.4; --lp-route-rule:41%; } body.sj-route-d-9 { --lp-route-detail:.45; --lp-route-rule:43%; } body.sj-route-d-10 { --lp-route-detail:.5; --lp-route-rule:45%; } body.sj-route-d-11 { --lp-route-detail:.55; --lp-route-rule:47%; } body.sj-route-d-12 { --lp-route-detail:.6; --lp-route-rule:49%; } body.sj-route-d-13 { --lp-route-detail:.65; --lp-route-rule:51%; } body.sj-route-d-14 { --lp-route-detail:.7; --lp-route-rule:53%; } body.sj-route-d-15 { --lp-route-detail:.75; --lp-route-rule:55%; } body.sj-route-d-16 { --lp-route-detail:.8; --lp-route-rule:57%; } body.sj-route-d-17 { --lp-route-detail:.85; --lp-route-rule:59%; } body.sj-route-d-18 { --lp-route-detail:.9; --lp-route-rule:61%; } body.sj-route-d-19 { --lp-route-detail:.95; --lp-route-rule:63%; } body.sj-route-d-20 { --lp-route-detail:1; --lp-route-rule:65%; } /* Contact and about retain their own original compositions and content. */ body.sj-layout-contact .lp-page [data-id="44646c6"], body.sj-layout-about .lp-page [data-id="974e9cd"] { background:var(--lp-route-tint)!important; padding-block:32px!important; } body.sj-layout-contact .lp-page [data-id="1d5267b"] { width:100%!important; max-width:900px!important; padding:28px 32px!important; margin-inline:auto!important; gap:16px!important; } body.sj-layout-contact .lp-page [data-id="6064107"] { padding:20px!important; border-radius:12px!important; background:#fff!important; box-shadow:0 8px 24px rgba(0,20,10,.08)!important; } body.sj-layout-about .lp-page [data-id="3c834ea"] > .e-con-inner { align-items:start!important; gap:32px!important; } body.sj-layout-about .lp-page [data-id="855450c"] { flex:1 1 60%!important; min-width:0!important; } body.sj-layout-about .lp-page [data-id="d189442"] { flex:1 1 35%!important; min-width:0!important; } body.sj-layout-about .lp-page [data-id="d189442"] img { width:100%!important; max-height:420px!important; object-fit:contain!important; border-radius:12px!important; } body.sj-layout-about .lp-page [data-id="855450c"] :is(p,li) { font-size:15px!important; line-height:1.65!important; } @media (max-width:1024px) { body.sj-service-design .lp-reader { padding:28px 24px!important; } body.sj-service-design .lp-reader > .sjlayout-top-section > .sjlayout-container { width:100%!important; } body.sj-service-design .lp-archive [data-id="f681964"] > .e-con-inner { gap:20px!important; } } @media (max-width:767px) { /* Preserve all three complete descriptions side by side, including at320px. */ body.sj-service-design .lp-page .lp-section.lp-benefit-strip, body.sj-service-design .lp-mould-page .lp-section.lp-benefit-strip { padding:14px 44px 14px 12px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip > .e-con-inner, body.sj-service-design .lp-page.lp-mould-page .lp-section.lp-benefit-strip > .e-con-inner { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-wrapper { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:7px!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip :is(.sjlayout-image-box-img,.sjlayout-image-box-img img) { width:22px!important; height:22px!important; margin:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-content { width:100%!important; min-width:0!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:13px!important; line-height:1.3!important; letter-spacing:-.015em!important; margin:0 0 5px!important; overflow-wrap:normal!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-description { font-size:12px!important; line-height:1.45!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor, body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor p { padding-left:0!important; font-size:12px!important; line-height:1.4!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-widget-text-editor a { min-height:36px!important; } body.sj-layout-home .lp-hero { border-radius:0 0 16px 16px!important; } body.sj-layout-home .lp-hero-copy h1 { font-size:var(--lp-heading-h1)!important; } body.sj-layout-home .lp-page [data-id="7fbbc576"] > .e-con-inner { flex-direction:column!important; } body.sj-layout-home .lp-page [data-id="7fbbc576"] :is(.sjlayout-widget-heading,.sjlayout-widget-text-editor) { width:100%!important; flex:auto!important; } body.sj-layout-local .lp-page [data-id="73b8d563"] h2 { font-size:21px!important; } body.sj-service-design .lp-basic { padding:26px 44px 30px 16px!important; } body.sj-service-design :is(.lp-basic,.lp-reader) :is(p,li) { font-size:14px!important; line-height:1.6!important; } body.sj-service-design :is(.lp-basic,.lp-reader) h1 { font-size:var(--lp-heading-h1)!important; } body.sj-service-design :is(.lp-basic,.lp-reader) h2 { font-size:var(--lp-heading-h2)!important; margin-top:24px!important; } body.sj-service-design .lp-reader { padding:24px 44px 28px 16px!important; } body.sj-service-design .lp-reader .sjlayout-top-section { padding:12px 0!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-featured-image img { max-height:260px!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-content { width:100%!important; max-width:none!important; } body.sj-service-design .lp-reader .sjlayout-column-gap-default > .sjlayout-column > .sjlayout-element-populated { padding:0!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-title h1 { max-width:44ch!important; } body.sj-service-design .lp-archive { padding:24px 44px 28px 16px!important; } body.sj-service-design.sj-layout-archive .sjtheme-archive-description { margin-top:24px!important; padding:0 44px 0 16px!important; } body.sj-service-design .lp-archive [data-id="f681964"] > .e-con-inner { flex-direction:column!important; gap:24px!important; } body.sj-service-design .lp-archive [data-id="279a2db"], body.sj-service-design .lp-archive [data-id="341eff2"] { width:100%!important; } body.sj-service-design .lp-archive .sjlayout-posts-container, body.sj-service-design .lp-archive > .sjtheme-row { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px 12px!important; } body.sj-service-design :is(.lp-reader,.lp-archive) .sjlayout-post__title, body.sj-service-design .lp-archive .entry-title { font-size:17px!important; line-height:1.3!important; } body.sj-service-design .lp-archive .sjtheme-blog-featured-section img { max-height:160px!important; } body.sj-layout-contact .lp-page [data-id="1d5267b"] { padding:24px 44px 24px 16px!important; } body.sj-layout-contact .lp-page [data-id="6064107"] { padding:14px!important; } body.sj-layout-about .lp-page [data-id="3c834ea"] > .e-con-inner { flex-direction:column!important; gap:20px!important; } body.sj-layout-about .lp-page [data-id="855450c"], body.sj-layout-about .lp-page [data-id="d189442"] { width:100%!important; flex:auto!important; } body.sj-layout-about .lp-page [data-id="d189442"] img { max-height:280px!important; } } /* First rendered review: correct inherited contrast, hidden mastheads and narrow-copy collisions without changing any original element or text. */ body.sj-service-design { --lp-logo-width:156px; --lp-logo-height:42px; } html body.sj-service-design .lp-header[data-sjlayout-id="47"], html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="c94ed7f"] { background-color:var(--lp-forest)!important; box-shadow:none!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="dcd0c1e"] { display:flex!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="dbf8db5"] a { display:block!important; min-height:0!important; gap:0!important; line-height:0!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="dbf8db5"] a::before, html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="dbf8db5"] a::after { content:normal!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="dbf8db5"] img { position:static!important; width:var(--lp-logo-width)!important; height:var(--lp-logo-height)!important; max-height:var(--lp-logo-height)!important; padding:0!important; margin:0!important; overflow:visible!important; clip:auto!important; clip-path:none!important; white-space:normal!important; object-fit:contain!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="c94ed7f"] [data-id="435322a"] .sjlayout-nav-menu--main .sjlayout-item, html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="c94ed7f"] [data-id="435322a"] .sjlayout-menu-toggle { color:#fff!important; fill:#fff!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="c94ed7f"] [data-id="435322a"] .sjlayout-menu-toggle :is(svg,svg *) { fill:#fff!important; } body.sj-service-design .lp-header nav :is(ul,li) { list-style:none!important; } body.sj-service-design .lp-header nav li { padding:0!important; margin:0!important; } body.sj-service-design .lp-header nav li::before, body.sj-service-design .lp-footer li::before { content:normal!important; } html body.sj-service-design.sj-layout-contact .lp-page [data-id="44646c6"], html body.sj-service-design.sj-layout-about .lp-page [data-id="974e9cd"] { --min-height:0px!important; min-height:140px!important; height:auto!important; padding:24px!important; margin:0!important; justify-content:center!important; } html body.sj-service-design.sj-layout-contact .lp-page [data-id="44646c6"] h1, html body.sj-service-design.sj-layout-about .lp-page [data-id="974e9cd"] h1, html body.sj-service-design.sj-layout-archive .lp-archive [data-id="9d7ef13"] h1 { color:#fff!important; margin:0!important; } html body.sj-service-design.sj-layout-contact .lp-page [data-id="44646c6"]::before, html body.sj-service-design.sj-layout-about .lp-page [data-id="974e9cd"]::before, html body.sj-service-design.sj-layout-archive .lp-archive [data-id="9d7ef13"]::before { background-image:linear-gradient(100deg,rgba(6,36,27,.92),rgba(6,36,27,.72))!important; opacity:1!important; } html body.sj-service-design.sj-layout-archive .lp-archive [data-id="9d7ef13"] { --min-height:0px!important; min-height:160px!important; height:auto!important; padding:24px!important; margin:0 0 24px!important; justify-content:center!important; } body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title { min-width:0!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; } body.sj-service-design .lp-page .lp-section:not(.lp-hero) .sjlayout-widget-text-editor > .sjlayout-widget-container > :is(div,section)[style*="linear-gradient"] { background:var(--lp-route-tint)!important; border:1px solid var(--lp-line)!important; border-radius:8px!important; box-shadow:none!important; padding:16px!important; margin-block:16px!important; color:var(--lp-ink)!important; font-family:inherit!important; } body.sj-layout-about .lp-page [data-id="855450c"] .wrap { padding:0!important; width:100%!important; } body.sj-layout-about .lp-page [data-id="855450c"] .hero { gap:16px!important; } body.sj-layout-about .lp-page [data-id="855450c"] :is(.card,.hero-card) { padding:18px!important; margin:0!important; min-height:0!important; background:#fff!important; border:1px solid var(--lp-line)!important; border-radius:12px!important; box-shadow:none!important; color:var(--lp-ink)!important; } body.sj-layout-about .lp-page [data-id="855450c"] :is(.card,.hero-card) :is(p,li) { color:var(--lp-muted)!important; } body.sj-layout-about .lp-page [data-id="855450c"] .contact a { display:inline-flex!important; align-items:center!important; min-height:44px!important; padding:9px 12px!important; color:var(--lp-forest)!important; background:#fff!important; border:1px solid var(--lp-line)!important; border-radius:8px!important; font-size:14px!important; } body.sj-service-design .lp-reader .sjlayout-widget-theme-post-title > .sjlayout-widget-container { margin:0!important; padding:0!important; } body.sj-service-design .lp-reader [data-id="2c9a60ca"] > .sjlayout-widget-container { padding:6px 10px!important; margin:0!important; border-radius:6px!important; background:var(--lp-route-tint)!important; } body.sj-service-design .lp-reader [data-id="2c9a60ca"] .sjlayout-heading-title { font-size:12px!important; line-height:1.4!important; margin:0!important; } body.sj-service-design .lp-reader [data-id="244462a"] > .sjlayout-element-populated { padding:18px!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; } body.sj-service-design .lp-reader .sjlayout-post__title { font-size:16px!important; line-height:1.35!important; } body.sj-service-design .lp-reader .sjlayout-widget-post-info .sjlayout-icon-list-text, body.sj-service-design .lp-reader .sjlayout-widget-post-info .sjlayout-icon-list-text a { font-size:12px!important; color:var(--lp-muted)!important; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) a.sjlayout-button, body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) button.sjlayout-button { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:10px 16px!important; color:#fff!important; background:var(--lp-forest)!important; border:0!important; border-radius:8px!important; font-size:14px!important; line-height:1.4!important; } body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) a.sjlayout-button:hover, body.sj-service-design :is(.lp-basic,.lp-reader,.lp-archive) button.sjlayout-button:hover { color:#fff!important; background:#116a45!important; } body.sj-service-design .lp-archive .sjlayout-search-form__submit { min-width:44px!important; min-height:44px!important; background:var(--lp-forest)!important; color:#fff!important; } body.sj-service-design .lp-archive .sjlayout-search-form__submit svg { fill:#fff!important; } body.sj-service-design .lp-footer [data-id="a16a1da"] > .sjlayout-widget-container { width:220px!important; max-width:100%!important; margin-inline:auto!important; padding:8px 12px!important; background:var(--lp-paper)!important; border-radius:8px!important; } body.sj-service-design .lp-footer [data-id="a16a1da"] img { width:196px!important; max-width:100%!important; height:auto!important; max-height:84px!important; object-fit:contain!important; } body.sj-service-design .lp-footer a.sjlayout-button { min-height:44px!important; padding:10px 16px!important; color:#f1f5e9!important; background:transparent!important; border:1px solid #93ad9a!important; border-radius:8px!important; font-size:14px!important; } body.sj-service-design .lp-footer a.sjlayout-button:hover { color:#fff!important; background:#116a45!important; } body.sj-service-design .lp-footer .sjlayout-social-icon svg { fill:#f1f5e9!important; } body.sj-service-design .lp-footer [data-id="3eac117"] p { color:#f1f5e9!important; font-size:12px!important; } body.sj-service-design #sjtheme-scroll-top { background:var(--lp-forest)!important; color:#fff!important; border-radius:6px!important; } @media (max-width:1024px) { body.sj-service-design { --lp-logo-width:138px; --lp-logo-height:40px; } } @media (max-width:767px) { body.sj-service-design { --lp-logo-width:126px; --lp-logo-height:38px; } html body.sj-service-design.sj-layout-contact .lp-page [data-id="44646c6"], html body.sj-service-design.sj-layout-about .lp-page [data-id="974e9cd"] { min-height:112px!important; padding:20px 44px 20px 16px!important; } html body.sj-service-design.sj-layout-archive .lp-archive [data-id="9d7ef13"] { min-height:144px!important; padding:20px 16px!important; } body.sj-service-design .lp-reader [data-id="244462a"] > .sjlayout-element-populated { padding:0!important; } body.sj-layout-about .lp-page [data-id="855450c"] :is(.card,.hero-card) { padding:16px!important; } } @media (min-width:360px) and (max-width:767px) { body.sj-service-design { --lp-logo-width:152px; } } /* The original header CTA has a source logo-image background on blog routes; a plain action surface keeps the real label visible and readable everywhere. */ html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="9ad9372"] a.sjlayout-button { background-image:none!important; background-color:var(--lp-green)!important; color:var(--lp-forest)!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="9ad9372"] a.sjlayout-button .sjlayout-button-text { color:inherit!important; } html body.sj-service-design .lp-header[data-sjlayout-id="47"] [data-id="9ad9372"] a.sjlayout-button:hover { background-color:#116a45!important; color:#fff!important; } @media (max-width:359px) { body.sj-service-design .lp-page .lp-section.lp-benefit-strip .sjlayout-image-box-title { font-size:12px!important; letter-spacing:-.02em!important; } } /* Existing category labels retain their source green surface and wording. */ body.sj-service-design :is(.lp-archive,.lp-reader) .sjlayout-post__badge, body.sj-service-design :is(.lp-archive,.lp-reader) .sjlayout-post__badge a { color:var(--lp-forest)!important; } /* Compact heading scale, 2026-10-30. Typography only: original words, heading tags, controls and three-column strip remain. */ body.sj-service-design { --lp-heading-h1:34px; --lp-heading-h2:26px; --lp-heading-h3:20px; --lp-heading-h2-before:20px; --lp-heading-h3-before:16px; } @media (max-width:1024px) { body.sj-service-design { --lp-heading-h1:30px; --lp-heading-h2:22px; --lp-heading-h3:19px; } } @media (max-width:767px) { body.sj-service-design { --lp-heading-h1:26px; --lp-heading-h2:20px; --lp-heading-h3:18px; --lp-heading-h2-before:16px; --lp-heading-h3-before:14px; } body.sj-service-design :is(.lp-basic,.lp-reader) h2 { margin-top:var(--lp-heading-h2-before)!important; } }