/* ======================================================================
   Brand v4 (30 Oct 2026): garnet, blue waves, swirl logo.
   Based on "CKR BRANDING SKETCH". Loaded after style.css and switched on by the
   "ckr-brand" body class (functions.php). Remove that class to fall back to palette v3.
   Fonts are self-hosted (SIL Open Font License, see fonts/):
   --f-display  Unbounded, extra bold (hero, page titles, wordmark, price promise)
   --f-condensed Unbounded, bold      (section headings)
   --f-body     Inter                 (body text, small capitals, buttons)
   Type changed 30 Oct 2026 (was Bagel Fat One + Bricolage Grotesque) to read more corporate.
   ====================================================================== */
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("fonts/unbounded-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("fonts/unbounded-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

body.ckr-brand {
  --b-garnet: #640006;
  --b-blue: #94BCD5;
  --b-grey: #ECEBE9;
  --f-display: "Unbounded", "Arial Black", sans-serif;
  --f-condensed: "Unbounded", "Arial Black", sans-serif;
  --f-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  /* palette v3 variables, remapped */
  --p-base: var(--b-grey); --p-stone: var(--b-grey); --p-banner: var(--b-blue);
  --p-band: var(--b-blue); --p-footer: var(--b-grey); --p-ink: var(--b-garnet);
  --p-highlight: transparent; --p-button: rgba(236,235,233,.5);
  --p-footer-button: transparent; --p-footer-button-text: var(--b-garnet);
  background-color: var(--b-grey) !important;
}

/* ---- all text garnet (beats the old "black on colour" rule) ---- */
html body.ckr-brand,
html body.ckr-brand #ajax-content-wrap :is(h1,h2,h3,h4,h5,h6,p,a,span,li,label,strong,em,div,button,input,textarea,select) {
  color: var(--b-garnet) !important;
}
html body.ckr-brand mark.ckr-hl { background: transparent !important; padding: 0 !important; }

/* ---- header: swirl logo, pale pill button, garnet menu lines ---- */
body.ckr-brand #header-outer #logo.no-image {
  width: 64px; height: 58px;
  background: url("images/brand/logo.png") no-repeat left center / contain;
}
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:before,
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:after {
  background-color: rgba(236,235,233,.5) !important; border-color: transparent !important;
}
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a * {
  color: var(--b-garnet) !important;
  font-family: var(--f-display) !important; font-size: 11px !important;
  text-transform: uppercase !important; letter-spacing: .04em;
}
body.ckr-brand #header-outer .slide-out-widget-area-toggle i .lines,
body.ckr-brand #header-outer .slide-out-widget-area-toggle i .lines:before,
body.ckr-brand #header-outer .slide-out-widget-area-toggle i .lines:after,
body.ckr-brand #header-outer .slide-out-widget-area-toggle i .lines-button:after {
  background-color: var(--b-garnet) !important;
}


/* thin rule between sections */
body.ckr-brand #services, body.ckr-brand #services + .vc_row, body.ckr-brand #founders {
  border-top: 1.5px solid var(--b-garnet);
}

/* ---- hero: wave background, heavy rounded headline, label strip ---- */
body.ckr-brand #hero > .row-bg-wrap .row-bg {
  background: var(--b-blue) url("images/brand/waves-blue.jpg") center / cover no-repeat !important;
}
body.ckr-brand #hero .nectar-split-heading,
body.ckr-brand #hero .nectar-split-heading h1 {
  font-family: var(--f-display) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  font-size: min(4.6vw, 80px) !important;
  line-height: 1.02 !important;
  text-align: center;
}
body.ckr-brand #hero .nectar-split-heading:last-of-type h1 { background: none !important; display: block; }
body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column .wpb_wrapper {
  display: flex; align-items: center; gap: 14px; width: 100%;
}
body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column .wpb_wrapper::before,
body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column .wpb_wrapper::after {
  content: ""; flex: 1 1 0; height: 4px;
  background: url("images/brand/divider-line.svg") center / 100% 100% no-repeat;
}
body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column .wpb_wrapper > * { flex: 0 1 auto; margin: 0 !important; }
body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column { justify-content: center !important; }
body.ckr-brand #hero .nectar-responsive-text p {
  font-family: var(--f-body) !important; font-weight: 700 !important;
  font-size: 14px !important; letter-spacing: .05em !important; text-align: center; white-space: nowrap; text-transform: uppercase !important;
}

/* ---- headings: tall condensed capitals ---- */
body.ckr-brand #ajax-content-wrap .container-wrap :is(h2, h3:not(.nectar-cta h3)),
body.ckr-brand #founders .nectar-split-heading h2 {
  font-family: var(--f-condensed) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -.005em !important;
  line-height: 1.12 !important;
}
body.ckr-brand #services h2,
body.ckr-brand #services + .vc_row h2,
body.ckr-brand #founders .nectar-split-heading h2 { font-size: clamp(24px, 2.5vw, 38px) !important; }

/* services intro line and "What if" lead: small condensed capitals */
body.ckr-brand #services .nectar-responsive-text p,
body.ckr-brand #services + .vc_row .nectar-responsive-text > p:first-child {
  font-family: var(--f-body) !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .03em;
  font-size: clamp(14px, 1.15vw, 18px) !important; line-height: 1.35 !important;
}
body.ckr-brand #services + .vc_row .nectar-responsive-text > p:first-child { font-size: clamp(17px, 1.5vw, 22px) !important; }

