/*
Theme Name: Jamie Hale — Blackbox
Theme URI: https://jamiehale.co.uk
Author: Jamie Hale
Description: Stark, theatrical block theme for jamiehale.co.uk. Black-and-white grid with stage-gel magenta and cyan accents, Archivo display type and Space Mono labels. Built from a WCAG 2.2 AA-verified palette.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.11.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jamiehale-blackbox
*/

/* ---------- base ---------- */
:root{
  --grey-line: var(--wp--preset--color--grey-line, #E4E2E0);
}
a{ text-decoration:none; }
:focus-visible{ outline:3px solid var(--wp--preset--color--magenta); outline-offset:3px; }

/* ---------- utility labels ---------- */
.jh-idx{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:13px; letter-spacing:0.06em; text-transform:uppercase;
  color: var(--wp--preset--color--grey);
  display:block; margin-bottom:16px;
}
.jh-idx.is-magenta{ color: var(--wp--preset--color--magenta); }
.jh-idx.is-cyan{ color: var(--wp--preset--color--cyan); }
.jh-subhead{
  font-family: var(--wp--preset--font-family--space-mono);
  font-weight:700; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase;
  display:block; margin:26px 0 12px;
}
.jh-tag{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:12px; letter-spacing:0.04em; text-transform:uppercase;
  display:inline-block; padding:4px 10px; border:1.5px solid currentColor;
}
a.jh-tag{
  color:var(--wp--preset--color--magenta); border-color:var(--wp--preset--color--magenta);
  text-decoration:none; transition:background-color .15s, color .15s;
}
a.jh-tag:hover{ background:var(--wp--preset--color--magenta); color:var(--wp--preset--color--white); }
a.jh-tag.is-cyan{ color:var(--wp--preset--color--cyan); border-color:var(--wp--preset--color--cyan); }
a.jh-tag.is-cyan:hover{ background:var(--wp--preset--color--cyan); color:var(--wp--preset--color--white); }
@media (prefers-reduced-motion: reduce){ a.jh-tag{ transition:none; } }

.jh-tag-row{ gap:10px; }
.jh-tag-row p{ margin:0; }

/* ---------- header / nav ---------- */
.jh-topbar{ border-bottom:3px solid var(--wp--preset--color--black); position:sticky; top:0; background:var(--wp--preset--color--white); z-index:30; }
.jh-topbar .wp-block-navigation{ font-family: var(--wp--preset--font-family--space-mono); }
.jh-topbar .wp-block-navigation-item__content{ padding-bottom:2px; border-bottom:2px solid transparent; }
.jh-topbar .wp-block-navigation-item__content:hover,
.jh-topbar .current-menu-item > .wp-block-navigation-item__content{ border-bottom-color: var(--wp--preset--color--magenta); color: var(--wp--preset--color--magenta); }

/* dropdown (Services submenu) */
.jh-topbar .wp-block-navigation-item.has-child > .wp-block-navigation-item__content{ display:inline-flex; align-items:center; gap:4px; }
.jh-topbar .wp-block-navigation__submenu-icon svg{ fill:currentColor; width:14px; height:14px; }
.jh-topbar .wp-block-navigation__submenu-container{
  background:var(--wp--preset--color--white);
  border:2px solid var(--wp--preset--color--black);
  padding:6px 0;
  min-width:250px;
  box-shadow:none;
  margin-top:0;
  z-index:40;
}
.jh-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  padding:12px 18px;
  border-bottom:none;
  color:var(--wp--preset--color--black);
}
.jh-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  background:var(--wp--preset--color--black);
  color:var(--wp--preset--color--white);
}
.jh-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item{ border-bottom:1.5px solid var(--grey-line); }
.jh-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child{ border-bottom:none; }
/* inside the mobile overlay menu, submenu items sit flush under their parent — keep them readable there too */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  border:none; padding-left:20px; min-width:0;
}

