/*! Squarespace LESS Compiler  (less.js language v1.3.3)  */
@font-face{font-family:Montserrat-ExtraBold;src:url(../fonts/Montserrat-ExtraBold.otf)}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat-Light.otf)}h1{font-family:Montserrat-ExtraBold}h2{font-family:Montserrat-ExtraBold}h3{font-family:Montserrat-ExtraBold}h4{font-family:Montserrat-Light}.sqsrte-large{font-family:Montserrat-Light}p{font-family:Montserrat-Light}.sqsrte-small{font-family:Montserrat-Light}.header-title-text a{font-family:Montserrat-Light !important}.header-nav-item a{font-family:Montserrat-Light !important}.header--menu-open a{font-family:Montserrat-Light !important}.header-actions-action .btn{font-family:Montserrat-Light !important}.sqs-announcement-bar-url a{font-family:Montserrat-Light !important}.sqs-block-button-element--small,.sqs-button-element--tertiary{font-family:Montserrat-Light !important}.sqs-block-button-element--medium,.sqs-button-element--primary{font-family:Montserrat-Light !important}.sqs-block-button-element--large,.sqs-button-element--secondary{font-family:Montserrat-Light !important}header#header a.btn{font-size:calc((1.1 - 1) * 1.2vw + 1rem) !important;font-family:Montserrat-ExtraBold !important;background-color:#003349 !important;color:#f5e1a4;border-color:#003349 !important}section[data-section-id="65157df856123525b5651d35"] .sqs-block-accordion .accordion-item__title-wrapper{background-color:#003349 !important;color:#f5e1a4 !important;font-weight:bold}section[data-section-id="65157df856123525b5651d35"] .accordion-divider{color:#003349 !important}section[data-section-id="65157df856123525b5651d35"] .accordion-item__description{max-width:unset !important;padding:20px !important}section[data-section-id="65157df856123525b5651d35"] .accordion-item__title-wrapper{padding-left:0 !important;padding-right:0 !important}section[data-section-id="65157df856123525b5651d35"] .accordion-item__click-target{padding-left:20px !important;padding-right:20px !important}@media screen and (max-width:760px){h1,h2,h3,h4,p{text-align:center !important}}

/* Header logo sizing. Template default is max-height 90px desktop /
   68px mobile (site.css) -- restored to those values here; an earlier
   wordmark logo needed a smaller override to avoid colliding with the
   nav at full size, but the current "with background" boxed logo
   (240x62 at the old 62px override) had visible headroom before the
   nav at every width tested (1309/1024/768/375px), so it's back to
   the template's own default size. Revisit if a future logo file
   collides with the nav again at these heights. */
.header-title-logo a,.header-title-logo img{max-height:90px !important}
@media screen and (max-width:767px){.header-title-logo a,.header-title-logo img{max-height:68px !important}}

/* ============================================================
   Navy re-theme: section backgrounds gold -> navy (#003349), generic
   text black on light bg / white on dark bg, per the "With Background"
   logo's colourway. Buttons (background + text) and headings on the
   dark sections use the theme gold (#f5e1a4) as their own accent pass,
   layered on afterwards -- see the button/heading rules below.
   ============================================================ */

/* In-page primary buttons (button blocks + the invisible skip-to-content
   link) were riding site.css's --primaryButtonBackgroundColor chain,
   which resolves to gold in too many section-theme combinations to
   safely retarget at the variable level -- overridden directly instead,
   same approach already used for the header CTA button above. These all
   sit on light backgrounds (white header/hero/sections), so navy fill +
   cream text -- the "Learn more" button below is the one exception,
   sitting on a navy section instead, so it gets the inverse pairing. */