/* "See our services" link with a rule either side */
body.ckr-brand #services .nectar-cta { display: flex !important; align-items: center; gap: 14px; width: 100%; }
body.ckr-brand #services .nectar-cta::before,
body.ckr-brand #services .nectar-cta::after {
  content: ""; flex: 1 1 0; height: 4px;
  background: url("images/brand/divider-line.svg") center / 100% 100% no-repeat;
}
body.ckr-brand #services .nectar-cta :is(h3, a, span) {
  font-family: var(--f-body) !important; font-weight: 700 !important;
  text-transform: uppercase !important; font-size: 14px !important; letter-spacing: .05em;
  white-space: nowrap; background: none !important;
}
body.ckr-brand #services .nectar-cta .link_text::after, body.ckr-brand #services .nectar-cta svg { display: none !important; }

/* event cards: tall, rounded, pale blue frame, glassy labels */
body.ckr-brand #services .nectar-flickity .cell .inner-wrap {
  border: 3px solid var(--b-blue) !important;
  border-radius: 16px !important;
  overflow: hidden;
}
body.ckr-brand #services .nectar-flickity .cell :is(h3, .nectar-badge__inner) { color: #fff !important; }
html body.ckr-brand #ajax-content-wrap #services .nectar-flickity .cell h3 {
  display: inline-block;
  font-family: inherit !important; text-transform: none !important; font-weight: 500 !important;
  font-size: 15px !important; letter-spacing: 0 !important;
  padding: 6px 12px; border-radius: 20px;
  background: rgba(255,255,255,.22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
body.ckr-brand #services .nectar-flickity .nectar-badge { background: rgba(255,255,255,.18) !important; backdrop-filter: blur(6px); }

/* ---- "What if all you had to do was enjoy the event?" ---- */
body.ckr-brand .ckr-promises { border: 0 !important; }
body.ckr-brand .nectar-responsive-text .ckr-promises p {
  border: 0 !important;
  margin: 0 !important; padding: 26px 0 22px !important;
  background: url("images/brand/divider-line.svg") left top / 100% 4px no-repeat;
}
body.ckr-brand .ckr-promises p strong {
  display: block; margin-bottom: 6px;
  font-family: var(--f-body) !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .03em; font-size: 20px;
}
body.ckr-brand .ckr-promises { margin-top: 36px !important; }
body.ckr-brand .ckr-promises::after {
  content: ""; display: block; height: 4px;
  background: url("images/brand/divider-line.svg") left top / 100% 100% no-repeat;
}
body.ckr-brand .ckr-promises strong, body.ckr-brand #ajax-content-wrap .vc_col-sm-4 .nectar-responsive-text > h6 { color: var(--b-garnet) !important; }

/* ---- price promise band: waves, condensed capitals ---- */
body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level) > .row-bg-wrap .row-bg {
  background: var(--b-blue) url("images/brand/waves-blue.jpg") center / cover no-repeat !important;
}
body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level) :is(h1,h2,h3,p,span,div) {
  font-family: var(--f-condensed) !important; font-weight: 700 !important; letter-spacing: .01em;
}

/* ---- buttons: garnet outline pill ---- */
body.ckr-brand .nectar-button.accent-color,
body.ckr-brand .nectar-button.large.regular.accent-color.regular-button,
body.ckr-brand .fluentform button.ff-btn.ff-btn-submit[type="submit"],
body.ckr-brand .nectar_hook_global_section_footer .fluentform button.ff-btn.ff-btn-submit[type="submit"] {
  background-color: transparent !important; border: 1.5px solid var(--b-garnet) !important;
  color: var(--b-garnet) !important; box-shadow: none !important;
}
body.ckr-brand .nectar-button.accent-color:hover,
body.ckr-brand .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover,
body.ckr-brand .nectar_hook_global_section_footer .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover {
  background-color: var(--b-garnet) !important;
}
body.ckr-brand .nectar-button.accent-color:hover *,
body.ckr-brand .nectar_hook_global_section_footer .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover { color: var(--b-grey) !important; }