/* ---------- sitewide tagline banner (every page except the front page) ---------- */
.jh-hero-banner{ padding:16px 0; border-bottom:3px solid var(--wp--preset--color--black); }
.jh-hero-banner-text{
  margin:0; font-family: var(--wp--preset--font-family--archivo); font-weight:600;
  font-size:clamp(1.05rem, 2.4vw, 1.5rem); letter-spacing:-0.01em;
}

/* ---------- page header band ---------- */
.jh-pagehead{ border-bottom:3px solid var(--wp--preset--color--black); }
.jh-pagehead p.jh-sub{ margin-top:18px; max-width:640px; font-size:18px; color:var(--wp--preset--color--grey); line-height:1.6; }

/* ---------- hero ---------- */
.jh-hero{ border-bottom:3px solid var(--wp--preset--color--black); }
.jh-hero-cap{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--wp--preset--color--magenta-light);
  display:block; margin-bottom:14px;
}
.jh-cue{ background:var(--wp--preset--color--magenta); color:var(--wp--preset--color--white); padding:0 0.1em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.jh-cue.is-cyan{ background:var(--wp--preset--color--cyan); }
.jh-hero-foot{ border-top:3px solid var(--wp--preset--color--black); }

/* ---------- image frames ---------- */
.jh-frame{ border:2px solid var(--wp--preset--color--black); padding:0; }
.jh-frame img{ display:block; width:100%; height:100%; object-fit:cover; }
.jh-frame figcaption{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:11px; letter-spacing:0.02em; color:var(--wp--preset--color--grey);
  border-top:2px solid var(--wp--preset--color--black); padding:8px 10px; text-align:left;
}
.jh-frame.is-empty{
  background: repeating-linear-gradient(135deg, var(--wp--preset--color--black), var(--wp--preset--color--black) 2px, transparent 2px, transparent 14px);
  aspect-ratio: 4/5; display:flex; align-items:flex-end; padding:16px;
}
.jh-frame.is-empty.is-wide{ aspect-ratio:16/10; }
.jh-frame.is-empty.is-square{ aspect-ratio:1/1; }
.jh-frame.is-empty span{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:11px; background:var(--wp--preset--color--white); padding:6px 10px; border:1.5px solid var(--wp--preset--color--black);
}

/* ---------- values grid ---------- */
.jh-values.wp-block-columns{ border:2px solid var(--wp--preset--color--black); flex-wrap:wrap; }
.jh-values.wp-block-columns > .wp-block-column{ flex-basis:50% !important; border-right:2px solid var(--wp--preset--color--black); border-bottom:2px solid var(--wp--preset--color--black); padding:28px 30px !important; }
.jh-values.wp-block-columns > .wp-block-column:nth-child(2n){ border-right:none; }
@media (max-width:600px){ .jh-values.wp-block-columns > .wp-block-column{ flex-basis:100% !important; border-right:none; } }

/* ---------- CV / role item ---------- */
.jh-cv-item{ border-bottom:2px solid var(--wp--preset--color--black); padding:30px 0; }
.jh-cv-item:first-child{ padding-top:0; }
.jh-cv-item .jh-role-meta{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:12.5px; color:var(--wp--preset--color--grey); line-height:1.7;
}
.jh-cv-item .jh-role-meta strong{ color:var(--wp--preset--color--black); display:block; font-size:13px; }
.jh-cv-item ul{ margin:12px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:7px; }
.jh-cv-item ul li{ font-size:14.5px; color:var(--wp--preset--color--grey); line-height:1.55; padding-left:16px; position:relative; }
.jh-cv-item ul li::before{ content:"\2014"; position:absolute; left:0; color:var(--wp--preset--color--magenta); }

/* ---------- generic text list (public speaking, research etc) ---------- */
.jh-text-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px; }
.jh-text-list li{ font-size:15px; line-height:1.55; padding-left:20px; position:relative; }
.jh-text-list li::before{ content:"\2014"; position:absolute; left:0; color:var(--wp--preset--color--magenta); }
.jh-text-list.is-cyan li::before{ color:var(--wp--preset--color--cyan); }