.header-skip-link.sqs-button-element--primary,
.sqs-block-button-element--medium.sqs-button-element--primary{background-color:#003349 !important;color:#f5e1a4 !important;border-color:#003349 !important}

/* Exception: this button sits on the "40 years" section's navy fill, so
   it needs cream background/navy text (the inverse of the light-context
   rule above) to stay visible against its dark surroundings. */
section[data-section-id="649d1efa5aa59f21e34d0b84"] .sqs-button-element--primary{background-color:#f5e1a4 !important;color:#003349 !important;border-color:#f5e1a4 !important}

/* The 5 sections that were previously gold-filled (".section-background")
   site-wide: homepage "40 years" + "Industries We Work With", About Us
   quote block, Our Services "industries" block, and the shared footer.
   Background -> navy; their own text -> white for contrast (the site-wide
   --black-hsl revert above only restores the default black-on-light
   pairing, it doesn't know these particular sections are now dark). */
section[data-section-id="649d1efa5aa59f21e34d0b84"] .section-background,
section[data-section-id="649d12d73bf32575d5db84be"] .section-background,
section[data-section-id="652b4e9c8d0886035bbf8d2d"] .section-background,
section[data-section-id="652c903891cb676047962830"] .section-background,
section[data-section-id="649d24a3e50cff1aa439a9ff"] .section-background{background-color:#003349 !important}

section[data-section-id="649d1efa5aa59f21e34d0b84"] h1,section[data-section-id="649d1efa5aa59f21e34d0b84"] h2,section[data-section-id="649d1efa5aa59f21e34d0b84"] h3,section[data-section-id="649d1efa5aa59f21e34d0b84"] h4,section[data-section-id="649d1efa5aa59f21e34d0b84"] p,section[data-section-id="649d1efa5aa59f21e34d0b84"] li,section[data-section-id="649d1efa5aa59f21e34d0b84"] a,section[data-section-id="649d1efa5aa59f21e34d0b84"] strong,
section[data-section-id="649d12d73bf32575d5db84be"] h1,section[data-section-id="649d12d73bf32575d5db84be"] h2,section[data-section-id="649d12d73bf32575d5db84be"] h3,section[data-section-id="649d12d73bf32575d5db84be"] h4,section[data-section-id="649d12d73bf32575d5db84be"] p,section[data-section-id="649d12d73bf32575d5db84be"] li,section[data-section-id="649d12d73bf32575d5db84be"] a,section[data-section-id="649d12d73bf32575d5db84be"] strong,
section[data-section-id="652b4e9c8d0886035bbf8d2d"] h1,section[data-section-id="652b4e9c8d0886035bbf8d2d"] h2,section[data-section-id="652b4e9c8d0886035bbf8d2d"] h3,section[data-section-id="652b4e9c8d0886035bbf8d2d"] h4,section[data-section-id="652b4e9c8d0886035bbf8d2d"] p,section[data-section-id="652b4e9c8d0886035bbf8d2d"] li,section[data-section-id="652b4e9c8d0886035bbf8d2d"] a,section[data-section-id="652b4e9c8d0886035bbf8d2d"] strong,
section[data-section-id="652c903891cb676047962830"] h1,section[data-section-id="652c903891cb676047962830"] h2,section[data-section-id="652c903891cb676047962830"] h3,section[data-section-id="652c903891cb676047962830"] h4,section[data-section-id="652c903891cb676047962830"] p,section[data-section-id="652c903891cb676047962830"] li,section[data-section-id="652c903891cb676047962830"] a,section[data-section-id="652c903891cb676047962830"] strong,
section[data-section-id="649d24a3e50cff1aa439a9ff"] h1,section[data-section-id="649d24a3e50cff1aa439a9ff"] h2,section[data-section-id="649d24a3e50cff1aa439a9ff"] h3,section[data-section-id="649d24a3e50cff1aa439a9ff"] h4,section[data-section-id="649d24a3e50cff1aa439a9ff"] p,section[data-section-id="649d24a3e50cff1aa439a9ff"] li,section[data-section-id="649d24a3e50cff1aa439a9ff"] a,section[data-section-id="649d24a3e50cff1aa439a9ff"] strong
{color:#fff !important}

/* H2s within those same dark sections go gold instead of white --
   covers the homepage "we see your potential" / "industries we work
   with" headings, the About Us Jack Ma quote, and the Our Services
   "industries" heading (the footer has no h2, nothing to add there).
   Later in the cascade than the white rule above so it wins despite
   equal specificity/importance; doesn't touch the "industries" keyword
   span, which already carries its own explicit white colour class. */
section[data-section-id="649d1efa5aa59f21e34d0b84"] h2,
section[data-section-id="649d12d73bf32575d5db84be"] h2,
section[data-section-id="652b4e9c8d0886035bbf8d2d"] h2,
section[data-section-id="652c903891cb676047962830"] h2{color:#f5e1a4 !important}

/* The Jack Ma quote's entire h2 text is itself wrapped in a <strong> (bold
   rich-text formatting), which -- like the "industries" span above --
   directly matches the white-text rule and beats the h2's inherited gold.
   Scoped to h2>strong specifically so it doesn't touch the unrelated
   <strong> tags used as inline emphasis elsewhere (e.g. the Our Services
   industries descriptions), which are meant to stay white. */
section[data-section-id="652b4e9c8d0886035bbf8d2d"] h2 strong{color:#f5e1a4 !important}

/* The "industries" keyword inside the two Industries headings, and the
   5 industry-name <strong> tags (Cafes & Restaurants, Construction &
   Trades, Small Businesses, Medical Practitioners & Allied Health,
   Professionals) below them, also go gold rather than white -- both
   pull from the same "white text on dark bg" rule above and need an
   equal-or-later, more-specific override to win. */
section[data-section-id="649d12d73bf32575d5db84be"] h2 .sqsrte-text-color--white,
section[data-section-id="652c903891cb676047962830"] h2 .sqsrte-text-color--white,
section[data-section-id="649d12d73bf32575d5db84be"] strong,
section[data-section-id="652c903891cb676047962830"] strong{color:#f5e1a4 !important}

/* Accordion ("What sets us apart") fixes:
   1) Click dead-zone: the legacy rule above put 20px left/right padding
      on .accordion-item__title-wrapper (the <h4>, i.e. the whole visible
      navy bar) rather than on the actual clickable <button> inside it.
      A content-box parent's padding doesn't enlarge a flex child that
      fills its content area, so the button rendered 40px narrower than
      the bar it sits in -- a 20px dead strip down each edge where clicks
      landed on the <h4>'s padding, missed the button, and did nothing.
      Moved the padding onto .accordion-item__click-target (the button)
      instead, so the clickable area now matches the visible bar exactly.
   2) The dropdown chevron is a CSS-drawn rotated square (border-right +
      border-bottom forming a "v"), not a currentColor icon, so setting
      the tab's text colour to gold above didn't touch it -- it was still
      the site's default near-black, barely visible on the new navy fill.
      Overridden directly to gold to match the tab text. */
section[data-section-id="65157df856123525b5651d35"] .arrow{border-color:#f5e1a4 !important}

/* The 5 industry icons (coffee/house/store/doctor/business-man) are dark
   line-art on transparent PNGs -- invisible on the new navy fill. They
   only ever appear inside these two sections, so recolouring every <img>
   in scope to white via filter is safe (no photos live in either one). */
section[data-section-id="649d12d73bf32575d5db84be"] img,
section[data-section-id="652c903891cb676047962830"] img{filter:brightness(0) invert(1)}

/* ============================================================
   Site-wide background recolour: every surface that was plain
   white (page body, header chrome, and every section EXCEPT the
   5 navy ones above) becomes cream (#f5e1a4) instead. Scoped to
   .section-background/.section-border broadly rather than the
   underlying --white-hsl variable those surfaces are ultimately
   driven by -- that variable also feeds ~700 other component
   colours (many unrelated: course lists, product grids, blog
   layouts none of which this site uses, but also some active
   ones like generic heading/paragraph colour presets) that would
   take a full separate audit to change safely. Overriding the
   concrete elements directly is the same lower-risk approach used
   for the button/section colours above, and composes safely with
   them: the section-scoped navy rules above are more specific than
   this blanket one, so they continue to win for those 5 sections
   regardless of source order. */
body,
header#header{background-color:#f5e1a4 !important}
.section-background,
.section-border{background-color:#f5e1a4 !important}

/* ============================================================
   Everything below replaces SquareKicker (a third-party Squarespace
   styling plugin the previous site owner used, now fully removed --
   see index.html etc. history for what it looked like). It ran a live
   script on every page load that decoded a base64 config and added
   classes to specific elements to apply the effects below, backed by
   a separate CSS file (css/sk_styles_*.css, also removed). Ported
   here as plain static rules instead: same visual effects, same
   selectors and values (copied straight from that file, one section-
   scoped class expanded to its actual member selectors, dead rules
   whose targets no longer exist after this project's own form rebuild
   dropped), but no third-party script, no hidden base64 config, and
   no separate file to lose track of.
   ============================================================ */

/* The 5 navy sections get a 60px solid border at desktop/tablet,
   stepping down to 20px at mobile (the second rule below is more
   specific -- direct data-section-id selector vs. a shared class --
   so it naturally wins under 768px without needing !important).
   Colour was white in the original (invisible against the page's old
   white background, which is the whole reason nobody had noticed this
   effect existed); recoloured to the new cream to match everywhere
   else that used to be white. */
section[data-section-id="649d1efa5aa59f21e34d0b84"],
section[data-section-id="649d12d73bf32575d5db84be"],
section[data-section-id="652b4e9c8d0886035bbf8d2d"],
section[data-section-id="652c903891cb676047962830"],
section[data-section-id="649d24a3e50cff1aa439a9ff"]{border-color:#f5e1a4;border-width:60px;box-sizing:border-box;border-style:solid}
@media screen and (max-width:767px){
  section[data-section-id="649d1efa5aa59f21e34d0b84"],
  section[data-section-id="649d12d73bf32575d5db84be"],
  section[data-section-id="652b4e9c8d0886035bbf8d2d"],
  section[data-section-id="652c903891cb676047962830"],
  section[data-section-id="649d24a3e50cff1aa439a9ff"]{border-width:20px;box-sizing:border-box;border-style:solid}
}

/* Heading blocks across those same 5 sections shrink 15% at <=1400px
   and centre themselves at <=767px (large-text paragraphs in the
   description blocks get the same centring at mobile). */
@media screen and (max-width:1400px){
  #block-d8e409e181c71238f32a p.sqsrte-large,#block-d8e409e181c71238f32a p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-527c981bc917940ecd1c p.sqsrte-large,#block-527c981bc917940ecd1c p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-040a5d14a7a094a3e57b p.sqsrte-large,#block-040a5d14a7a094a3e57b p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-7cf291cea48d34f72df2 p.sqsrte-large,#block-7cf291cea48d34f72df2 p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-0786ba3141532174efdb p.sqsrte-large,#block-0786ba3141532174efdb p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-aa45647cd3867fbc2917 p.sqsrte-large,#block-aa45647cd3867fbc2917 p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-84845822d61b900200ec p.sqsrte-large,#block-84845822d61b900200ec p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-c8fe47d5b33c7f37077e p.sqsrte-large,#block-c8fe47d5b33c7f37077e p.sqsrte-large span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--large-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--large-text-size-value) * 1rem)) * 0.9) !important}
}
@media screen and (max-width:767px){
  #block-d8e409e181c71238f32a p.sqsrte-large,#block-d8e409e181c71238f32a p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-527c981bc917940ecd1c p.sqsrte-large,#block-527c981bc917940ecd1c p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-040a5d14a7a094a3e57b p.sqsrte-large,#block-040a5d14a7a094a3e57b p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-7cf291cea48d34f72df2 p.sqsrte-large,#block-7cf291cea48d34f72df2 p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-0786ba3141532174efdb p.sqsrte-large,#block-0786ba3141532174efdb p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-aa45647cd3867fbc2917 p.sqsrte-large,#block-aa45647cd3867fbc2917 p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-84845822d61b900200ec p.sqsrte-large,#block-84845822d61b900200ec p.sqsrte-large span[class^="sqsrte-text-color"],
  #block-c8fe47d5b33c7f37077e p.sqsrte-large,#block-c8fe47d5b33c7f37077e p.sqsrte-large span[class^="sqsrte-text-color"]
  {text-align:center !important}
}

/* Description blocks across the same 5 sections centre their body
   text at mobile only (no font-size change for these). */
@media screen and (max-width:767px){
  #block-11ffe484a9a141639332 p:not(.sqsrte-large):not(.sqsrte-small),#block-11ffe484a9a141639332 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-3ceade363af7ab0ba7d3 p:not(.sqsrte-large):not(.sqsrte-small),#block-3ceade363af7ab0ba7d3 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-1725dc120129e1140514 p:not(.sqsrte-large):not(.sqsrte-small),#block-1725dc120129e1140514 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-4736a8191e1054d7c0ae p:not(.sqsrte-large):not(.sqsrte-small),#block-4736a8191e1054d7c0ae p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-a9e825b8a652b2d8e339 p:not(.sqsrte-large):not(.sqsrte-small),#block-a9e825b8a652b2d8e339 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-6a3a5dbfaf5518856fbf p:not(.sqsrte-large):not(.sqsrte-small),#block-6a3a5dbfaf5518856fbf p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-b0facaa940049fbdf486 p:not(.sqsrte-large):not(.sqsrte-small),#block-b0facaa940049fbdf486 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"],
  #block-12c8bb46b29828484edd p:not(.sqsrte-large):not(.sqsrte-small),#block-12c8bb46b29828484edd p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {text-align:center !important}
}
/* Two of those same description blocks also carry the large-text
   shrink/centre pair above (they double as "heading" in that preset
   and "description" in this one -- both effects were real and both
   are preserved). */
@media screen and (max-width:1400px){
  #block-12c8bb46b29828484edd p.sqsrte-large,#block-12c8bb46b29828484edd p.sqsrte-large span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--large-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--large-text-size-value) * 1rem)) * 0.9) !important}
}
@media screen and (max-width:767px){
  #block-12c8bb46b29828484edd p.sqsrte-large,#block-12c8bb46b29828484edd p.sqsrte-large span[class^="sqsrte-text-color"]
  {text-align:center !important}
}

/* Remaining one-off per-block responsive tweaks from the same source,
   unrelated to the 5 navy sections -- mostly hero/page-title heading
   sizes and a couple of body-paragraph sizes at specific breakpoints. */
@media screen and (max-width:767px){
  #block-ba85d6cf6ab732e95dfc h1,#block-ba85d6cf6ab732e95dfc h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.68) !important}
  #block-1967880068760f0617f5 h1,#block-1967880068760f0617f5 h1 span[class^="sqsrte-text-color"]{text-align:center !important}
  #block-2d8c6c8ce78d639d8062 h2,#block-2d8c6c8ce78d639d8062 h2 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-2-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-2-size-value) * 1rem)) * 0.64) !important;text-align:center !important}
  #block-e8370e04d5632889e662 h1,#block-e8370e04d5632889e662 h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.84) !important;text-align:center !important}
  #block-7851f9721d23e88cc84b h1,#block-7851f9721d23e88cc84b h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.76) !important;text-align:center !important}
  #block-4a950710b9d92a4942ce h1,#block-4a950710b9d92a4942ce h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.65) !important}
  #block-e88a6bc79a5064104475 h2,#block-e88a6bc79a5064104475 h2 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-2-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-2-size-value) * 1rem)) * 0.72) !important}
  #block-8ff701d0412d6a79356d{transform:translateY(-2%) !important}
}
@media screen and (max-width:1400px){
  #block-ba2c8e55a0e0f2d4b25f h1,#block-ba2c8e55a0e0f2d4b25f h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.88) !important}
  #block-e8370e04d5632889e662 h1,#block-e8370e04d5632889e662 h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.94) !important}
  #block-7851f9721d23e88cc84b h1,#block-7851f9721d23e88cc84b h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.9) !important}
  #block-398bb7248662a704aef8 p.sqsrte-large,#block-398bb7248662a704aef8 p.sqsrte-large span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--large-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--large-text-size-value) * 1rem)) * 0.9) !important}
  #block-ca58283854e8271db998 p.sqsrte-large,#block-ca58283854e8271db998 p.sqsrte-large span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--large-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--large-text-size-value) * 1rem)) * 0.9) !important}
  #block-a380ca667e72cebb18a6 p:not(.sqsrte-large):not(.sqsrte-small),#block-a380ca667e72cebb18a6 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--normal-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--normal-text-size-value) * 1rem)) * 0.82) !important}
  #block-1c87de23b38289e59ea7 p:not(.sqsrte-large):not(.sqsrte-small),#block-1c87de23b38289e59ea7 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--normal-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--normal-text-size-value) * 1rem)) * 0.82) !important}
}
@media screen and (max-width:767px){
  #block-ba2c8e55a0e0f2d4b25f h1,#block-ba2c8e55a0e0f2d4b25f h1 span[class^="sqsrte-text-color"]
  {font-size:calc(clamp(0px, calc((var(--heading-1-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-1-size-value) * 1rem)) * 0.88) !important;text-align:center !important}
  #block-ba2c8e55a0e0f2d4b25f p:not(.sqsrte-large):not(.sqsrte-small),#block-ba2c8e55a0e0f2d4b25f p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {text-align:center !important}
  #block-398bb7248662a704aef8 p.sqsrte-large,#block-398bb7248662a704aef8 p.sqsrte-large span[class^="sqsrte-text-color"]
  {text-align:center !important}
  #block-398bb7248662a704aef8 p:not(.sqsrte-large):not(.sqsrte-small),#block-398bb7248662a704aef8 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {text-align:center !important}
  #block-ca58283854e8271db998 p.sqsrte-large,#block-ca58283854e8271db998 p.sqsrte-large span[class^="sqsrte-text-color"]
  {text-align:center !important}
  #block-ca58283854e8271db998 p:not(.sqsrte-large):not(.sqsrte-small),#block-ca58283854e8271db998 p:not(.sqsrte-large):not(.sqsrte-small) span[class^="sqsrte-text-color"]
  {text-align:center !important}
}

/* The two hero sections (homepage + Our Services) sit on photos, not
   the cream fill everything else uses -- the site-wide accent colour
   is navy (see the --accent-hsl root variable in site.css), but navy
   keyword-highlight text reads poorly against these two photos
   specifically (blends into their darker/shadowed areas). Scoped back
   to gold just for these two, overriding the generic rule above by
   selector specificity. */
section[data-section-id="649d12334ae8043c56c84d70"] .sqsrte-text-color--accent,
section[data-section-id="652c735e9a2b263a840f3fe3"] .sqsrte-text-color--accent{color:#f5e1a4 !important}

/* Three homepage headings ("Our services.", "We have over 40 years of
   experience.", "What sets Us and Business Advisors apart from the
   competition?") set fully navy -- .sqsrte-text-highlight (the
   underline/circle marks on "Us"/"Business Advisors"/"competition" in
   the third one) carries no colour of its own, so this cascades down
   to those spans too rather than needing separate overrides. */
section[data-section-id="649d114c282aad60657d06a9"] h2,
section[data-section-id="649d2291fd6e8d14318bbfaa"] h2,
section[data-section-id="65157df856123525b5651d35"] h2{color:#003349 !important}

/* Same treatment, more headings across all 3 pages: "Let's connect."
   (homepage, About Us, Our Services -- each page's contact section has
   its own section id), About Us' "Your Accounting & Advising Experts."
   and "Meet the Team.", and Our Services' own "Our services." (a
   separate section id from the homepage's, since it's a distinct page
   instance of that heading -- already handled above). Same reasoning
   as before: the non-accent words were near-black, the accent words
   were already navy since the --accent-hsl change; this just unifies
   each heading to one solid colour instead of two-tone. */
section[data-section-id="649d241783b7d406d1d6d49e"] h2,
section[data-section-id="652b40f04f59b0633c92549f"] h2,
section[data-section-id="652b4dd5d23a3d1d4071450d"] h2,
section[data-section-id="652b52574f59b0633c9460c1"] h2,
section[data-section-id="652c7370523f01347b437e67"] h2,
section[data-section-id="652c73949cf15211b4b59791"] h2{color:#003349 !important}

/* Hero image section: darkens/dims the photo a bit at mobile for text
   legibility (a plain opacity dip on its content plus a semi-
   transparent black scrim), and blanks the section's own fill so
   only the photo shows through -- unrelated to the cream/navy
   recolour above, this section uses a photo, not a flat fill. */
@media screen and (max-width:767px){
  #siteWrapper section[data-section-id="649d12334ae8043c56c84d70"] .section-background>*{opacity:89%}
  #siteWrapper section[data-section-id="649d12334ae8043c56c84d70"] .section-background:before{background:rgba(0,0,0,0.36);content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
  #siteWrapper section[data-section-id="649d12334ae8043c56c84d70"] .content-wrapper{z-index:1}
  #siteWrapper section[data-section-id="649d12334ae8043c56c84d70"],
  #siteWrapper section[data-section-id="649d12334ae8043c56c84d70"] .section-border{background:none !important}
}