/* ---- footer: giant wordmark first, then the form, logo rule at the end ---- */
body.ckr-brand .nectar_hook_global_section_footer .row-bg { background: var(--b-grey) !important; }
body.ckr-brand .nectar_hook_global_section_footer { border-top: 1.5px solid var(--b-garnet); background: var(--b-grey); }
body.ckr-brand .nectar_hook_global_section_footer > .container::before {
  content: "Culture Kept Real";
  display: block; text-align: center; white-space: nowrap;
  font-family: var(--f-condensed); font-weight: 700; text-transform: uppercase; color: var(--b-garnet);
  font-size: 15.3vw; line-height: 1; letter-spacing: -.005em;
  padding: 3vw 0 0;
}
body.ckr-brand .nectar_hook_global_section_footer::after {
  content: ""; display: block; width: min(560px, 70%); height: 78px; margin: 10px auto 40px;
  background: url("images/brand/divider-logo.png") center / contain no-repeat;
}
body.ckr-brand .nectar_hook_global_section_footer .nectar-split-heading { display: none !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact { padding-top: 3vw !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact h2 {
  font-family: inherit !important; font-weight: 400 !important; text-transform: uppercase !important;
  font-size: clamp(26px, 2.4vw, 38px) !important; line-height: 1.1 !important; letter-spacing: 0 !important;
}
body.ckr-brand .nectar_hook_global_section_footer #contact p { text-transform: none !important; }

/* form: square outlined fields, small capitals placeholders */
body.ckr-brand .nectar_hook_global_section_footer .fluentform .ff-el-form-control {
  background: transparent !important; border: 1px solid var(--b-garnet) !important; border-radius: 2px !important;
  color: var(--b-garnet) !important;
}
body.ckr-brand .nectar_hook_global_section_footer .fluentform .ff-el-form-control::placeholder {
  color: var(--b-garnet) !important; opacity: .85; text-transform: uppercase; font-size: 12px; letter-spacing: .04em;
}
body.ckr-brand .nectar_hook_global_section_footer .fluentform :is(label, .ff-el-form-check-label, .ff-el-form-check-label span) {
  color: var(--b-garnet) !important; text-transform: none !important;
}
body.ckr-brand .nectar_hook_global_section_footer .fluentform input[type="checkbox"] { border-color: var(--b-garnet) !important; accent-color: var(--b-garnet); }

/* contact links become round outline icons (text stays for screen readers) */
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-responsive-text:has(> p) { display: none; }
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta a.link_text {
  display: inline-block !important; width: 52px; height: 52px; border-radius: 50%;
  border: 1.5px solid var(--b-garnet); font-size: 0 !important; color: transparent !important;
  position: relative;
}
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta a.link_text * { font-size: 0 !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta a.link_text { background: var(--ico) center / 24px 24px no-repeat !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta :is(a, .link_wrap, .text)::before,
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta :is(a, .link_wrap, .text)::after { display: none !important; content: none !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta a[href^="mailto"] {
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23640006' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta a[href*="linkedin"] {
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23640006'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9.5h4V21H3zM9.5 9.5h3.8v1.6h.06c.53-1 1.83-2.06 3.77-2.06 4.03 0 4.77 2.65 4.77 6.1V21h-4v-5.1c0-1.22-.02-2.79-1.7-2.79-1.7 0-1.96 1.33-1.96 2.7V21h-4z'/%3E%3C/svg%3E");
}
body.ckr-brand .nectar_hook_global_section_footer #contact .vc_col-sm-6:last-child .divider-wrap { display: none; }
body.ckr-brand .nectar_hook_global_section_footer #contact .vc_col-sm-6:last-child .inner_row { margin-bottom: 14px !important; }

/* bottom strip: small and quiet under the form */
body.ckr-brand .nectar_hook_global_section_footer .vc_row:not(#contact) { padding-top: 0 !important; padding-bottom: 0 !important; }
body.ckr-brand .nectar_hook_global_section_footer .vc_row:not(#contact) p { font-size: 12px !important; }


/* event cards: all the same height, labels pinned to the bottom */
body.ckr-brand #services .nectar-flickity .cell .inner-wrap {
  height: 540px; display: flex !important; flex-direction: column; box-sizing: border-box;
}
body.ckr-brand #services .nectar-flickity .cell .inner-wrap > .divider-wrap { flex: 1 1 auto; }
body.ckr-brand #services .nectar-flickity .cell .inner-wrap > .divider-wrap .divider { height: 100% !important; }
@media (max-width: 690px) { body.ckr-brand #services .nectar-flickity .cell .inner-wrap { height: 460px; } }
body.ckr-brand #services .nectar-flickity .nectar-badge, body.ckr-brand #services .nectar-flickity .nectar-badge__inner { border-radius: 20px !important; }

/* body text: Inter at text size */
html body.ckr-brand,
html body.ckr-brand #ajax-content-wrap :is(p, li, label, input, textarea, select, button, .nectar-badge__inner, .ff-el-form-check-label) {
  font-family: var(--f-body);
}
html body.ckr-brand #ajax-content-wrap :is(p, li) { font-variation-settings: "opsz" 14; }
html body.ckr-brand #ajax-content-wrap #services .nectar-flickity .cell h3 {
  font-family: var(--f-body) !important; font-stretch: 100% !important; font-weight: 500 !important;
  font-variation-settings: "opsz" 14 !important;
}
html body.ckr-brand .nectar_hook_global_section_footer #contact h2 {
  font-family: var(--f-condensed) !important; font-weight: 700 !important; font-size: clamp(22px, 2vw, 32px) !important;
}

/* wordmark and price promise in the hero font */
body.ckr-brand .nectar_hook_global_section_footer > .container::before {
  font-family: var(--f-display) !important; font-weight: 800 !important; font-stretch: 100% !important;
  font-variation-settings: normal !important; font-size: 7vw !important; letter-spacing: -.02em !important;
}
html body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level) :is(h1,h2,h3,p,span,div) {
  font-family: var(--f-display) !important; font-weight: 800 !important; font-stretch: 100% !important;
  font-variation-settings: normal !important; letter-spacing: 0 !important; line-height: 1.12 !important;
}

/* ======================================================================
   All pages
   ====================================================================== */
/* page banners (first row of every page): blue waves, title in the hero font */
body.ckr-brand .container-wrap .vc_row.ckr-on-colour.top-level > .row-bg-wrap .row-bg {
  background: var(--b-blue) url("images/brand/waves-blue.jpg") center / cover no-repeat !important;
}
body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-split-heading,
body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-split-heading :is(h1, h2) {
  font-family: var(--f-display) !important; font-weight: 800 !important; font-stretch: 100% !important;
  font-variation-settings: normal !important; letter-spacing: 0 !important; line-height: 1.04 !important;
  text-transform: uppercase !important;
}
body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-responsive-text p {
  text-transform: none !important;
}

/* every form (footer and Contact page): square outlined fields */
body.ckr-brand .fluentform .ff-el-form-control {
  background: transparent !important; border: 1px solid var(--b-garnet) !important; border-radius: 2px !important;
  color: var(--b-garnet) !important; box-shadow: none !important;
}
body.ckr-brand .fluentform .ff-el-form-control:focus { box-shadow: 0 0 0 2px rgba(100,0,6,.25) !important; }
body.ckr-brand .fluentform .ff-el-form-control::placeholder {
  color: var(--b-garnet) !important; opacity: .85; text-transform: uppercase; font-size: 12px; letter-spacing: .04em;
}
body.ckr-brand .fluentform :is(label, .ff-el-form-check-label, .ff-el-form-check-label span) {
  color: var(--b-garnet) !important; text-transform: none !important;
}
body.ckr-brand .fluentform input[type="checkbox"] { border-color: var(--b-garnet) !important; accent-color: var(--b-garnet); }

/* FAQ questions: body font, sentence case; garnet rules between them */
body.ckr-brand .toggles .toggle h3,
body.ckr-brand .toggles .toggle h3 a {
  font-family: var(--f-body) !important; font-stretch: 100% !important; font-weight: 500 !important;
  font-variation-settings: "opsz" 14 !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.ckr-brand .toggles .toggle { border-color: rgba(100,0,6,.35) !important; }

/* links in running text */
body.ckr-brand #ajax-content-wrap p a { text-decoration-color: rgba(100,0,6,.5); }

/* dropdowns match the text fields */
body.ckr-brand .fluentform select.ff-el-form-control,
body.ckr-brand .fluentform .choices__inner { background-color: transparent !important; border: 1px solid var(--b-garnet) !important; border-radius: 2px !important; }
body.ckr-brand .fluentform .choices__list--dropdown { background: var(--b-grey) !important; border-color: var(--b-garnet) !important; }

/* Contact: "What happens next" box as an outlined panel, not white */
body.ckr-brand .wpb_column[data-bg-color="#FFFFFF"] > .vc_column-inner > .column-bg-overlay-wrap .column-bg-overlay {
  background-color: transparent !important; border: 1.5px solid var(--b-garnet); border-radius: 10px;
}

/* FAQ plus/minus icons in garnet */
body.ckr-brand .toggles .toggle h3 a i { color: var(--b-garnet) !important; border-color: var(--b-garnet) !important; }
body.ckr-brand .toggles .toggle h3 a i:before,
body.ckr-brand .toggles .toggle h3 a i:after { background-color: var(--b-garnet) !important; border-color: var(--b-garnet) !important; }

/* small round icons (Services, About): garnet on a soft garnet tint */
body.ckr-brand .ckr-ico { background: rgba(100, 0, 6, 0.08) !important; }
body.ckr-brand .ckr-ico::before { background: var(--b-garnet) !important; }

/* menu icon (three lines) in garnet */
body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines,
body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines:before,
body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines:after,
body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
  background-color: var(--b-garnet) !important;
}

/* slide-out menu: garnet panel, light text */
body.ckr-brand #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen),
body.ckr-brand #slide-out-widget-area-bg.slide-out-from-right { background-color: var(--b-garnet) !important; }
body.ckr-brand #slide-out-widget-area :is(a, p, span, li, h1, h2, h3) { color: var(--b-grey) !important; }
body.ckr-brand #slide-out-widget-area .inner .off-canvas-menu-container li a {
  font-family: var(--f-display) !important; font-weight: 800 !important; text-transform: uppercase;
}
body.ckr-brand #slide-out-widget-area .menu-item-btn-style-button-border_accent-color > a:before,
body.ckr-brand #slide-out-widget-area .nectar-button { background-color: var(--b-grey) !important; border-color: var(--b-grey) !important; }
body.ckr-brand #slide-out-widget-area .menu-item-btn-style-button-border_accent-color > a,
body.ckr-brand #slide-out-widget-area .menu-item-btn-style-button-border_accent-color > a * { color: var(--b-garnet) !important; }
body.ckr-brand .slide_out_area_close .close-line { background-color: var(--b-grey) !important; }
/* beats Salient's "dark-slide" rule that forces the icon black */
body.ckr-brand #header-outer[data-permanent-transparent].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines,
body.ckr-brand #header-outer[data-permanent-transparent].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:before,
body.ckr-brand #header-outer[data-permanent-transparent].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:after,
body.ckr-brand #header-outer[data-permanent-transparent].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines-button:after,
body.ckr-brand #header-outer[data-permanent-transparent] #top .slide-out-widget-area-toggle.mobile-icon .lines,
body.ckr-brand #header-outer[data-permanent-transparent] #top .slide-out-widget-area-toggle.mobile-icon .lines:before,
body.ckr-brand #header-outer[data-permanent-transparent] #top .slide-out-widget-area-toggle.mobile-icon .lines:after {
  background-color: var(--b-garnet) !important;
}
body.ckr-brand #header-outer.transparent.dark-slide > #top nav ul .slide-out-widget-area-toggle a .lines-button i:before,
body.ckr-brand #header-outer.transparent.dark-slide > #top nav ul .slide-out-widget-area-toggle a .lines-button i:after,
body.ckr-brand #header-outer.transparent.dark-slide > #top nav ul .slide-out-widget-area-toggle .lines-button:after,
body.ckr-brand #header-outer #top nav ul .slide-out-widget-area-toggle a .lines-button i:before,
body.ckr-brand #header-outer #top nav ul .slide-out-widget-area-toggle a .lines-button i:after,
body.ckr-brand #header-outer #top nav ul .slide-out-widget-area-toggle .lines-button:after,
body.ckr-brand #header-outer #top nav ul .slide-out-widget-area-toggle a .lines {
  background-color: var(--b-garnet) !important;
}