/* ---------- split / two registers ---------- */
.jh-split > .wp-block-column{ padding:64px 40px !important; }
.jh-split .jh-creative{ background:var(--wp--preset--color--magenta); color:var(--wp--preset--color--white); }
.jh-split .jh-consult{ background:var(--wp--preset--color--cyan); color:var(--wp--preset--color--white); border-left:3px solid var(--wp--preset--color--black); }
.jh-kicker{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:12px; letter-spacing:0.08em; text-transform:uppercase; opacity:0.85;
  display:block; margin-bottom:14px;
}
.jh-more{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:13px; text-transform:uppercase; border-bottom:2px solid currentColor; padding-bottom:2px;
}

/* ---------- bright contact CTA ---------- */
.jh-cta-bright > .wp-block-column{ padding:56px 40px !important; }
.jh-cta-bright h3{ text-transform:none; letter-spacing:-0.005em; }
@media (max-width:781px){ .jh-cta-bright{ flex-wrap:wrap; } }

/* ---------- media row (image + text) ---------- */
.jh-media-row{ align-items:flex-start !important; }

/* ---------- quote cards ---------- */
.jh-press{ position:relative; max-width:680px; border:2px solid var(--wp--preset--color--black); padding:34px 40px 30px; }
.jh-press::before{ content:''; position:absolute; left:-2px; top:-2px; bottom:-2px; width:6px; background:var(--wp--preset--color--magenta); }
.jh-press blockquote{
  font-family: var(--wp--preset--font-family--archivo); font-weight:700;
  font-size:clamp(21px,2.6vw,28px); line-height:1.4; margin:0; text-transform:none; letter-spacing:0;
}
.jh-press blockquote::before{ content:"\201C"; color:var(--wp--preset--color--magenta); font-weight:900; }
.jh-press blockquote::after{ content:"\201D"; color:var(--wp--preset--color--magenta); font-weight:900; }
.jh-press .jh-attr{
  margin-top:18px; font-family: var(--wp--preset--font-family--space-mono);
  font-size:12.5px; text-transform:uppercase; letter-spacing:0.05em; color:var(--wp--preset--color--grey);
}
.jh-press .jh-attr::before{ content:"\2014\00A0"; }

/* Filled testimonial (default) — a real quote, styled to look finished. */
.jh-quote-frame{
  position:relative; border:2px solid var(--wp--preset--color--black); padding:22px 26px;
  margin-top:28px; margin-bottom:28px;
}
.jh-quote-frame::before{
  content:''; position:absolute; left:-2px; top:-2px; bottom:-2px; width:5px; background:var(--wp--preset--color--cyan);
}
.jh-quote-frame p{
  font-family: var(--wp--preset--font-family--archivo); font-weight:600;
  font-size:15.5px; line-height:1.55; color:var(--wp--preset--color--black); margin:0;
}
.jh-quote-frame p + p{
  margin-top:10px; font-family: var(--wp--preset--font-family--space-mono); font-weight:400;
  font-size:12px; text-transform:uppercase; letter-spacing:0.04em; color:var(--wp--preset--color--grey);
}
/* Empty placeholder — dashed and muted, until a real quote replaces it. */
.jh-quote-frame.is-placeholder{ border:2px dashed var(--wp--preset--color--grey); padding:24px 26px; }
.jh-quote-frame.is-placeholder::before{ display:none; }
.jh-quote-frame.is-placeholder p{
  font-family: var(--wp--preset--font-family--space-mono); font-weight:400; font-size:12.5px;
  color:var(--wp--preset--color--grey); text-transform:none;
}
.jh-quote-frame.is-placeholder p + p{ margin-top:0; font-size:12.5px; text-transform:none; }

/* ---------- category grid ---------- */
.jh-cat-grid{ border:2px solid var(--wp--preset--color--black); flex-wrap:wrap; }
.jh-cat-grid > .wp-block-column{ flex-basis:50% !important; border-right:2px solid var(--wp--preset--color--black); border-bottom:2px solid var(--wp--preset--color--black); padding:30px !important; }
.jh-cat-grid > .wp-block-column:nth-child(2n){ border-right:none; }
.jh-cat-grid > .wp-block-column:nth-last-child(-n+2){ border-bottom:none; }
@media (max-width:781px){ .jh-cat-grid > .wp-block-column{ flex-basis:100% !important; border-right:none !important; } .jh-cat-grid > .wp-block-column:last-child{ border-bottom:none; } }

/* ---------- awards / rows ---------- */
.jh-row-list > .wp-block-group{ display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1.5px solid var(--grey-line); flex-wrap:wrap; }
.jh-row-list > .wp-block-group:last-child{ border-bottom:none; }
.jh-row-t{ font-weight:700; font-size:15.5px; }
.jh-row-s{ font-family: var(--wp--preset--font-family--space-mono); font-size:12.5px; color:var(--wp--preset--color--grey); text-transform:uppercase; white-space:nowrap; }

/* ---------- client / fact grid ---------- */
.jh-client-grid{ column-count:3; column-gap:32px; }
.jh-client-grid > .wp-block-group{ break-inside:avoid; padding:10px 0; border-bottom:1.5px solid var(--grey-line); margin-bottom:2px; }
@media (max-width:781px){ .jh-client-grid{ column-count:1; } }

.jh-factcols{ column-count:2; column-gap:44px; }
.jh-factcols > .wp-block-group{ break-inside:avoid; margin-bottom:16px; }
@media (max-width:600px){ .jh-factcols{ column-count:1; } }

/* ---------- steps / process ---------- */
.jh-steps{ border:2px solid var(--wp--preset--color--black); }
.jh-steps > .wp-block-column{ border-right:2px solid var(--wp--preset--color--black); padding:32px 28px !important; }
.jh-steps > .wp-block-column:last-child{ border-right:none; }
.jh-step-n{ font-family: var(--wp--preset--font-family--space-mono); font-size:13px; color:var(--wp--preset--color--magenta); display:block; margin-bottom:14px; }

/* ---------- checklist columns ---------- */
.jh-check-cols{ border:2px solid var(--wp--preset--color--black); }
.jh-check-cols > .wp-block-column{ padding:30px 32px !important; }
.jh-check-cols > .wp-block-column:last-child{ border-left:2px solid var(--wp--preset--color--black); }
.jh-check-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:11px; }
.jh-check-list li{ font-size:15px; line-height:1.5; padding-left:20px; position:relative; }
.jh-check-list li::before{ content:"\2192"; position:absolute; left:0; color:var(--wp--preset--color--magenta); font-weight:700; }

/* ---------- FAQ blocks ---------- */
.jh-faq{
  padding:6px 0 6px 26px; margin-bottom:52px; border-left:3px solid var(--wp--preset--color--magenta);
}
.jh-faq.is-cyan{ border-left-color: var(--wp--preset--color--cyan); }
.jh-faq:last-child{ margin-bottom:0; }
.jh-faq h2, .jh-faq h3{ text-transform:none; letter-spacing:-0.005em; margin-bottom:12px; font-size:1.375rem; }
.jh-faq p{ color:var(--wp--preset--color--grey); }
@media (max-width:600px){ .jh-faq{ padding-left:18px; } }

/* ---------- collapsible FAQ (Details block) ---------- */
.wp-block-details.jh-faq-collapse{
  border-left:3px solid var(--wp--preset--color--magenta);
  padding:2px 0 2px 26px;
  margin-bottom:16px;
}
.wp-block-details.jh-faq-collapse.is-cyan{ border-left-color: var(--wp--preset--color--cyan); }
.wp-block-details.jh-faq-collapse summary{
  cursor:pointer; list-style:none;
  font-family: var(--wp--preset--font-family--archivo); font-weight:700; font-size:1.15rem;
  padding:16px 40px 16px 0; position:relative;
}
.wp-block-details.jh-faq-collapse summary::-webkit-details-marker{ display:none; }
.wp-block-details.jh-faq-collapse summary::marker{ content:''; }
.wp-block-details.jh-faq-collapse summary::after{
  content:'+'; position:absolute; right:4px; top:50%; transform:translateY(-50%);
  font-family: var(--wp--preset--font-family--space-mono); font-size:1.4rem; line-height:1;
  color:var(--wp--preset--color--magenta);
}
.wp-block-details.jh-faq-collapse.is-cyan summary::after{ color:var(--wp--preset--color--cyan); }
.wp-block-details.jh-faq-collapse[open] summary::after{ content:'\2013'; }
.wp-block-details.jh-faq-collapse p{
  color:var(--wp--preset--color--grey); font-size:16.5px; line-height:1.7; padding-bottom:20px; margin:0;
}
.wp-block-details.jh-faq-collapse p + p{ margin-top:12px; }