/* header button: 50% cream, and nothing changes on hover (Salient's hover slides in a copy of the text) */
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:before,
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:after,
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:hover:before,
body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:hover:after,
body.ckr-brand #header-outer[class] .menu-item-btn-style-button-border_accent-color[class*="current"] > a:before {
  background-color: rgba(236, 235, 233, 0.5) !important; border-color: transparent !important;
}
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover *,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *::before,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *::after {
  color: var(--b-garnet) !important; opacity: 1 !important;
  font-family: var(--f-display) !important; font-size: 11px !important; font-weight: 400 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important;
}

/* ======================================================================
   Dividers and section marks on every page (31 Oct 2026)
   ====================================================================== */
/* sections are separated by the tapered line divider instead of flat rules */
body.ckr-brand #services, body.ckr-brand #services + .vc_row, body.ckr-brand #founders { border-top: 0 !important; }
body.ckr-brand .container-wrap .main-content .wpb_row:not(.inner_row):not(.ckr-on-colour) + .wpb_row:not(.inner_row):not(.ckr-on-colour)::before {
  content: ""; display: block !important; position: absolute; z-index: 20; top: 0; left: 60px; right: 60px; width: auto; height: 4px; pointer-events: none;
  background: url("images/brand/divider-line.svg") center / 100% 100% no-repeat;
}
@media (max-width: 999px) {
  body.ckr-brand .container-wrap .main-content .wpb_row:not(.inner_row):not(.ckr-on-colour) + .wpb_row:not(.inner_row):not(.ckr-on-colour)::before { left: 25px; right: 25px; }
}
body.ckr-brand .nectar_hook_global_section_footer {
  border-top: 0 !important;
  background: var(--b-grey) url("images/brand/divider-line.svg") center top / calc(100% - 120px) 4px no-repeat !important;
}
/* Salient's own thin dividers (Services) become the brand divider */
body.ckr-brand .divider-border {
  border: 0 !important; height: 4px !important; background-color: transparent !important;
  background: url("images/brand/divider-line.svg") center / 100% 100% no-repeat !important;
}
/* a row that is only a divider (Services) already separates the sections: no extra lines around it */
body.ckr-brand .container-wrap .main-content .wpb_row:not(.inner_row):not(.ckr-on-colour) + .wpb_row:not(.inner_row):not(.ckr-on-colour):has(> .row_col_wrap_12 > .wpb_column:only-child .wpb_wrapper > .divider-wrap:only-child .divider-border)::before,
body.ckr-brand .container-wrap .main-content .wpb_row:not(.inner_row):not(.ckr-on-colour):has(> .row_col_wrap_12 > .wpb_column:only-child .wpb_wrapper > .divider-wrap:only-child .divider-border) + .wpb_row:not(.inner_row):not(.ckr-on-colour)::before {
  display: none !important;
}
/* empty rows (e.g. the last row on Home) get no divider */
body.ckr-brand .container-wrap .main-content .wpb_row:not(.inner_row):not(.ckr-on-colour) + .wpb_row:not(.inner_row):not(.ckr-on-colour):not(:has(p, h1, h2, h3, h4, h5, h6, img, li, form, .nectar-flickity, .divider-border))::before {
  display: none !important;
}