/* ---------- services ---------- */
.jh-services{ border:2px solid var(--wp--preset--color--black); }
.jh-services > .wp-block-column{ border-right:2px solid var(--wp--preset--color--black); padding:32px 28px !important; display:flex; flex-direction:column; }
.jh-services > .wp-block-column:last-child{ border-right:none; }
.jh-services h3{ text-transform:none; }

/* ---------- Substack feed (RSS block) ---------- */
.wp-block-rss.jh-substack-feed{ list-style:none; margin:0; padding:0; }
.wp-block-rss.jh-substack-feed .wp-block-rss__item{
  border-bottom:2px solid var(--wp--preset--color--black); padding:26px 0;
}
.wp-block-rss.jh-substack-feed .wp-block-rss__item:first-child{ padding-top:0; }
.wp-block-rss.jh-substack-feed .wp-block-rss__item:last-child{ border-bottom:none; padding-bottom:0; }
.wp-block-rss.jh-substack-feed .wp-block-rss__item-title{ display:block; margin-bottom:6px; }
.wp-block-rss.jh-substack-feed .wp-block-rss__item-title a{
  font-family: var(--wp--preset--font-family--archivo); font-weight:800;
  font-size:clamp(1.1rem,2vw,1.35rem); color:var(--wp--preset--color--black);
}
.wp-block-rss.jh-substack-feed .wp-block-rss__item-title a:hover{ color:var(--wp--preset--color--magenta); }
.wp-block-rss.jh-substack-feed .wp-block-rss__item-publish-date{
  font-family: var(--wp--preset--font-family--space-mono); font-size:12px; text-transform:uppercase;
  letter-spacing:0.04em; color:var(--wp--preset--color--grey); display:block; margin-bottom:10px;
}
.wp-block-rss.jh-substack-feed .wp-block-rss__item-excerpt{
  color:var(--wp--preset--color--grey); font-size:15.5px; line-height:1.6; margin:0;
}

/* ---------- post list (thoughts) ---------- */
.jh-postlist article{ border-bottom:2px solid var(--wp--preset--color--black); padding:26px 0; }
.jh-postlist article:first-child{ padding-top:0; }
.jh-postlist .wp-block-post-title{ text-transform:none; letter-spacing:-0.005em; margin:0; font-size:clamp(20px,2.6vw,26px); }
.jh-postlist .wp-block-post-date{
  font-family: var(--wp--preset--font-family--space-mono); font-size:12px; text-transform:uppercase; color:var(--wp--preset--color--grey);
}

/* ---------- contact form wrapper ---------- */
.jh-form-wrap input[type="text"],
.jh-form-wrap input[type="email"],
.jh-form-wrap textarea{
  font-family: var(--wp--preset--font-family--archivo); font-size:15px;
  border:2px solid var(--wp--preset--color--black); padding:12px 14px; width:100%; background:var(--wp--preset--color--white); color:var(--wp--preset--color--black);
}
.jh-form-wrap label{
  font-family: var(--wp--preset--font-family--space-mono); font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--wp--preset--color--grey); display:block; margin-bottom:8px;
}
.jh-form-note{ font-family: var(--wp--preset--font-family--space-mono); font-size:11.5px; color:var(--wp--preset--color--grey); }