/* ======================================================================
   Consistency pass (31 Oct 2026)
   ====================================================================== */
/* 5. every sub-heading in narrow capitals: level titles (h4), founder names, "included" titles */
body.ckr-brand #ajax-content-wrap .container-wrap :is(h4, .team-member h4.light, .ckr-included strong, .ckr-promises strong) {
  font-family: var(--f-body) !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .03em !important; line-height: 1.15 !important;
}
body.ckr-brand #ajax-content-wrap .container-wrap :is(h4, .team-member h4.light) { font-size: 22px !important; }
body.ckr-brand #ajax-content-wrap .container-wrap .ckr-included strong { display: block; font-size: 18px !important; margin-bottom: 2px; }

/* 6. intro lines in sentence case everywhere (Home had them in small capitals) */
body.ckr-brand #services .nectar-responsive-text p,
body.ckr-brand #services + .vc_row .nectar-responsive-text > p:first-child {
  font-family: var(--f-body) !important; font-weight: 400 !important; font-stretch: 100% !important;
  font-variation-settings: "opsz" 14 !important; text-transform: none !important; letter-spacing: 0 !important;
  font-size: 19px !important; line-height: 1.55 !important;
}

/* 4. one button style: outlined pill, body font, same size everywhere */
body.ckr-brand .nectar-button.accent-color,
body.ckr-brand .nectar-button.large.regular.accent-color.regular-button,
body.ckr-brand .fluentform button.ff-btn.ff-btn-submit[type="submit"],
body.ckr-brand .nectar_hook_global_section_footer .fluentform button.ff-btn.ff-btn-submit[type="submit"] {
  width: auto !important; min-width: 0 !important; display: inline-flex !important; align-items: center; justify-content: center;
  padding: 14px 30px !important; border-radius: 999px !important; line-height: 1.2 !important;
}
body.ckr-brand .nectar-button.accent-color,
body.ckr-brand .nectar-button.accent-color span,
body.ckr-brand .fluentform button.ff-btn.ff-btn-submit[type="submit"] {
  font-family: var(--f-body) !important; font-weight: 600 !important; font-stretch: 100% !important;
  font-size: 15px !important; letter-spacing: 0 !important; text-transform: none !important;
}
body.ckr-brand .fluentform .ff_submit_btn_wrapper { text-align: left !important; }
/* header button uses the same lettering as the other buttons */
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover *,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *::before,
body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *::after {
  font-family: var(--f-body) !important; font-weight: 600 !important; font-size: 14px !important;
  text-transform: none !important; letter-spacing: 0 !important;
}