/* ---------- footer ---------- */
.jh-footer{ background:var(--wp--preset--color--black); color:var(--wp--preset--color--white); }
.jh-footer a{ color:var(--wp--preset--color--white); }
.jh-footer-email{
  font-family: var(--wp--preset--font-family--space-mono); font-size:17px; color:var(--wp--preset--color--cyan-light);
  border-bottom:1px solid transparent; display:inline-block; margin-top:14px;
}
.jh-footer-email:hover{ border-bottom-color:var(--wp--preset--color--cyan-light); color:var(--wp--preset--color--cyan-light); }
.jh-footer .wp-block-navigation{ font-family: var(--wp--preset--font-family--space-mono); font-size:12px; text-transform:uppercase; letter-spacing:0.04em; }
.jh-footer .wp-block-navigation a{ color:#a8a8a8; }
.jh-footer .wp-block-navigation a:hover{ color:var(--wp--preset--color--white); }
.jh-footer-bottom{ border-top:1px solid #2b2b2b; font-family: var(--wp--preset--font-family--space-mono); font-size:11px; color:#7a7a7a; letter-spacing:0.02em; }

/* ---------- narrow template ---------- */
.jh-narrow{ max-width:720px; margin-left:auto; margin-right:auto; }

/* ---------- block style variations ---------- */
.wp-block-image.is-style-jamiehale-framed img{ border:2px solid var(--wp--preset--color--black); aspect-ratio:4/5; object-fit:cover; width:100%; }
.wp-block-image.is-style-jamiehale-framed figcaption{
  font-family: var(--wp--preset--font-family--space-mono);
  font-size:11px; color:var(--wp--preset--color--grey); text-align:left; margin-top:8px;
}
.wp-block-group.is-style-jamiehale-bordered{ border:2px solid var(--wp--preset--color--black); }

/* ---------- divider options (Separator block styles) ---------- */
.wp-block-separator.is-style-jamiehale-hairline,
.wp-block-separator.is-style-jamiehale-bold,
.wp-block-separator.is-style-jamiehale-dashed,
.wp-block-separator.is-style-jamiehale-accent-magenta,
.wp-block-separator.is-style-jamiehale-accent-cyan{
  border:none; background:none; opacity:1; height:0;
}
.wp-block-separator.is-style-jamiehale-hairline{ border-top:1px solid var(--grey-line); }
.wp-block-separator.is-style-jamiehale-bold{ border-top:3px solid var(--wp--preset--color--black); }
.wp-block-separator.is-style-jamiehale-dashed{ border-top:2px dashed var(--wp--preset--color--grey); }
.wp-block-separator.is-style-jamiehale-accent-magenta{ border-top:4px solid var(--wp--preset--color--magenta); max-width:64px; margin-left:0; margin-right:auto; }
.wp-block-separator.is-style-jamiehale-accent-cyan{ border-top:4px solid var(--wp--preset--color--cyan); max-width:64px; margin-left:0; margin-right:auto; }
.wp-block-separator.is-style-jamiehale-thick{
  border-top:8px solid var(--wp--preset--color--black); width:100%; max-width:100%;
  margin-top:72px !important; margin-bottom:72px !important;
}
@media (max-width:600px){
  .wp-block-separator.is-style-jamiehale-thick{ margin-top:48px !important; margin-bottom:48px !important; }
}

/* ---------- divider patterns ---------- */
.jh-divider-labelled{ gap:18px; align-items:center; }
.jh-divider-labelled .jh-divider-line{ flex:1 1 auto; margin:0 !important; max-width:none; }
.jh-divider-label{
  font-family: var(--wp--preset--font-family--space-mono); font-size:12px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--wp--preset--color--grey); white-space:nowrap; margin:0;
}
.jh-divider-dots{
  font-family: var(--wp--preset--font-family--space-mono); letter-spacing:0.6em;
  color:var(--wp--preset--color--grey); font-size:18px; margin:0;
}

@media (max-width:781px){
  .jh-split{ flex-wrap:wrap; }
  .jh-split .jh-consult{ border-left:none; border-top:3px solid var(--wp--preset--color--black); }
  .jh-cat-grid > .wp-block-column,
  .jh-steps > .wp-block-column,
  .jh-services > .wp-block-column{ border-right:none !important; }
  .jh-check-cols > .wp-block-column:last-child{ border-left:none; border-top:2px solid var(--wp--preset--color--black); }
}