/* 8. one corner radius for photos, cards and panels */
body.ckr-brand #services .nectar-flickity .cell .inner-wrap { border-radius: 12px !important; }
body.ckr-brand .img-with-aniamtion-wrap .inner, body.ckr-brand .img-with-aniamtion-wrap .hover-wrap,
body.ckr-brand .img-with-aniamtion-wrap img, body.ckr-brand .team-member img { border-radius: 12px !important; }
body.ckr-brand .wpb_column[data-bg-color="#FFFFFF"] > .vc_column-inner > .column-bg-overlay-wrap .column-bg-overlay { border-radius: 12px !important; }

/* 9. form labels in the same small capitals as the placeholders */
body.ckr-brand .fluentform .ff-el-input--label label {
  font-family: var(--f-body) !important; font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .05em !important;
}
/* the Contact page form uses Fluent Forms' large button: bring it to the same size */
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"],
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"].ff-btn-lg {
  font-size: 15px !important; padding: 14px 30px !important; line-height: 1.2 !important;
}
/* Home: keep the intro clear of the "See our services" line */
body.ckr-brand #services .inner_row .wpb_column:first-child .nectar-responsive-text p { max-width: 640px; }

/* Unbounded is wider than Bagel: keep the price promise to about four lines */
html body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level) .nectar-text-inline-images,
html body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level) .nectar-text-inline-images * {
  font-size: clamp(24px, 3.4vw, 52px) !important; line-height: 1.15 !important; letter-spacing: -.01em !important;
}
/* page banner titles at the same scale as the Home headline */
html body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-split-heading,
html body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-split-heading :is(h1, h2) {
  font-size: clamp(32px, 4.4vw, 72px) !important; line-height: 1.08 !important; letter-spacing: -.01em !important;
}
@media (max-width: 690px) {
  html body.ckr-brand #hero .nectar-split-heading,
  html body.ckr-brand #hero .nectar-split-heading h1 { font-size: 8.4vw !important; line-height: 1.08 !important; }
  html body.ckr-brand #hero .nectar-split-heading { margin: 0 !important; padding: 0 !important; }
  html body.ckr-brand #hero .nectar-split-heading h1 { margin: 0 !important; padding: 0 !important; }
}

/* Home hero strip: one line in each gap (line, item, line, item, line, item, line), not two */
@media (min-width: 691px) {
  body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column:not(:last-child) .wpb_wrapper::after { display: none !important; }
  body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column .wpb_wrapper { gap: 24px; }
  /* equal line lengths: each column takes its text width plus an equal share of the spare room
     (the last column holds two lines, so it gets two shares) */
  body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column { flex: 1 1 auto !important; width: auto !important; }
  body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column:last-child { flex-grow: 2 !important; }
  body.ckr-brand #hero .bottom_padding_phone_20px .wpb_column:not(:first-child) { margin-left: 24px !important; }
}

/* ======================================================================
   From the brand sketch (30 Oct 2026)
   ====================================================================== */
/* a fine garnet line wherever the blue waves meet the cream */
body.ckr-brand #hero > .row-bg-wrap .row-bg,
body.ckr-brand .container-wrap .vc_row.ckr-on-colour.top-level > .row-bg-wrap .row-bg { box-shadow: inset 0 -2px 0 var(--b-garnet) !important; }
body.ckr-brand .container-wrap .vc_row.ckr-on-colour:not(.top-level):not(#contact) > .row-bg-wrap .row-bg { box-shadow: inset 0 2px 0 var(--b-garnet), inset 0 -2px 0 var(--b-garnet) !important; }

@media (min-width: 1000px) {
  /* events intro: one line per sentence, with "See our services" alongside */
  body.ckr-brand #services .vc_row.inner_row > .row_col_wrap_12_inner > .vc_col-sm-6:first-child { width: 72% !important; flex: 0 0 72% !important; padding-right: 32px !important; }
  body.ckr-brand #services .vc_row.inner_row > .row_col_wrap_12_inner > .vc_col-sm-6:last-child { width: 28% !important; flex: 0 0 28% !important; }
  html body.ckr-brand #services .nectar-responsive-text h2 + p { max-width: none !important; }
  html body.ckr-brand #services .vc_col-sm-6:first-child .nectar-responsive-text { width: auto !important; max-width: 100% !important; }
}

/* footer invitation (no form): centred under the wordmark, button to the Contact page, icons in a row */
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 { flex-direction: column !important; align-items: center !important; text-align: center; }
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column { width: 100% !important; max-width: 680px; margin: 0 !important; flex: 0 0 auto !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper { align-items: center !important; text-align: center !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper { flex-direction: row !important; justify-content: center !important; gap: 16px; margin-top: 28px; }
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:last-child .divider-wrap { display: none !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:last-child .vc_row.inner_row { width: auto !important; margin: 0 !important; padding: 0 !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact .nectar-cta { text-align: center !important; }
body.ckr-brand .nectar_hook_global_section_footer #contact :is(h2, p) { text-align: center !important; }
body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta { margin: 0 !important; padding: 0 !important; }
body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta a {
  display: inline-block; padding: 14px 30px; border: 1.5px solid var(--b-garnet); border-radius: 999px;
  font-family: var(--f-body) !important; font-weight: 600 !important; font-size: 16px !important; color: var(--b-garnet) !important;
  text-decoration: none !important; background: transparent;
}
/* the Contact page has the form right above, so no invitation there */
body.ckr-brand.page-id-1605 .nectar_hook_global_section_footer #contact { display: none !important; }
body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta a { text-transform: none !important; letter-spacing: 0 !important; }
@media (max-width: 690px) { body.ckr-brand .nectar_hook_global_section_footer #contact { padding-top: 36px !important; } }

/* "Talk through your event" buttons: garnet with cream letters on hover (header and footer) */
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover:before,
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover:after {
  background-color: var(--b-garnet) !important; border-color: var(--b-garnet) !important;
}
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover,
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover *,
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover *::before,
html body.ckr-brand #header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover *::after { color: var(--b-grey) !important; }
html body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:before,
html body.ckr-brand #header-outer #top nav .sf-menu li.menu-item-btn-style-button-border_accent-color > a:after { transition: background-color .2s !important; }
body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta a { transition: background-color .2s, color .2s; }
body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta a:hover { background: var(--b-garnet); color: var(--b-grey) !important; }
html body.ckr-brand #ajax-content-wrap .nectar_hook_global_section_footer .ckr-footer-cta a:hover,
html body.ckr-brand .nectar_hook_global_section_footer .ckr-footer-cta a:hover { color: var(--b-grey) !important; }

/* menu icon from the brand sketch: three tapered lines (Salient's cross still shows when the menu is open) */
html body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines,
html body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines:after,
html body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines-button:after { background-color: transparent !important; }
html body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines:after { opacity: 0 !important; }
html body.ckr-brand #header-outer #top .slide-out-widget-area-toggle a .lines:before {
  content: "" !important; position: absolute !important; left: 0 !important; right: auto !important; top: -6px !important; width: 100% !important; height: 14px !important;
  transform: none !important; opacity: 1 !important; border-radius: 0 !important;
  background: url("images/brand/menu-lines.svg") center / 100% 100% no-repeat !important;
}
html body.ckr-brand #header-outer[class] #top[id] .slide-out-widget-area-toggle a .lines:before,
html body.ckr-brand #header-outer[class] #top[id] nav ul .slide-out-widget-area-toggle a .lines:before,
html body.ckr-brand #header-outer[data-permanent-transparent].transparent.dark-slide > #top[id] .span_9 > .slide-out-widget-area-toggle a .lines:before {
  background: url("images/brand/menu-lines.svg") center / 100% 100% no-repeat transparent !important;
}
html body.ckr-brand #header-outer[class] #top[id] .slide-out-widget-area-toggle a .lines,
html body.ckr-brand #header-outer[class] #top[id] .slide-out-widget-area-toggle a .lines:after,
html body.ckr-brand #header-outer[class] #top[id] .slide-out-widget-area-toggle a .lines-button:after,
html body.ckr-brand #header-outer[class] #top[id] nav ul .slide-out-widget-area-toggle a .lines,
html body.ckr-brand #header-outer[class] #top[id] nav ul .slide-out-widget-area-toggle a .lines:after,
html body.ckr-brand #header-outer[class] #top[id] nav ul .slide-out-widget-area-toggle a .lines-button:after { background-color: transparent !important; }
/* (the extra :not(#…) only raises priority above Salient's own phone-icon rules) */
html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle a .lines,
html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle a .lines:after,
html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle a .lines-button:after { background-color: transparent !important; }
html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle a .lines:before {
  content: "" !important; position: absolute !important; left: 0 !important; right: auto !important; top: -6px !important;
  width: 100% !important; height: 14px !important; transform: none !important; opacity: 1 !important; border-radius: 0 !important;
  background: url("images/brand/menu-lines.svg") center / 100% 100% no-repeat transparent !important;
}

/* "Send it over": garnet with cream letters on hover, like the other buttons */
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"] { transition: background-color .2s, color .2s !important; }
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover,
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"]:focus-visible {
  background-color: var(--b-garnet) !important; border-color: var(--b-garnet) !important; color: var(--b-grey) !important; opacity: 1 !important;
}
html body.ckr-brand #ajax-content-wrap .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover * { color: var(--b-grey) !important; }
/* page buttons (e.g. "Plan a team event"): same hover */
html body.ckr-brand #ajax-content-wrap .nectar-button.accent-color { transition: background-color .2s, color .2s !important; }
html body.ckr-brand #ajax-content-wrap .nectar-button.accent-color:hover {
  background-color: var(--b-garnet) !important; border-color: var(--b-garnet) !important; opacity: 1 !important;
}
html body.ckr-brand #ajax-content-wrap .nectar-button.accent-color:hover,
html body.ckr-brand #ajax-content-wrap .nectar-button.accent-color:hover * { color: var(--b-grey) !important; }

/* page banner intro (Services, About, Contact, FAQs): heavier and with a soft blue halo so it reads on the waves */
html body.ckr-brand:not(.home) .vc_row.ckr-on-colour.top-level .nectar-responsive-text p {
  font-weight: 600 !important; color: var(--b-garnet) !important;
  text-shadow: 0 0 6px rgba(148,188,213,.95), 0 0 14px rgba(148,188,213,.9), 0 0 24px rgba(148,188,213,.8) !important;
}

/* ======================================================================
   Photo look "warm film" (30 Oct 2026): every photo, a little warmer and softer.
   Change or remove --ckr-photo to adjust all photos at once.
   ====================================================================== */
body.ckr-brand { --ckr-photo: sepia(.3) saturate(.8) contrast(1.08) brightness(1.03); }
body.ckr-brand #ajax-content-wrap .main-content img,
body.ckr-brand .nectar-content-trail img { filter: var(--ckr-photo); }
/* event cards: the photo is the card background, so filter a copy of it behind the labels */
body.ckr-brand #services .nectar-flickity .cell .inner-wrap { position: relative; isolation: isolate; }
body.ckr-brand #services .nectar-flickity .cell .inner-wrap::before {
  content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important; height: 100% !important; margin: 0 !important; transform: none !important; opacity: 1 !important;
  z-index: -1 !important; border-radius: inherit; pointer-events: none;
  background: inherit !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
  filter: var(--ckr-photo);
}

/* Home banner picture trail: the photos pass behind the headline so it stays readable */
body.ckr-brand #hero .nectar-content-trail { z-index: 1 !important; }
body.ckr-brand #hero .nectar-split-heading { position: relative; z-index: 5 !important; }

/* Services and About end with their own call to action, so the footer only keeps the email and LinkedIn icons there */
body.ckr-brand.page-id-1602 .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child,
body.ckr-brand.page-id-1603 .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child { display: none !important; }
body.ckr-brand.page-id-1602 .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper,
body.ckr-brand.page-id-1603 .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper { margin-top: 0 !important; }

/* founder photos: frame from a little above the middle so faces sit well in the landscape crop */
body.ckr-brand .team-member img { object-position: center 18% !important; }
body.ckr-brand .team-member img[src*="rosie-rockett-headshot"]:not([src*="-wide"]) { object-position: center top !important; }

/* open menu on phones: no "Talk through your event" (the footer button still links to Contact) */
html body.ckr-brand #slide-out-widget-area .off-canvas-menu-container li.menu-item-1585 { display: none !important; }

/* phones and tablets: bigger menu icon (three tapered lines) */
@media (max-width: 999px) {
  html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle.mobile-icon a .lines-button,
  html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle.mobile-icon a .lines { width: 34px !important; }
  html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle.mobile-icon a .lines:before { top: -9px !important; height: 20px !important; }
  html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle.mobile-icon a > span[aria-hidden] { overflow: visible !important; }
  html body.ckr-brand #header-outer:not(#ckr-a) #top:not(#ckr-b) .slide-out-widget-area-toggle.mobile-icon a .lines-button { margin-left: -12px !important; }
}

/* footer invitation text: two centred lines, longer first sentence over a shorter second (a funnel) */
@media (min-width: 1000px) {
  body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child { max-width: 1000px !important; padding-left: 0 !important; padding-right: 0 !important; }
  body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
  body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child h2 { max-width: 440px; margin-left: auto !important; margin-right: auto !important; }
  body.ckr-brand .nectar_hook_global_section_footer #contact > .row_col_wrap_12 > .wpb_column:first-child p { max-width: none !important; white-space: nowrap; }
}
@media (max-width: 999px) { body.ckr-brand .nectar_hook_global_section_footer br.ckr-funnel-br { display: none; } }