/*! ביטוחים NET — theme.css
   One stylesheet for the front end and the block editor.
   Layers 1–6 are the approved designs (homepage, services hub, service pages, about, people, "why us", contact, profile); 7–9 fit them into WordPress.
   1 Tokens → 2 Base → 3 Components (.bn-*, from the design system) → 4 Layout (.site-*) → 5 Page sections → 6 Breakpoints
   → 7 WordPress canvas → 8 Editor content → 9 Legacy presets
   RTL-first: every direction-aware rule uses logical properties (inline-start/end), so the theme needs NO rtl.css. */

/* 1. TOKENS — mirror in theme.json (settings.color.palette / typography.fontFamilies / spacing.spacingSizes) */
:root{
  --bn-navy:#01196C;--bn-blue:#1396FC;--bn-sky:#A3DCF9;--bn-ink:#0D1226;
  --bn-blue-50:#F2F8FE;--bn-blue-100:#E1F0FD;--bn-blue-200:#A3DCF9;--bn-blue-300:#71C4F8;--bn-blue-400:#3EA9FA;--bn-blue-500:#1396FC;--bn-blue-600:#0B7BDB;--bn-blue-700:#0960B0;--bn-blue-800:#063D8F;--bn-blue-900:#01196C;--bn-blue-950:#010E43;
  --bn-white:#FFFFFF;--bn-gray-50:#F6F8FB;--bn-gray-100:#EDF1F7;--bn-gray-200:#DFE5EF;--bn-gray-300:#C6CFDF;--bn-gray-400:#98A3BB;--bn-gray-500:#6A7690;--bn-gray-600:#4B566E;--bn-gray-700:#333D52;--bn-gray-800:#1D2438;--bn-gray-900:#0D1226;
  --bn-success:#0E9F6E;--bn-success-bg:#E6F6F0;--bn-warning:#C96A0A;--bn-warning-bg:#FDF3E3;--bn-danger:#DC2F44;--bn-danger-bg:#FDEBEE;--bn-info:var(--bn-blue-600);--bn-info-bg:var(--bn-blue-50);
  --text-strong:var(--bn-gray-900);--text-body:var(--bn-gray-700);--text-muted:var(--bn-gray-500);--text-inverse:#FFFFFF;--text-inverse-soft:#BFD3F2;--text-link:var(--bn-blue-600);--text-brand:var(--bn-navy);
  --surface-page:#FFFFFF;--surface-alt:var(--bn-gray-50);--surface-card:#FFFFFF;--surface-sky:var(--bn-blue-50);--surface-navy:var(--bn-navy);--surface-deep:var(--bn-blue-950);
  --border-default:var(--bn-gray-200);--border-strong:var(--bn-gray-300);--border-inverse:rgba(255,255,255,.18);
  --focus-ring:0 0 0 3px rgba(19,150,252,.28);
  /* Brand gradients — 115deg = the logo's diagonal; never use other angles */
  --grad-hero:linear-gradient(115deg,#010E43,#01196C 45%,#063D8F 80%,#0960B0);
  --grad-cta:linear-gradient(115deg,#0B7BDB,#1396FC 60%,#3EA9FA);
  --grad-sky:linear-gradient(115deg,#E1F0FD,#F2F8FE);
  --font-display:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Assistant','Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:62px;
  --leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;
  --tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.08em;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;
  --radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;
  --shadow-sm:0 1px 2px rgba(1,25,108,.07);
  --shadow-md:0 2px 6px rgba(1,25,108,.06),0 10px 24px -8px rgba(1,25,108,.14);
  --shadow-lg:0 4px 12px rgba(1,25,108,.08),0 24px 48px -12px rgba(1,25,108,.22);
  --shadow-navy:0 12px 32px -8px rgba(1,14,67,.45);
  --container-max:1160px;
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.45,0,.2,1);
  --dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;--dur-page:420ms;
  --header-h:76px;
}

/* 2. BASE */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
/* Anchor targets clear the sticky header. The offset is each target's own margin, not a scroll padding on the
   page: a padding also counts the header itself as out of view, and the page would jump whenever a control in
   the header takes focus. For logged-in editors WordPress adds the admin bar's height itself. */
:root{--anchor-offset:var(--header-h)}
:where([id]){scroll-margin-top:var(--anchor-offset)}
/* The same for a control that takes the keyboard focus while it is under the header (tabbing backwards) */
:where(main,footer) :where(a[href],button,input,select,textarea,summary,[tabindex]){scroll-margin-top:calc(var(--anchor-offset) + 12px)}
body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);line-height:var(--leading-tight);margin:0}
p{margin:0}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
/* A core button that is a link takes its states' colours from theme.json: this rule would outweigh them */
a:where(:not(.wp-element-button)):hover{color:var(--bn-blue-700)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
bdo{unicode-bidi:bidi-override}
::selection{background:var(--bn-blue-200);color:var(--bn-navy)}
/* Keyboard focus: a solid two-tone outline — white against the element, blue beyond it — that clears 3:1 on white,
   on the tinted bands and on the navy ones. The design system's ring (--focus-ring, a 28% sky glow) is 1.36:1 against
   the page, too faint to find; it stays with the fields, whose border also turns blue (see 3. Components). */
:focus-visible{outline:2px solid var(--bn-blue-600);outline-offset:2px;box-shadow:0 0 0 2px #fff}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
@keyframes bn-fade{from{opacity:0}}
@keyframes bn-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes bn-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* 3. COMPONENTS — verbatim from the design system (components/components.css) + dialog/toast element glue */
.bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:normal;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.bn-btn:active{transform:translateY(1px)}
.bn-btn:focus-visible{box-shadow:var(--focus-ring)}
.bn-btn--sm{height:34px;padding:0 14px;font-size:var(--text-sm)}
.bn-btn--md{height:42px;padding:0 20px;font-size:15px}
.bn-btn--lg{height:50px;padding:0 26px;font-size:var(--text-md)}
.bn-btn--primary{background:var(--bn-blue-500);color:#fff}
.bn-btn--primary:hover{background:var(--bn-blue-600);color:#fff}
.bn-btn--primary:active{background:var(--bn-blue-700)}
.bn-btn--navy{background:var(--bn-navy);color:#fff}
.bn-btn--navy:hover{background:var(--bn-blue-800);color:#fff}
.bn-btn--outline{background:#fff;border-color:var(--border-strong);color:var(--bn-navy)}
.bn-btn--outline:hover{border-color:var(--bn-blue-500);color:var(--bn-blue-600);background:var(--bn-blue-50)}
.bn-btn--ghost{background:transparent;color:var(--bn-blue-600)}
.bn-btn--ghost:hover{background:var(--bn-blue-50)}
.bn-btn--danger{background:var(--bn-danger);color:#fff}
.bn-btn--danger:hover{background:#C21F33}
.bn-btn--inverse{background:#fff;color:var(--bn-navy)}
.bn-btn--inverse:hover{background:var(--bn-blue-100);color:var(--bn-navy)}
.bn-btn[disabled],.bn-btn--disabled{opacity:.45;pointer-events:none}
.bn-btn--full{width:100%}
.bn-btn__spin{width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-inline-start-color:transparent;animation:bn-spin .7s linear infinite}
.bn-iconbtn{padding:0;aspect-ratio:1}
.bn-iconbtn.bn-btn--sm{width:34px}.bn-iconbtn.bn-btn--md{width:42px}.bn-iconbtn.bn-btn--lg{width:50px}
/* Fields */
.bn-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body)}
.bn-field__label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-strong)}
.bn-field__req{color:var(--bn-danger);margin-inline-start:2px}
.bn-input{width:100%;height:42px;padding:0 14px;font:inherit;font-size:15px;color:var(--text-strong);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.bn-input::placeholder{color:var(--bn-gray-400)}
.bn-input:hover{border-color:var(--bn-gray-400)}
.bn-input:focus{outline:2px solid transparent;border-color:var(--bn-blue-500);box-shadow:var(--focus-ring)}
.bn-input--area{height:auto;min-height:110px;padding:10px 14px;resize:vertical;line-height:var(--leading-normal)}
.bn-input--invalid{border-color:var(--bn-danger)}
.bn-input--invalid:focus{border-color:var(--bn-danger);box-shadow:0 0 0 3px rgba(220,47,68,.22);outline:2px solid var(--bn-blue-600);outline-offset:2px}
.bn-field__hint{font-size:13px;color:var(--text-muted)}
.bn-field__error{font-size:13px;font-weight:var(--weight-semibold);color:var(--bn-danger)}
.bn-select{position:relative;display:block}
.bn-select .bn-input{-webkit-appearance:none;appearance:none;padding-inline-end:38px;cursor:pointer}
.bn-select__caret{position:absolute;inset-inline-end:14px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--bn-gray-500);border-bottom:2px solid var(--bn-gray-500);transform:rotate(45deg);pointer-events:none}
/* Choice controls */
.bn-check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--text-body);user-select:none}
.bn-check input{position:absolute;opacity:0;width:0;height:0}
.bn-check__box{flex:none;width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:#fff;position:relative;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.bn-check--radio .bn-check__box{border-radius:50%}
.bn-check:hover .bn-check__box{border-color:var(--bn-blue-400)}
.bn-check input:checked+.bn-check__box{background:var(--bn-blue-500);border-color:var(--bn-blue-500)}
.bn-check input:focus-visible+.bn-check__box{box-shadow:var(--focus-ring)}
.bn-check__box::after{content:"";position:absolute;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}
.bn-check:not(.bn-check--radio) .bn-check__box::after{inset-inline-start:6px;top:2.5px;width:4px;height:9px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(40deg)}
.bn-check--radio .bn-check__box::after{inset:4.5px;border-radius:50%;background:#fff}
.bn-check input:checked+.bn-check__box::after{opacity:1}
.bn-check--disabled{opacity:.45;pointer-events:none}
.bn-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;user-select:none}
.bn-switch input{position:absolute;opacity:0;width:0;height:0}
.bn-switch__track{flex:none;width:42px;height:24px;border-radius:var(--radius-full);background:var(--bn-gray-300);position:relative;transition:background var(--dur-base) var(--ease-out)}
.bn-switch__track::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}
.bn-switch input:checked+.bn-switch__track{background:var(--bn-blue-500)}
.bn-switch input:checked+.bn-switch__track::after{transform:translateX(-18px)}
[dir="ltr"] .bn-switch input:checked+.bn-switch__track::after{transform:translateX(18px)}
.bn-switch input:focus-visible+.bn-switch__track{box-shadow:var(--focus-ring)}
/* Card */
.bn-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}
.bn-card--flat{box-shadow:none}
.bn-card--sky{background:var(--surface-sky);border-color:var(--bn-blue-100)}
.bn-card--navy{background:var(--grad-hero);border:none;color:var(--text-inverse-soft)}
.bn-card--navy h1,.bn-card--navy h2,.bn-card--navy h3,.bn-card--navy h4{color:#fff}
.bn-card--hover{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.bn-card--hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
/* Badge + Tag */
.bn-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold)}
.bn-badge--blue{background:var(--bn-blue-100);color:var(--bn-blue-700)}
.bn-badge--navy{background:var(--bn-navy);color:#fff}
.bn-badge--sky{background:var(--bn-blue-200);color:var(--bn-navy)}
.bn-badge--success{background:var(--bn-success-bg);color:#0B7A55}
.bn-badge--warning{background:var(--bn-warning-bg);color:var(--bn-warning)}
.bn-badge--danger{background:var(--bn-danger-bg);color:var(--bn-danger)}
.bn-badge--neutral{background:var(--bn-gray-100);color:var(--bn-gray-600)}
.bn-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--radius-sm);background:var(--bn-gray-100);border:1px solid var(--border-default);color:var(--text-body);font-size:13px;font-weight:var(--weight-semibold)}
.bn-tag__x{all:unset;cursor:pointer;line-height:1;font-size:15px;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out)}
.bn-tag__x:hover{color:var(--bn-danger)}
/* Tabs */
.bn-tabs{display:flex;gap:var(--space-6);border-bottom:1.5px solid var(--border-default)}
.bn-tab{all:unset;cursor:pointer;padding:0 2px 11px;font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);color:var(--text-muted);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.bn-tab:hover{color:var(--text-strong)}
.bn-tab--active{color:var(--bn-blue-600);border-color:var(--bn-blue-500)}
.bn-tab:focus-visible{box-shadow:var(--focus-ring);border-radius:4px}
/* The theme's additions to the components above.
   Keyboard focus (see :focus-visible in 2. Base): the same outline on the components that set their own ring or reset everything. */
.bn-btn:focus-visible{box-shadow:0 0 0 2px #fff}
.bn-tab:focus-visible,.bn-tag__x:focus-visible{outline:2px solid var(--bn-blue-600);outline-offset:2px;box-shadow:0 0 0 2px #fff;border-radius:4px}
.bn-check input:focus-visible+.bn-check__box,.bn-switch input:focus-visible+.bn-switch__track{outline:2px solid var(--bn-blue-600);outline-offset:2px;box-shadow:0 0 0 2px #fff}
/* A button that is busy sending keeps the focus: it is marked aria-disabled rather than disabled */
.bn-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
/* A full-width button wraps its text rather than run out of a narrow screen */
.bn-btn--full.bn-btn--lg{white-space:normal;height:auto;min-height:50px;padding-block:8px}
/* The close mark of a toast is small; its hit area is not */
.bn-toast .bn-tag__x{position:relative}
.bn-toast .bn-tag__x::after{content:"";position:absolute;inset:-12px}
@media (prefers-reduced-motion:reduce){
  .bn-btn__spin{animation:none}
}
/* Dialog — the DS renders a div scrim (.bn-overlay); the theme uses the native <dialog> so focus trap + Escape come free */
.bn-overlay{position:fixed;inset:0;background:rgba(13,18,38,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:80;animation:bn-fade var(--dur-base) var(--ease-out)}
.bn-dialog{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:var(--space-7);animation:bn-rise var(--dur-slow) var(--ease-out)}
.bn-dialog__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}
dialog.bn-dialog{border:0;margin:auto;color:var(--text-body);width:min(var(--dialog-w,460px),calc(100vw - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto}
/* A browser that does not know the element (Safari before 15.4) would show the closed dialog's form in the page */
dialog:not([open]){display:none}
dialog.bn-dialog::backdrop{background:rgba(13,18,38,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bn-fade var(--dur-base) var(--ease-out)}
.bn-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bn-dialog__x{font-size:20px;line-height:1}
.bn-dialog__body{font-size:15px;color:var(--text-body)}
/* Toast */
.bn-toast{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px 16px;min-width:280px;max-width:380px;animation:bn-rise var(--dur-slow) var(--ease-out)}
.bn-toast__chip{flex:none;width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:16px}
.bn-toast--success .bn-toast__chip{background:var(--bn-success-bg);color:var(--bn-success)}
.bn-toast--info .bn-toast__chip{background:var(--bn-info-bg);color:var(--bn-info)}
.bn-toast--danger .bn-toast__chip{background:var(--bn-danger-bg);color:var(--bn-danger)}
.bn-toast--warning .bn-toast__chip{background:var(--bn-warning-bg);color:var(--bn-warning)}
.bn-toast__text{flex:1;display:flex;flex-direction:column;gap:2px}
.bn-toast__title{font-weight:var(--weight-bold);color:var(--text-strong);font-size:15px}
.bn-toast__msg{font-size:var(--text-sm);color:var(--text-muted)}
.toast-host{position:fixed;inset-inline-start:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;gap:10px}
/* A message about the dialog's form is part of the panel, under the form, so it never covers the form's button */
.toast-host--dialog{position:static}
.toast-host--dialog .bn-toast{margin-top:16px;min-width:0;max-width:none;box-shadow:none}
/* Tooltip */
.bn-tip{position:relative;display:inline-flex}
.bn-tip__bubble{position:absolute;bottom:calc(100% + 9px);inset-inline-start:50%;transform:translateX(50%) translateY(3px);background:var(--bn-gray-900);color:#fff;font-size:13px;font-weight:var(--weight-medium);padding:6px 11px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);z-index:60}
[dir="ltr"] .bn-tip__bubble{transform:translateX(-50%) translateY(3px)}
.bn-tip__bubble::after{content:"";position:absolute;top:100%;inset-inline-start:50%;margin-inline-start:-5px;border:5px solid transparent;border-top-color:var(--bn-gray-900)}
.bn-tip:hover .bn-tip__bubble,.bn-tip:focus-within .bn-tip__bubble{opacity:1;transform:translateX(50%) translateY(0)}
[dir="ltr"] .bn-tip:hover .bn-tip__bubble,[dir="ltr"] .bn-tip:focus-within .bn-tip__bubble{transform:translateX(-50%) translateY(0)}

/* 4. LAYOUT + SHARED PRIMITIVES */
.site-container{max-width:var(--container-max);margin:0 auto;padding:0 24px}
.site-section{padding-block:80px}
.site-skip{position:absolute;inset-inline-start:16px;top:-48px;z-index:100;padding:10px 16px;border-radius:var(--radius-md);background:var(--bn-navy);color:#fff;font-family:var(--font-display);font-weight:700;transition:top var(--dur-fast) var(--ease-out)}
.site-skip:focus{top:12px;color:#fff}
/* The skip link's target takes the focus, not a ring: it is the page's content, not a control */
main:focus{outline:none;box-shadow:none}
/* Icons — inline SVG sprite (Lucide outlines, 24×24 viewBox, 2px stroke) referenced with <svg class="icon"><use href="#i-…"></use></svg> */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:inline-block;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Eyebrow — section kicker with the skewed brand bar */
.eyebrow,.bituchim-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--bn-blue-600);margin-bottom:10px}
.eyebrow::before,.bituchim-eyebrow::before{content:"";display:inline-block;flex:none;width:14px;height:3px;background:var(--bn-blue-500);transform:skewX(-25deg)}
.eyebrow--center{justify-content:center}
.eyebrow--inverse{color:var(--bn-sky)}
.eyebrow--inverse::before{background:var(--bn-blue-400)}
/* Section heads */
.section-head{max-width:640px;margin-bottom:36px}
.section-head--center{margin-inline:auto;text-align:center}
.section-title{font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.15;text-wrap:balance}
.section-sub{color:var(--text-muted);font-size:17px;line-height:1.65;margin-top:12px;text-wrap:pretty}
/* Icon chip (tinted tile) */
.chip{display:flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-md);background:var(--bn-blue-100);color:var(--bn-blue-600)}
/* Skewed decorative bar */
.bar{display:block;width:22px;height:4px;background:var(--bn-blue-500);transform:skewX(-25deg)}
/* Media frames — the image covers a frame whose ratio is set per use (hero 5:4, portrait 4:5, team 21:9) */
.media{position:relative;overflow:hidden;margin:0;background:var(--bn-blue-50)}
.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* LTR-isolated fields (phone numbers) keep the page's right alignment */
.site-ltr .bn-input{direction:ltr;text-align:right}

/* 5. SECTIONS ------------------------------------------------------------ */
/* 5.1 Header (template-parts/header/site-header.php) */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-default)}
body.admin-bar .site-header{top:32px}
.site-header__inner{height:var(--header-h);display:flex;align-items:center;gap:16px}
.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:inherit}
.site-brand:hover{color:inherit}
.site-brand__mark{height:40px;width:auto;display:block}
.site-brand__text{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.site-brand__name{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--bn-navy);line-height:1;white-space:nowrap}
.site-brand__latin{letter-spacing:.05em}
.site-brand__line{display:flex;align-items:baseline;gap:6px}
.site-brand__tag{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.01em;color:var(--bn-gray-600);line-height:1;white-space:nowrap}
/* The rule between the brand and the menu; it goes with the menu on narrow screens */
.site-header__rule{width:1px;height:36px;background:var(--border-strong);flex:none}
.site-nav{margin-inline-start:8px}
.site-nav__list{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.site-nav__list>li>a{position:relative;display:block;padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--bn-gray-700);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.site-nav__list>li>a:hover,.site-dd:hover>a{color:var(--bn-blue-600);background:var(--bn-blue-50)}
/* The current page: navy, with the brand's slanted bar under it, and no change on hover */
.site-nav__list>li>a[aria-current]{color:var(--bn-navy)}
.site-nav__list>li>a[aria-current]:hover{color:var(--bn-navy);background:transparent}
.site-nav__list>li>a[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:0;margin:0 auto;width:22px;height:3px;background:var(--bn-blue-500);transform:skewX(-25deg)}
/* The services menu: a panel under the hub's link. The pointer opens it by hovering; the arrow beside the link is a
   button that shows and hides it (assets/js/main.js: class is-open), and Escape closes it. The button lies over the
   end of the link, where the arrow was part of the link: the link keeps the room (4px gap + 16px arrow + 12px) as
   padding, so nothing moves. Until the script is ready (class is-ready) the button is inert, a click on the arrow
   reaches the link under it, and the panel opens when the link takes the focus. */
.site-dd{position:relative;display:flex}
.site-nav__list>.site-dd>a{padding-inline-end:32px}
.site-dd__toggle{position:absolute;inset-block:0;inset-inline-end:8px;width:24px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.site-dd:not(.is-ready)>.site-dd__toggle{pointer-events:none}
/* The outline stays on the arrow, off the link's label beside it */
.site-dd__toggle:focus-visible{outline-offset:0;border-radius:4px}
/* On the arrow, as on the link itself, the current page's link shows no hover */
.site-dd:has(>.site-dd__toggle:hover)>a[aria-current]{background:transparent}
.site-dd__chev{color:var(--bn-gray-400);transition:transform var(--dur-fast) var(--ease-out)}
.site-dd__panel{position:absolute;top:100%;inset-inline-start:0;padding-top:12px;z-index:60;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}
.site-dd:hover .site-dd__panel,.site-dd:not(.is-ready):focus-within .site-dd__panel,.site-dd.is-open .site-dd__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.site-dd:hover .site-dd__chev,.site-dd:not(.is-ready):focus-within .site-dd__chev,.site-dd.is-open .site-dd__chev{transform:rotate(180deg)}
.site-dd.is-closed .site-dd__panel{opacity:0;visibility:hidden}
.site-dd.is-closed .site-dd__chev{transform:none}
.site-dd__box{width:660px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.site-dd__cols{display:grid;grid-template-columns:1.1fr 1fr}
/* Services of one kind only: a single, narrower column */
.site-dd__box--single{width:360px}
.site-dd__box--single .site-dd__cols{grid-template-columns:1fr}
.site-dd__col,.site-dd__list{display:flex;flex-direction:column;gap:2px}
.site-dd__col{padding:18px 12px 14px}
.site-dd__list{margin:0;padding:0;list-style:none}
.site-dd__col--alt{background:var(--surface-alt);border-inline-start:1px solid var(--border-default)}
.site-dd__label{display:flex;align-items:center;gap:8px;margin:0 10px 10px;font-family:var(--font-display);font-size:12.5px;font-weight:700;color:var(--bn-blue-600)}
.site-dd__label::before{content:"";display:block;flex:none;width:14px;height:3px;background:var(--bn-blue-500);transform:skewX(-25deg)}
.site-dd__item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);color:inherit;white-space:nowrap}
.site-dd__item:hover{background:var(--bn-blue-50);color:inherit}
.site-dd__chip{width:36px;height:36px;border-radius:9px}
.site-dd__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-dd__title{font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.25;color:var(--text-strong)}
.site-dd__desc{font-size:13px;line-height:1.4;color:var(--text-muted)}
.site-dd__all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border-default);background:#fff;font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--bn-navy);white-space:nowrap}
.site-dd__all:hover{background:var(--bn-blue-50);color:var(--bn-blue-700)}
.site-dd__all .icon{color:var(--bn-blue-500)}
/* The box clips what is outside it, an outline included: this link's is drawn inside */
.site-dd__all:focus-visible{outline-offset:-4px;box-shadow:none}
.site-header__actions{margin-inline-start:auto;display:flex;gap:10px;align-items:center}
.site-menu-btn{display:none}
/* The menu scrolls within the window: with the services listed it is taller than a small phone */
.site-menu{position:absolute;inset-inline:0;top:100%;max-height:calc(100vh - var(--header-h) - var(--wp-admin--admin-bar--height,0px));max-height:calc(100dvh - var(--header-h) - var(--wp-admin--admin-bar--height,0px));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-lg);padding:12px 24px 20px;display:flex;flex-direction:column;gap:2px;animation:bn-rise var(--dur-slow) var(--ease-out)}
.site-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--bn-gray-700)}
.site-menu a:hover,.site-menu a[aria-current]{color:var(--bn-blue-600);background:var(--bn-blue-50)}
.site-menu a .icon{color:var(--bn-gray-400)}
.site-menu__list,.site-menu__list>li{display:flex;flex-direction:column;gap:2px}
.site-menu__list,.site-menu__sub{margin:0;padding:0;list-style:none}
/* The services under the hub's link */
.site-menu__sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px;margin:2px 0 6px;margin-inline-start:12px;padding-block:8px;padding-inline:10px 0;border-inline-start:2px solid var(--bn-blue-100)}
.site-menu__sub a{padding:8px 10px;font-size:14.5px;font-weight:600;color:var(--bn-gray-600)}
.site-menu__sub a:hover{color:var(--bn-blue-700);background:var(--bn-blue-50)}
.site-menu a.site-menu__cta,.site-menu a.site-menu__cta:hover{color:var(--bn-navy);border-radius:0}
.site-menu__cta{margin-top:8px;border-top:1px solid var(--border-default)}
.site-menu a.site-menu__cta .icon{color:var(--bn-blue-500)}

/* 5.2 Hero (template-parts/front/hero.php): the photo runs from the window's edge to under the copy and dissolves into the band ("fade"), or sits in a card beside it ("card") */
.hero{background:var(--grad-hero);position:relative;overflow:hidden;color:#fff}
.hero__mark{position:absolute;inset-inline-start:-140px;bottom:-90px;width:640px;max-width:none;opacity:.07;pointer-events:none}
.hero__inner{position:relative;padding-top:84px;padding-bottom:92px}
.hero--card .hero__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
/* The copy keeps to the right half of the content width, over the photo's edge */
.hero--fade .hero__inner{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:620px}
.hero--fade .hero__copy{position:relative;z-index:1;max-width:50%}
.hero .eyebrow{font-size:15px;margin-bottom:18px}
.hero .eyebrow::before{width:16px}
.hero__title{color:#fff;font-size:clamp(34px,4.4vw,58px);font-weight:800;line-height:1.12;margin:0 0 20px;max-width:620px;text-wrap:balance}
.hero__title-accent{display:block;color:var(--bn-sky)}
.hero__text{color:var(--text-inverse-soft);font-size:18px;line-height:1.7;max-width:540px;margin:0 0 30px;text-wrap:pretty}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero__media{position:relative}
.hero__media-accent{position:absolute;inset-inline-end:-26px;bottom:-22px;width:46%;height:40%;border-radius:var(--radius-lg);background:var(--grad-cta);transform:skewX(-25deg);opacity:.95}
.hero__frame{margin:0;aspect-ratio:5/4;border-radius:var(--radius-xl);box-shadow:var(--shadow-navy);background:var(--bn-blue-800);border:1px solid rgba(255,255,255,.14)}
/* The fade's frame is the left 70% of the band at its full height; the photo covers it and fades out at the brand angle. The design tool masks a photo only, and shows its empty slot as a navy box; the theme's placeholder is navy itself and gets the same fade, so the copy stays readable over it */
.hero__photo{position:absolute;top:0;bottom:0;inset-inline-end:0;width:70%;background:var(--bn-blue-800);-webkit-mask-image:linear-gradient(115deg,#000 50%,transparent 80%);mask-image:linear-gradient(115deg,#000 50%,transparent 80%)}
.hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 5.3 Services — תחומי התכנון (template-parts/front/services.php) */
.svc-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border-default)}
.svc-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px 12px;border-bottom:1px solid var(--border-default);color:inherit;transition:background var(--dur-base) var(--ease-out)}
.svc-row:hover{background:var(--surface-sky);color:inherit}
.svc-row__num{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--bn-blue-600)}
.svc-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.svc-row__title{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.2;color:var(--text-strong)}
.svc-row__desc{font-size:16px;line-height:1.55;color:var(--text-muted)}
.svc-row__go,.hub-row__go{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--bn-blue-600);background:#fff;flex:none}
.svc-row__go{transition:border-color var(--dur-fast) var(--ease-out)}
.svc-row:hover .svc-row__go{border-color:var(--bn-blue-400)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(300px,40%)),1fr));gap:20px}
.svc-card{display:flex;flex-direction:column;color:inherit}
.svc-card:hover{color:inherit}
.svc-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.svc-card__chip{width:52px;height:52px}
.svc-card__num{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--bn-gray-400)}
.svc-card__title{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2;color:var(--text-strong);margin-bottom:8px}
.svc-card__desc{font-size:15px;line-height:1.6;color:var(--text-body)}
.svc-card__more{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--bn-blue-600);transition:color var(--dur-fast) var(--ease-out),gap var(--dur-fast) var(--ease-out)}
.svc-card:hover .svc-card__more{color:var(--bn-blue-700);gap:10px}
.svc-card--featured{grid-column:1/-1;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap;padding:32px}
.svc-card--featured .svc-card__chip{width:60px;height:60px;background:rgba(255,255,255,.12);color:#fff}
.svc-card--featured .svc-card__body{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
.svc-card--featured .svc-card__num{font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--bn-sky)}
.svc-card--featured .svc-card__title{font-size:26px;color:#fff;margin:0}
.svc-card--featured .svc-card__desc{font-size:16px;color:var(--text-inverse-soft)}
.svc-card--featured .svc-card__go{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:#fff;color:var(--bn-navy);flex:none}
/* Secondary insurance strip — Customizer toggle `bn_show_secondary_insurance` */
.svc-aside{margin-top:28px;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--border-default)}
.svc-aside__label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--bn-gray-700)}
.svc-aside__tags{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.svc-aside__tags li{display:flex}
.svc-aside .bn-tag{background:#fff;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.svc-aside .bn-tag:hover{border-color:var(--bn-blue-400);color:var(--bn-blue-700)}

/* 5.4 Why — למה אנחנו (template-parts/front/why.php) */
.why{background:var(--surface-sky)}
.why .section-head{margin-bottom:44px}
.why__closing{margin-top:18px;font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.4;color:var(--bn-navy);text-wrap:balance}
.why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.why__note{max-width:780px;margin:48px auto 0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2vw,24px);line-height:1.35;color:var(--bn-navy);text-wrap:balance}
.why-card{background:#fff;border:1px solid var(--bn-blue-100);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm)}
.why-card__chip{width:56px;height:56px;margin-bottom:18px}
.why-card__title{font-size:19px;font-weight:800;margin-bottom:8px}
.why-card__text{font-size:15.5px;line-height:1.6;color:var(--text-body);text-wrap:pretty}

/* 5.5 Who — למי אנחנו מתאימים (template-parts/front/who.php) */
.who .section-head{margin-bottom:40px}
.who__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.who-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 20px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);text-align:center}
.who-card__title{font-size:21px;font-weight:800;color:var(--bn-navy)}
.who__quote{max-width:780px;margin:52px auto 0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,32px);line-height:1.3;color:var(--bn-navy);text-wrap:balance}

/* 5.6 About + Team — מי אנחנו (template-parts/front/about.php, team.php) */
.about{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px;align-items:start}
.about__text .section-title{margin-bottom:16px}
.about__lead{font-size:18px;line-height:1.7;color:var(--text-strong);font-weight:600;margin-bottom:14px;text-wrap:pretty}
.about__body{font-size:17px;line-height:1.75;text-wrap:pretty}
.about__facts{display:flex;flex-direction:column;gap:18px;padding:28px;margin:0;list-style:none}
.fact{display:flex;align-items:flex-start;gap:14px}
.fact__icon{width:36px;height:36px}
.fact__text{font-size:16px;line-height:1.55;color:var(--text-body);padding-top:6px}
.team{margin-top:64px}
.team__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.team__title{font-size:clamp(24px,2.4vw,30px);font-weight:800}
.team__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(240px,30%)),1fr));gap:20px;margin:0;padding:0;list-style:none}
.team-card,.team-card:hover{display:block;height:100%;padding:0;overflow:hidden;color:inherit}
.team-card__photo{aspect-ratio:4/5;border-bottom:1px solid var(--border-default)}
.team-card__body{padding:18px 20px 20px}
.team-card__name{font-size:19px;font-weight:800;margin-bottom:4px}
.team-card__role{font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--bn-blue-700);margin-bottom:10px}
.team-card__bio{font-size:15px;line-height:1.6;color:var(--text-muted)}
.team__photo{margin:20px 0 0;aspect-ratio:21/9;border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}
.team__caption{position:absolute;inset-inline-start:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--bn-navy);pointer-events:none;box-shadow:var(--shadow-sm)}

/* 5.7 CTA band — פגישת היכרות (template-parts/front/cta.php) */
.cta{padding-top:80px;padding-bottom:96px}
.cta__band{background:var(--grad-hero);border-radius:var(--radius-2xl);box-shadow:var(--shadow-navy);position:relative;overflow:hidden;color:#fff}
.cta__mark{position:absolute;inset-inline-start:-60px;bottom:-110px;width:380px;max-width:none;opacity:.12;pointer-events:none}
.cta__stripe{position:absolute;inset-inline-end:40px;top:-40px;width:140px;height:160%;background:rgba(255,255,255,.05);transform:skewX(-25deg);pointer-events:none}
.cta__inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:52px 56px}
.cta__text{max-width:600px}
.cta__text .eyebrow{margin-bottom:12px}
.cta__title{color:#fff;margin-bottom:12px}
.cta__sub{color:var(--text-inverse-soft);font-size:18px;line-height:1.65;text-wrap:pretty}
.cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0}
.cta__phone,.hub-intro__phone{display:flex;align-items:center;gap:8px;color:var(--text-inverse-soft);font-family:var(--font-display);font-size:14.5px;font-weight:600;white-space:nowrap}
.cta__phone:hover,.hub-intro__phone:hover{color:#fff}
.cta__phone .icon,.hub-intro__phone .icon{color:var(--bn-blue-300)}

/* 5.8 Footer (template-parts/footer/site-footer.php) */
.site-footer{background:var(--grad-hero);color:#fff;position:relative;overflow:hidden}
.site-footer__mark{position:absolute;inset-inline-end:-60px;bottom:-70px;width:340px;max-width:none;opacity:.07;pointer-events:none}
.site-footer__inner{position:relative;padding-top:56px;padding-bottom:28px}
.site-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}
.site-footer__brand{display:flex;align-items:center;gap:14px}
.site-footer__brand img{height:40px;width:auto;display:block;flex:none}
.site-footer__lockup{display:flex;flex-direction:column;gap:5px;min-width:0}
.site-footer__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;font-family:var(--font-display);font-weight:800;font-size:26px;color:#fff;line-height:1.1}
.site-footer__latin{letter-spacing:.05em}
.site-footer__line{display:flex;align-items:baseline;gap:7px}
.site-footer__tag{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--text-inverse-soft);line-height:1.2}
.site-footer__about{font-size:14.5px;color:var(--text-inverse-soft);max-width:340px;line-height:1.7;margin-top:18px;text-wrap:pretty}
.site-footer__col{display:flex;flex-direction:column;gap:12px}
.site-footer__heading{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}
.site-footer__link{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--text-inverse-soft)}
.site-footer__link:hover{color:#fff}
.site-footer__link .icon{color:var(--bn-blue-300)}
.site-footer__hours{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:14.5px;color:var(--text-inverse-soft);border-bottom:1px solid var(--border-inverse);padding-bottom:8px}
.site-footer__hours b{color:#fff}
.site-footer__note{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--text-inverse-soft);margin-top:4px}
.site-footer__note .icon{color:var(--bn-blue-300)}
.site-footer__bottom{border-top:1px solid var(--border-inverse);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;font-size:13px;color:var(--text-inverse-soft)}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.site-footer__legal a{color:var(--text-inverse-soft)}
.site-footer__legal a:hover,.site-footer__legal a.is-legal,.site-footer__legal a[aria-current]{color:#fff}
.site-footer__legal .sep{opacity:.4}
/* The credit of the agency that built the site, which the design files do not have: in the bottom row, between the
   copyright line and the links. Where the header takes its menu button the three no longer fit on a line, and the
   credit becomes the footer's last line (6. Breakpoints) */
.site-footer__credit{display:flex;gap:0 10px;white-space:nowrap}
.site-footer__credit a,.site-footer__credit a:hover{color:#fff}
.site-footer__credit a:hover{text-decoration:underline}
.site-footer__credit .sep{opacity:.4}

/* 5.9 Lead forms — the dialog (template-parts/lead-dialog.php), the meeting form of a planning area and the quote form of an elementary insurance page */
.lead-dialog{--dialog-w:480px}
.lead-form{display:grid;gap:14px}
.lead-form__intro{font-size:15px;color:var(--text-muted);line-height:1.55;margin-bottom:4px}
.lead-form__title{font-size:21px;font-weight:800;line-height:1.2;margin-bottom:6px}
.lead-form__note{font-size:15px;color:var(--text-muted);line-height:1.55}
.lead-form__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
.lead-form__privacy{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--text-muted)}
/* The note keeps its place beside the button and wraps there; where less than 15em is left for it, it takes a row of its own */
.lead-form__privacy:not(:empty){flex:1 1 15em}
/* The lock stays with the first line: centred on it, as it is on a note of one line */
.lead-form__privacy .icon{flex:none;margin-top:calc((1lh - 14px)/2);color:var(--bn-blue-500)}
.lead-form__privacy a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
/* Hidden in place: an element far off to the side would make the browser shrink the page to fit it when printing */
.lead-form__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;white-space:nowrap}
.meeting-form,.quote-form{padding:28px;width:100%;justify-self:end}
.meeting-form{max-width:520px}
.meeting-form__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
/* A fixed detail of the request: the subject of a planning page's form, or the person a meeting is asked with */
.meeting-form__topic,.lead-form__person{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-sky);border:1px solid var(--bn-blue-100);font-size:14.5px;color:var(--text-body)}
.meeting-form__topic .icon,.lead-form__person .icon{color:var(--bn-blue-600)}
.meeting-form__topic b,.lead-form__person b{color:var(--text-strong)}
.meeting-form .lead-form__foot{margin-top:4px}
.quote-form{max-width:460px;box-shadow:var(--shadow-lg)}

/* 5.10 Services hub — תחומי התכנון (template-parts/services/hub-*.php) */
.crumbs{font-size:14px;color:var(--text-muted);margin-bottom:40px}
.crumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.crumbs__list>li{display:flex;align-items:center;gap:8px}
.crumbs a{color:inherit}
.crumbs a:hover{color:var(--bn-blue-700)}
.crumbs [aria-current]{color:var(--text-strong);font-weight:600}
.crumbs--inverse{color:var(--text-inverse-soft);margin-bottom:44px}
.crumbs--inverse a:hover,.crumbs--inverse [aria-current]{color:#fff}
/* Headings shared by the hub, the service pages and the inner pages */
.service-title{font-size:clamp(26px,2.8vw,34px);font-weight:800;line-height:1.15;text-wrap:balance}
.service-sub{color:var(--text-muted);font-size:16px;line-height:1.6;margin-top:10px;text-wrap:pretty}
.service-sub--lg{font-size:16.5px}
.service-head{max-width:620px;margin-bottom:28px}
.hub-hero,.service-hero--elem{background:var(--grad-sky);border-bottom:1px solid var(--bn-blue-100);position:relative;overflow:hidden}
.hub-hero__mark,.service-hero--elem .service-hero__mark{position:absolute;inset-inline-start:-120px;bottom:-120px;width:560px;max-width:none;opacity:.06;pointer-events:none}
.hub-hero__inner{position:relative;padding-top:24px;padding-bottom:64px}
.hub-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:center}
.hub-hero__copy>.eyebrow{margin-bottom:14px}
.hub-hero__title{font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.12;margin:0 0 18px;color:var(--bn-navy);text-wrap:balance}
.hub-hero__title-accent{display:block;color:var(--bn-blue-600)}
.hub-hero__text{font-size:18px;line-height:1.7;max-width:540px;margin:0 0 28px;text-wrap:pretty}
.hub-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hub-intro{padding:30px;position:relative;overflow:hidden;max-width:460px;width:100%;justify-self:end}
.hub-intro__mark{position:absolute;inset-inline-end:-50px;bottom:-60px;width:220px;max-width:none;opacity:.1;pointer-events:none}
.hub-intro__body{position:relative;display:grid;gap:18px}
.hub-intro .eyebrow{font-size:13.5px}
.hub-intro__title{font-size:23px;font-weight:800;line-height:1.2}
.hub-intro__points{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.hub-intro__points li{display:flex;align-items:center;gap:10px;font-size:15.5px;color:var(--text-inverse-soft)}
.hub-intro__points .icon{color:var(--bn-sky)}
.hub-intro__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hub-planning{padding-top:64px;padding-bottom:72px}
.hub-planning__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.hub-planning__intro{max-width:620px}
.hub-planning__count{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--bn-gray-500)}
.hub-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border-default)}
.hub-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px 12px;border-bottom:1px solid var(--border-default);color:inherit;transition:background var(--dur-base) var(--ease-out)}
.hub-row:hover{background:var(--surface-sky);color:inherit}
.hub-row__num{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1;color:var(--bn-blue-600)}
.hub-row__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.hub-row__title{font-family:var(--font-display);font-weight:800;font-size:23px;line-height:1.2;color:var(--text-strong)}
.hub-row__desc{font-size:16px;line-height:1.55;color:var(--text-muted)}
.hub-row__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hub-row .bn-tag{background:#fff}
.hub-elem{background:var(--surface-alt);border-top:1px solid var(--border-default)}
.hub-elem__inner{padding-top:64px;padding-bottom:80px}
.hub-elem__head{max-width:640px;margin-bottom:32px}
/* Cards that link to a service: the hub's elementary insurance and a service page's related services */
.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px}
.link-grid--related{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.link-card{display:flex;flex-direction:column;gap:10px;color:inherit}
.link-card:hover{color:inherit}
.link-card__chip{width:52px;height:52px;margin-bottom:6px}
.link-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.link-card__top .chip{width:48px;height:48px}
.link-card__kind{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--bn-gray-500)}
.link-card__title{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2;color:var(--text-strong)}
.link-grid--related .link-card__title{font-size:19px}
.link-card__text{font-size:15px;line-height:1.6;color:var(--text-body)}
.link-card__more{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--bn-blue-600)}

/* 5.11 Service pages (template-parts/services/{hero-plan,hero-elem,who,includes,process,lead,expert,contact-card,faq,related}.php) */
.service-hero{position:relative;overflow:hidden}
.service-hero--plan{background:var(--grad-hero);color:#fff}
.service-hero--plan .service-hero__mark{position:absolute;inset-inline-start:-140px;bottom:-110px;width:620px;max-width:none;opacity:.07;pointer-events:none}
.service-hero__inner{position:relative;padding-top:24px;padding-bottom:72px}
.service-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px;align-items:center}
.service-hero__copy>.eyebrow{font-size:15px;margin-bottom:18px}
.service-hero__copy>.eyebrow::before{width:16px}
.service-hero__title{color:#fff;font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.12;margin:0 0 18px;max-width:620px;text-wrap:balance}
.service-hero__text{color:var(--text-inverse-soft);font-size:18px;line-height:1.7;max-width:560px;margin:0 0 30px;text-wrap:pretty}
.service-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.service-stats{margin:0;padding:0;list-style:none}
.service-hero--plan .service-stats{display:grid;gap:12px;max-width:480px;width:100%;justify-self:end}
.service-hero--plan .service-stat{display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:var(--radius-lg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.service-hero--plan .service-stat__value{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--bn-sky);min-width:96px;flex:none}
.service-hero--plan .service-stat__label{font-size:15px;line-height:1.5;color:var(--text-inverse-soft)}
/* Elementary insurance: the sky band, with the title beside its icon and the quote form */
.service-hero--elem .service-hero__inner{padding-bottom:64px}
.service-hero--elem .service-hero__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start}
.service-hero--elem .service-hero__copy>.eyebrow{font-size:14px;margin-bottom:16px}
.service-hero--elem .service-hero__copy>.eyebrow::before{width:14px}
.service-hero__heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.service-hero__icon{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:12px;background:var(--bn-navy);color:#fff;box-shadow:var(--shadow-navy)}
.service-hero--elem .service-hero__title{color:var(--bn-navy);font-size:clamp(32px,3.8vw,50px);line-height:1.1;margin:0;max-width:none}
.service-hero--elem .service-hero__text{color:var(--text-body);max-width:540px}
.service-hero--elem .service-stats{display:flex;flex-wrap:wrap;gap:20px 36px;padding-top:24px;border-top:1px solid var(--bn-blue-200)}
.service-hero--elem .service-stat{display:flex;flex-direction:column;gap:4px;min-width:120px;flex:1 1 140px}
.service-hero--elem .service-stat__value{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1;color:var(--bn-navy)}
.service-hero--elem .service-stat__label{font-size:14px;line-height:1.45;color:var(--text-muted)}
/* Heading column beside a wider content column ("who" and the questions) */
.service-split{display:flex;flex-wrap:wrap;gap:36px 48px;align-items:flex-start}
.service-split__head{flex:1 1 240px;max-width:360px}
.service-who__inner{padding-top:64px;padding-bottom:64px}
.service-who__grid{flex:3 1 520px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 28px}
.service-who__item{padding:20px 0 22px;border-top:2px solid var(--bn-blue-100)}
.service-who__item h3{font-size:18px;font-weight:800;line-height:1.3;color:var(--bn-navy);margin-bottom:6px}
.service-who__item p{font-size:15px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}
.service-includes{background:var(--surface-sky)}
.service-includes__inner{padding-top:64px;padding-bottom:64px}
.service-includes__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px 20px;margin:0;padding:0;list-style:none}
.service-includes__list li{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--bn-blue-100);border-radius:var(--radius-md)}
.service-includes__check{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;margin-top:1px;border-radius:var(--radius-full);background:var(--bn-blue-100);color:var(--bn-blue-600)}
.service-includes__text{font-size:15.5px;line-height:1.55;color:var(--text-strong)}
.service-process__inner{padding-top:64px;padding-bottom:72px}
.service-process .service-head{margin-bottom:44px}
.service-process__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:28px 24px;margin:0;padding:0;list-style:none;border-top:2px solid var(--bn-blue-100)}
.service-process__steps li{position:relative;padding:34px 0 0}
.service-process__num{position:absolute;top:-22px;inset-inline-start:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);background:var(--bn-navy);color:#fff;font-family:var(--font-display);font-weight:800;font-size:15px;border:4px solid #fff;box-shadow:var(--shadow-sm)}
.service-process__steps h3{font-size:20px;font-weight:800;line-height:1.25;margin-bottom:8px}
.service-process__steps p{font-size:15.5px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}
.service-lead{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.service-lead__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px 48px;align-items:center;padding-top:64px;padding-bottom:72px}
.service-expert{display:flex;flex-direction:column;gap:24px}
.service-expert .eyebrow{margin-bottom:0}
.service-expert__who{display:flex;align-items:center;gap:18px}
.service-expert__photo{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:92px;height:92px;border-radius:var(--radius-full);overflow:hidden;background:var(--bn-blue-100);color:var(--bn-blue-600)}
.service-expert__photo--person{border:1px solid var(--border-default)}
.service-expert__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.service-expert__id{min-width:0}
.service-expert__name{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:4px}
.service-expert__role{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--bn-blue-700)}
.service-expert__quote{margin:0}
.service-expert__quote .bar{width:26px;margin-bottom:14px}
.service-expert__quote p{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,23px);line-height:1.4;color:var(--bn-navy);max-width:520px;text-wrap:pretty}
.service-expert__phone{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--text-body);font-family:var(--font-display);font-size:15px;font-weight:600}
.service-expert__phone:hover{color:var(--bn-blue-700)}
.service-expert__phone .icon{color:var(--bn-blue-500)}
.reach-card{display:grid;gap:16px;padding:28px;max-width:520px;width:100%;justify-self:end}
.reach-card__title{font-size:21px;font-weight:800;line-height:1.2}
.reach-card__row{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-body)}
a.reach-card__row:hover{color:var(--bn-blue-700)}
.reach-card__chip{width:36px;height:36px}
.reach-card__note{font-size:14.5px;line-height:1.6;color:var(--text-muted);margin-top:4px;padding-top:14px;border-top:1px solid var(--border-default)}
.service-faq__inner{padding-top:64px;padding-bottom:72px;gap:32px 48px}
.service-faq--alt{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.service-faq--alt .service-faq__inner{padding-top:72px;padding-bottom:80px}
.service-faq__prompt a{font-weight:600}
.service-faq__list{flex:3 1 520px;border-top:1px solid var(--border-default)}
.faq-item{border-bottom:1px solid var(--border-default)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.35;color:var(--text-strong)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item__chev{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:#fff;color:var(--bn-blue-600);transition:transform var(--dur-base) var(--ease-out)}
.faq-item[open]>summary .faq-item__chev{transform:rotate(180deg)}
.faq-item p{padding:0 4px 22px;font-size:16px;line-height:1.7;color:var(--text-body);max-width:640px;text-wrap:pretty}
.service-related{background:var(--surface-sky);border-top:1px solid var(--bn-blue-100)}
.service-related__inner{padding-top:56px;padding-bottom:80px}
.service-related__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.service-related__title,.title-sm{font-size:clamp(24px,2.4vw,30px);font-weight:800}
/* The hero buttons and the hub's breadcrumb scroll to these sections; they stop 8px below the sticky header */
.hub-planning,.hub-elem,.service-process,.service-lead{scroll-margin-top:calc(var(--anchor-offset) + 8px)}

/* 5.12 Page heroes — the sky or navy band that opens the about, people, "why us" and contact pages (template-parts/{about,people,why-us,contact}/hero.php) */
.page-hero{position:relative;overflow:hidden}
.page-hero--sky{background:var(--grad-sky)}
.page-hero--navy{background:var(--grad-hero);color:#fff}
.page-hero__mark{position:absolute;max-width:none;pointer-events:none}
.page-hero--sky .page-hero__mark{inset-inline-end:-140px;width:620px;opacity:.06}
.contact-hero .page-hero__mark{top:-60px}
.people-hero .page-hero__mark{top:-40px}
.page-hero--navy .page-hero__mark{opacity:.07}
.whyus-hero .page-hero__mark{inset-inline-end:-120px;bottom:-120px;width:620px}
.about-hero .page-hero__mark{inset-inline-start:-160px;top:40px;width:680px}
.page-hero__inner{position:relative;padding-top:24px}
.contact-hero .page-hero__inner{padding-bottom:48px}
.people-hero .page-hero__inner{padding-bottom:56px}
.whyus-hero .page-hero__inner{padding-bottom:84px}
.about-hero .page-hero__inner{padding-bottom:64px}
.page-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px 64px;align-items:center}
.page-hero--sky .page-hero__copy{max-width:720px}
.page-hero--sky .page-hero__copy>.eyebrow{margin-bottom:14px}
.page-hero--navy .page-hero__copy>.eyebrow{font-size:15px;margin-bottom:18px}
.page-hero--navy .page-hero__copy>.eyebrow::before{width:16px}
.page-hero__title{font-size:clamp(34px,4.2vw,56px);font-weight:800;line-height:1.12;margin:0 0 18px;color:var(--bn-navy);text-wrap:balance}
.page-hero--navy .page-hero__title{font-size:clamp(34px,4.4vw,58px);margin-bottom:20px;color:#fff}
.page-hero__text{font-size:18px;line-height:1.7;text-wrap:pretty}
.page-hero--navy .page-hero__text{font-size:19px;max-width:560px;margin-bottom:30px;color:var(--text-inverse-soft)}
.about-hero .page-hero__text{max-width:600px}
.page-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
/* What sits beside the copy of a navy hero: a quote ("why us") or a list of facts (about) */
.hero-quote{margin:0;max-width:480px;width:100%;justify-self:end;padding:30px 32px;border-radius:var(--radius-xl);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hero-quote .bar{width:26px;margin-bottom:18px;background:var(--bn-blue-400)}
.hero-quote blockquote{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.35;color:#fff;text-wrap:balance}
.hero-quote figcaption{margin-top:16px;font-size:15px;color:var(--text-inverse-soft)}
.hero-facts{display:grid;gap:12px;max-width:480px;width:100%;justify-self:end;margin:0;padding:0;list-style:none}
.hero-facts li{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:var(--radius-lg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hero-facts__chip{width:46px;height:46px;background:rgba(255,255,255,.12);color:#fff}
.hero-facts__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.hero-facts__text b{font-family:var(--font-display);font-size:17px;color:#fff}
.hero-facts__text span{font-size:15px;line-height:1.5;color:var(--text-inverse-soft)}
/* What straddles a hero's lower edge: contact cards, or a wide photo (template-parts/photo-band.php) */
.page-hero__overlap{position:relative;padding-top:16px;background:linear-gradient(to bottom,transparent 50%,#fff 50%)}
.page-hero__overlap--photo{padding-top:24px}
.photo-band{aspect-ratio:21/9;border-radius:var(--radius-xl);border:1px solid var(--bn-blue-100);box-shadow:var(--shadow-lg)}
.photo-band--navy{background:var(--bn-blue-800);border-color:rgba(255,255,255,.14);box-shadow:var(--shadow-navy)}
/* Section head with something at its far end: a button, or a count */
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.split-head__text{max-width:620px}
.split-head__text--wide{max-width:640px}
/* In the design files of these pages a button that leads to another page is a link, and a link keeps the text's line height */
.split-head>.bn-btn,.about-hero .bn-btn--inverse,.value-wide__action .bn-btn,.contact-visit__actions .bn-btn{line-height:var(--leading-normal)}
/* Items under a ruled top edge, in as many columns as fit */
.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 28px}
.rule-grid--tight{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.rule-item{padding:26px 0 28px;border-top:2px solid var(--bn-blue-100)}
/* Round portrait, or the outline icon that stands in for it */
.avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-full);overflow:hidden;background:var(--bn-blue-100);color:var(--bn-blue-600)}
.avatar--person{border:1px solid var(--border-default)}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}

/* 5.13 Contact page (template-parts/contact/{hero,form,clients,visit}.php) */
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.contact-card{display:flex;align-items:center;gap:16px;padding:22px 24px;color:inherit}
.contact-card:hover{color:inherit}
.contact-card__chip{width:52px;height:52px}
.contact-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.contact-card__label{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--bn-gray-500)}
.contact-card__value{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2;color:var(--text-strong)}
.contact-card__value--break{overflow-wrap:anywhere}
.contact-card__note{font-size:14px;color:var(--text-muted)}
.contact-main__inner{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;padding-top:64px;padding-bottom:80px}
.contact-form-card{flex:3 1 480px;min-width:0;padding:32px}
.contact-form{gap:18px}
.contact-form__title{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:6px}
.contact-form__lead{font-size:15.5px;color:var(--text-muted);line-height:1.55}
.contact-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.contact-form__choice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;border:0;margin:0;padding:0}
.contact-form__choice legend{float:inline-start;width:100%;padding:0;margin-bottom:8px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--text-strong)}
.contact-form .lead-form__foot{margin-top:4px}
/* A delivered enquiry: the confirmation takes the form's place */
.contact-sent{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:12px 0}
/* Targets of a scripted focus, not controls: the form's heading and the confirmation */
.contact-sent:focus,#contact-form-title:focus{outline:none;box-shadow:none}
.contact-sent__chip{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-full);background:var(--bn-success-bg);color:#0B7A55}
.contact-sent__title{margin-bottom:8px}
.contact-sent__text{font-size:16.5px;line-height:1.65;max-width:520px;text-wrap:pretty}
.contact-sent__text a{font-weight:600}
.contact-aside{flex:2 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.office-card{padding:28px;position:relative;overflow:hidden}
.office-card__mark{position:absolute;inset-inline-end:-50px;bottom:-60px;width:200px;max-width:none;opacity:.1;pointer-events:none}
.office-card__title{position:relative;font-size:19px;font-weight:800;margin-bottom:18px}
.office-card__rows{position:relative;display:flex;flex-direction:column;gap:14px}
.office-card__row{display:flex;align-items:center;gap:12px;font-size:15.5px;color:var(--text-inverse-soft)}
a.office-card__row:hover{color:#fff}
.office-card__row .icon{color:var(--bn-blue-300)}
.office-card__row--top{align-items:flex-start;line-height:1.5}
.office-card__row--top .icon{margin-top:3px}
.office-card__row--break{overflow-wrap:anywhere}
.hours-card{padding:28px;box-shadow:none}
.hours-card__title{font-size:19px;font-weight:800;margin-bottom:14px}
.hours-card__rows{display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.hours-card__row{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--bn-blue-200)}
.hours-card__row b{color:var(--text-strong)}
.hours-card__note{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--bn-blue-700);font-family:var(--font-display);font-weight:600}
.hours-card__note .icon{color:var(--bn-blue-500)}
.contact-clients{background:var(--surface-sky);border-top:1px solid var(--bn-blue-100);border-bottom:1px solid var(--bn-blue-100)}
.contact-clients__inner{padding-top:64px;padding-bottom:72px}
.link-grid--clients{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.link-card--client{border-color:var(--bn-blue-100)}
.link-card--client .link-card__chip{width:48px;height:48px;margin-bottom:4px}
.link-card--client .link-card__title{font-size:19px}
.link-card--client .link-card__more{padding-top:12px}
.bn-card--navy .link-card__chip{background:rgba(255,255,255,.12);color:#fff}
.bn-card--navy :is(.link-card__title,.link-card__more){color:#fff}
.bn-card--navy .link-card__text{color:var(--text-inverse-soft)}
.contact-visit__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px 56px;align-items:center;padding-top:72px;padding-bottom:96px}
.contact-visit__media{aspect-ratio:16/10;border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}
.contact-visit__caption{display:flex;align-items:center;gap:6px}
.contact-visit__caption .icon{color:var(--bn-blue-600)}
.contact-visit__title{margin-bottom:14px}
.contact-visit__text{font-size:17px;line-height:1.7;margin-bottom:22px;text-wrap:pretty}
.contact-visit__branches{display:grid;gap:14px;margin:0 0 22px;padding:0;list-style:none}
.contact-visit__branch{display:grid;gap:12px;padding:18px 20px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.contact-visit__city{font-size:17px;font-weight:800;line-height:1.25;color:var(--text-strong)}
.contact-visit__points{display:grid;gap:12px}
.contact-visit__actions{display:flex;gap:12px;flex-wrap:wrap}

/* 5.14 "Why us" page (template-parts/why-us/{hero,difference,values,meeting}.php) */
.whyus-difference__inner{padding-top:80px;padding-bottom:80px}
.whyus-difference__head,.whyus-values__head,.people-leaders__head{margin-bottom:40px}
.whyus-difference__num{display:block;margin-bottom:14px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--bn-blue-600)}
.whyus-difference__item h3{font-size:clamp(22px,2.2vw,26px);font-weight:800;line-height:1.2;color:var(--bn-navy);margin-bottom:10px}
.whyus-difference__item p{font-size:16px;line-height:1.65;color:var(--text-body);text-wrap:pretty}
.whyus-values{background:var(--surface-sky);border-top:1px solid var(--bn-blue-100);border-bottom:1px solid var(--bn-blue-100)}
.whyus-values__inner{padding-top:72px;padding-bottom:80px}
.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.value-card{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-color:var(--bn-blue-100)}
.value-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.value-card__chip{width:52px;height:52px}
.value-card__num{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--bn-gray-400)}
.value-card h3{font-size:20px;font-weight:800;line-height:1.25}
.value-card p{font-size:15.5px;line-height:1.65;color:var(--text-body);text-wrap:pretty}
.value-wide{grid-column:1/-1;display:flex;align-items:center;gap:24px 32px;flex-wrap:wrap;padding:32px 36px;position:relative;overflow:hidden}
.value-wide__mark{position:absolute;inset-inline-end:-40px;bottom:-70px;width:260px;max-width:none;opacity:.1;pointer-events:none}
.value-wide__chip{position:relative;width:60px;height:60px;background:rgba(255,255,255,.12);color:#fff}
.value-wide__body{position:relative;flex:1 1 360px;min-width:0}
.value-wide__num{display:block;margin-bottom:6px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--bn-sky)}
.value-wide h3{font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.2;margin-bottom:8px}
.value-wide p{font-size:16.5px;line-height:1.65;color:var(--text-inverse-soft);max-width:720px;text-wrap:pretty}
.value-wide__action{position:relative;flex:none}
.value-list{border-top:1px solid var(--bn-blue-200)}
.value-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:start;padding:26px 8px;border-bottom:1px solid var(--bn-blue-200)}
.value-row__num{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--bn-blue-600)}
.value-row__body{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.value-row__chip{width:44px;height:44px;background:#fff;border:1px solid var(--bn-blue-100)}
.value-row__text{flex:1 1 320px;min-width:0}
.value-row h3{font-size:22px;font-weight:800;line-height:1.25;margin-bottom:6px}
.value-row p{font-size:16px;line-height:1.65;color:var(--text-body);max-width:720px;text-wrap:pretty}
.whyus-meeting__inner{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:flex-start;padding-top:80px;padding-bottom:80px}
.whyus-meeting__main{flex:3 1 480px;min-width:0}
.whyus-meeting__head{margin-bottom:40px}
.whyus-meeting__steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.bring-card{flex:1 1 300px;max-width:400px;display:grid;gap:16px;padding:26px 28px}
.bring-card__title{font-size:19px;font-weight:800;line-height:1.25;margin-bottom:4px}
.bring-card__note{font-size:14.5px;color:var(--text-muted)}
.bring-card__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.bring-card__list li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.5;color:var(--text-strong)}
.bring-card__check{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:var(--radius-full);background:var(--bn-blue-100);color:var(--bn-blue-600)}

/* 5.15 About page (template-parts/about/{hero,story,services,structure,leaders,closing}.php) */
.about-story__inner{display:flex;flex-wrap:wrap;gap:36px 64px;align-items:flex-start;padding-top:80px;padding-bottom:80px}
.about-story__head{flex:1 1 240px;max-width:340px}
.about-story__body{flex:3 1 480px;max-width:720px;display:grid;gap:22px}
.about-story__body p{font-size:17px;line-height:1.75;text-wrap:pretty}
.about-story__body .about-story__lead{font-size:18px;font-weight:600;color:var(--text-strong)}
.about-story__quote{margin:14px 0 0;padding:26px 28px;border-radius:var(--radius-lg);background:var(--surface-sky);border:1px solid var(--bn-blue-100)}
.about-story__quote .bar{width:26px;margin-bottom:14px}
.about-story__quote blockquote{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.35;color:var(--bn-navy);text-wrap:balance}
.about-story__quote figcaption{margin-top:10px;font-size:14.5px;color:var(--text-muted)}
.about-services{background:var(--surface-sky);border-top:1px solid var(--bn-blue-100);border-bottom:1px solid var(--bn-blue-100)}
.about-services__inner{padding-top:72px;padding-bottom:72px}
.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
/* The design keeps these cards' light shadow when they lift */
.area-card,.area-card:hover{display:flex;flex-direction:column;gap:10px;padding:22px;color:inherit;box-shadow:var(--shadow-sm)}
.area-card__num{font-family:var(--font-display);font-weight:800;font-size:28px;line-height:1;color:var(--bn-blue-600)}
.area-card__title{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.25;color:var(--text-strong)}
.area-card__more{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--bn-blue-600)}
.about-services__note{margin-top:20px;font-size:15.5px;color:var(--text-muted)}
.about-services__note a{font-weight:600}
.about-structure__inner{padding-top:80px;padding-bottom:80px}
.about-structure__head{margin-bottom:40px}
.about-structure__item{padding:24px 0 26px}
.about-structure__chip{width:52px;height:52px;margin-bottom:16px}
.about-structure__item h3{font-size:19px;font-weight:800;line-height:1.3;color:var(--bn-navy);margin-bottom:8px}
.about-structure__item p{font-size:15.5px;line-height:1.6;color:var(--text-body);text-wrap:pretty}
.about-leaders{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.about-leaders__inner{padding-top:72px;padding-bottom:72px}
.leader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.leader-card{display:flex;align-items:center;gap:18px;padding:22px;color:inherit}
.leader-card:hover{color:inherit}
.leader-card__photo{width:84px;height:84px}
.leader-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.leader-card__name{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--text-strong)}
.leader-card__role{font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--bn-blue-700)}
.leader-card__more{display:flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--bn-blue-600)}
.about-closing__inner{padding-top:72px;padding-bottom:96px}
.values-strip{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:40px;padding:18px 22px;border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--border-default)}
.values-strip__label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--bn-gray-700)}
.values-strip__tags{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.values-strip__tags li{display:flex}
.values-strip .bn-tag{background:#fff}
.values-strip__link{display:flex;align-items:center;gap:6px;margin-inline-start:auto;font-family:var(--font-display);font-size:14.5px;font-weight:600;white-space:nowrap}

/* 5.16 People page (template-parts/people/{hero,leaders,roster}.php) */
.people-hero__row{display:flex;flex-wrap:wrap;gap:28px 64px;align-items:flex-end;justify-content:space-between}
.people-hero .page-hero__copy{flex:1 1 480px}
.people-hero__actions{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:4px}
.people-leaders__inner{padding-top:80px;padding-bottom:80px}
.profile-list{display:grid;gap:24px}
.profile{display:flex;flex-wrap:wrap;gap:28px 40px;padding:28px}
.profile__photo{flex:0 1 260px;min-width:200px;aspect-ratio:4/5;border-radius:var(--radius-lg);border:1px solid var(--border-default)}
.profile__body{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
.profile__name{font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.2;margin-bottom:6px}
.profile__role{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--bn-blue-700)}
.profile__about{font-size:16.5px;line-height:1.7;color:var(--text-body);max-width:640px;text-wrap:pretty}
.profile__quote{margin:0;padding:16px 20px;border-radius:var(--radius-md);background:var(--surface-sky);border:1px solid var(--bn-blue-100)}
.profile__quote blockquote{margin:0;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.45;color:var(--bn-navy)}
.profile__specialties{display:flex;flex-direction:column;gap:8px}
.profile__label{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--bn-gray-500)}
.profile__tags{display:flex;gap:8px;flex-wrap:wrap}
.profile__tags .bn-tag{background:#fff}
.profile__tags a.bn-tag:hover{border-color:var(--bn-blue-400);color:var(--bn-blue-700)}
.profile__foot{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-default)}
.profile__contact{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--text-body)}
.profile__contact:hover{color:var(--bn-blue-700)}
.profile__contact .icon{color:var(--bn-blue-500)}
.profile__name a{color:inherit}
.profile__name a:hover{color:var(--bn-blue-700)}
.profile__more,.profile__meet{display:flex;align-items:center;gap:6px;margin-inline-start:auto;font-family:var(--font-display);font-size:14.5px;font-weight:600}
.profile__more{color:var(--bn-navy)}
.profile__more:hover{color:var(--bn-blue-700)}
.profile__more+.profile__meet{margin-inline-start:0}
.people-roster{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.people-roster__inner{padding-top:72px;padding-bottom:80px}
.people-roster__tabs{margin:-6px -6px 30px;padding:6px;overflow-x:auto}
.people-roster__groups{display:grid;gap:40px}
.department__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.department__chip{width:44px;height:44px}
.department__text{min-width:0;flex:1 1 280px}
.department__text h3{font-size:20px;font-weight:800;line-height:1.25;color:var(--bn-navy)}
.department__text p{margin-top:3px;font-size:15px;line-height:1.5;color:var(--text-muted)}
.department__members{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;margin:0;padding:0;list-style:none}
.member{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.member__photo{width:60px;height:60px}
.member__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.member__name{font-family:var(--font-display);font-weight:800;font-size:16.5px;line-height:1.25;color:var(--text-strong)}
.member__role{font-size:14px;line-height:1.4;color:var(--text-muted)}
/* Links and buttons scroll to these sections and profiles; they stop 14px below the sticky header */
.contact-main,.whyus-values,.whyus-meeting,.people-leaders,.people-roster,.profile,.member{scroll-margin-top:calc(var(--anchor-offset) + 14px)}

/* 5.17 Profile page — a leading team member's own page (template-parts/profile/{hero,body,others,cta}.php) */
/* The portrait straddles the hero's lower edge, so the hero does not clip downwards; its watermark has a clipping
   box of its own. Sideways the hero still clips: the slanted panel behind the portrait reaches past a narrow window. */
.person-hero{overflow:visible;overflow-x:clip}
/* A browser without sideways clipping would let the panel widen the page instead, so it goes without the panel there */
@supports not (overflow-x:clip){@media (max-width:1300px){.person-hero__panel{display:none}}}
.person-hero__clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.person-hero .page-hero__mark{top:-40px}
.person-hero .crumbs{margin-bottom:36px}
.person-hero__row{display:flex;flex-wrap:wrap;gap:32px 56px;align-items:flex-end;justify-content:space-between}
.person-hero__copy{flex:1 1 440px;min-width:0;max-width:680px;padding-bottom:56px}
.person-hero__copy>.eyebrow{margin-bottom:14px}
.person-hero .page-hero__title{margin-bottom:10px}
.person-hero__role{font-family:var(--font-display);font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.35;color:var(--bn-blue-700);margin-bottom:18px}
.person-hero__tags{margin-top:22px}
.person-hero__actions{display:flex;gap:14px 24px;flex-wrap:wrap;align-items:center;margin-top:30px}
.person-hero__phone{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:15.5px;font-weight:700;color:var(--bn-navy)}
.person-hero__phone:hover{color:var(--bn-blue-700)}
.person-hero__chip{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--bn-blue-100);color:var(--bn-blue-600)}
.person-hero__media{flex:0 1 340px;min-width:240px;max-width:100%;position:relative;z-index:1;margin-bottom:-80px}
.person-hero__panel{position:absolute;inset-inline-end:-26px;bottom:-22px;width:46%;height:40%;border-radius:var(--radius-lg);background:var(--grad-cta);transform:skewX(-25deg);opacity:.95}
.person-hero__photo{aspect-ratio:4/5;border-radius:var(--radius-xl);border:4px solid #fff;box-shadow:var(--shadow-lg)}
.person-body__inner{padding-top:56px;padding-bottom:88px}
.person-body__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.person-body__main{min-width:0;display:flex;flex-direction:column;gap:56px}
.person-about__title{margin-bottom:20px}
/* The profile's own text, as written in the editor */
.person-about__text{display:flex;flex-direction:column;gap:16px;max-width:680px;font-size:17px;line-height:1.75;color:var(--text-body)}
.person-about__text>*{margin-block:0}
.person-about__text p{text-wrap:pretty}
.person-about__text a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.person-quote{margin:0;padding:28px 32px;border-radius:var(--radius-lg);background:var(--surface-sky);border:1px solid var(--bn-blue-100);display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:20px;align-items:start}
.person-quote__chip{grid-row:1/span 2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--bn-blue-100);color:var(--bn-blue-600)}
.person-quote blockquote,.person-quote figcaption{grid-column:2}
.person-quote blockquote{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2vw,23px);line-height:1.4;color:var(--bn-navy);text-wrap:pretty}
.person-quote figcaption{margin-top:12px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--bn-blue-700)}
.person-help__text{color:var(--text-muted);font-size:16.5px;line-height:1.6;margin:10px 0 24px;max-width:600px;text-wrap:pretty}
.service-title+.person-help__grid{margin-top:24px}
.person-help__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.person-area,.person-area:hover{display:flex;flex-direction:column;gap:14px;padding:22px;color:inherit}
.person-area__chip{width:44px;height:44px}
.person-area__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.person-area__title{font-family:var(--font-display);font-weight:800;font-size:17.5px;line-height:1.25;color:var(--text-strong)}
.person-area__text{font-size:14.5px;line-height:1.5;color:var(--text-muted)}
.person-area__more{display:flex;align-items:center;gap:6px;margin-top:auto;font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--bn-blue-600)}
/* The column beside the text stays in view under the sticky header, and starts below the portrait */
.person-aside{position:sticky;top:calc(92px + var(--wp-admin--admin-bar--height,0px));display:flex;flex-direction:column;gap:20px;margin-top:56px}
.person-aside--static{position:static}
.person-contact{padding:24px;display:flex;flex-direction:column;gap:18px}
.person-contact__title{font-size:19px;font-weight:800;line-height:1.25;color:var(--bn-navy);margin-bottom:4px}
.person-contact__note{font-size:14.5px;line-height:1.5;color:var(--text-muted)}
.person-contact__rows{display:flex;flex-direction:column;gap:2px}
.person-contact__row,a.person-contact__row:hover{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);color:inherit}
a.person-contact__row:hover{background:var(--bn-blue-50)}
.person-contact__chip{width:36px;height:36px;border-radius:9px}
.person-contact__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.person-contact__label{font-size:12.5px;color:var(--text-muted)}
.person-contact__value{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-strong)}
bdo.person-contact__value{text-align:start}
.person-contact__value--break{overflow-wrap:anywhere}
.person-contact__value--address{line-height:1.3}
.person-contact__foot{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--border-default)}
.person-contact__meeting{font-size:13px;line-height:1.5;color:var(--text-muted);text-align:center}
.person-creds{padding:24px;display:flex;flex-direction:column;gap:14px}
.person-creds__title{font-size:17px;font-weight:800;color:var(--bn-navy)}
.person-creds__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.person-creds__list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;color:var(--text-body)}
.person-creds__list .icon{color:var(--bn-blue-600);margin-top:2px}
.person-creds__list span{min-width:0}
.person-creds__note{font-size:13px;line-height:1.5;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-default)}
.person-others{background:var(--surface-alt);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}
.person-others__inner{padding-top:64px;padding-bottom:72px}
.person-others__head{margin-bottom:24px}
.person-others__all{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:15px;font-weight:600}
.person-others__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.person-others .leader-card{padding:20px 22px}
.person-others .leader-card__name{line-height:1.25}
.person-others .leader-card__role{line-height:1.35}

/* 5.18 Logo row — שמחים לשתף פעולה (template-parts/front/partners.php): logos on white tiles, running towards the start of the right-to-left reading (to the right); the second list is a copy that closes the loop, so the track moves by half its width */
.partners{padding-block:72px 64px;background:var(--surface-page);overflow:hidden}
.partners .section-head{margin-bottom:32px}
.partners__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.partners__track{display:flex;inline-size:max-content;animation:bn-partners calc(var(--partners-count) * 4.5s) linear infinite}
.partners__viewport:hover .partners__track,.partners.is-paused .partners__track{animation-play-state:paused}
.partners__list{display:flex;gap:16px;margin:0;padding-block:6px;padding-inline:0 16px;list-style:none}
.partners__item{display:grid;place-items:center;flex:none;inline-size:244px;block-size:88px;padding:14px 22px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.partners__logo{display:block;inline-size:var(--logo-w,120px);block-size:auto;max-inline-size:100%}
.partners__controls{display:flex;justify-content:flex-end;margin-top:14px}
.partners .partners__toggle{inline-size:44px;block-size:44px;border-radius:var(--radius-full)}
.partners__toggle .partners__play,.partners__toggle[aria-pressed="true"] .partners__pause{display:none}
.partners__toggle[aria-pressed="true"] .partners__play{display:block}
@keyframes bn-partners{to{transform:translateX(50%)}}
/* Still, the logos stand once each, wrapped: for a visitor who asked for reduced motion, and without JavaScript, where there is no button to stop the row */
@media (prefers-reduced-motion:reduce),(scripting:none){
  .partners__viewport{-webkit-mask-image:none;mask-image:none;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:24px}
  .partners__track{display:block;animation:none;inline-size:auto}
  .partners__list{flex-wrap:wrap;justify-content:center;padding-inline:0}
  .partners__list[aria-hidden="true"],.partners__item[aria-hidden="true"],.partners .partners__toggle{display:none}
}
/* On a phone the still logos stand two to a row, in shorter tiles, not in one long column (two tiles of 244px need 552px) */
@media (prefers-reduced-motion:reduce) and (max-width:600px),(scripting:none) and (max-width:600px){
  .partners__item{inline-size:calc(50% - 8px);block-size:72px;padding:8px 12px}
}

/* 6. BREAKPOINTS --------------------------------------------------------- */
@media (max-width:1100px){
  .site-nav,.site-header__rule{display:none}
  .site-menu-btn{display:inline-flex}
  .site-footer__credit{order:1;flex-basis:100%;justify-content:center;margin-top:4px}
}
/* The "why" and "who" grids step down where the design's fluid cards wrap: 4 → 2 → 1 columns */
@media (max-width:987px){
  .why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  /* The fade hero stacks. "lead" (the default): the photo is a full-bleed band on top, dissolving down into the eyebrow and the headline, which climb 40px into the blend */
  .hero--fade .hero__inner{min-height:0;padding-top:0;padding-bottom:64px}
  .hero--fade .hero__copy{max-width:640px}
  .hero__photo{position:relative;inset:auto;width:auto;height:clamp(260px,50vw + 100px,440px);-webkit-mask-image:linear-gradient(to bottom,#000 52%,transparent 96%);mask-image:linear-gradient(to bottom,#000 52%,transparent 96%)}
  .hero__photo+.hero__inner{margin-top:-40px}
  /* "backdrop": the photo fills the hero, fully visible in the top band and dissolved to navy where the copy sits, anchored to the bottom of one screen; the stops are lengths from the top, so legibility does not depend on the copy's height */
  .hero--mobile-backdrop{--hero-view:clamp(280px,60vw + 60px,440px)}
  .hero--mobile-backdrop .hero__photo{position:absolute;inset:0;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--hero-view) - 150px),rgba(0,0,0,.3) calc(var(--hero-view) - 50px),transparent calc(var(--hero-view) + 30px));mask-image:linear-gradient(to bottom,#000 calc(var(--hero-view) - 150px),rgba(0,0,0,.3) calc(var(--hero-view) - 50px),transparent calc(var(--hero-view) + 30px))}
  .hero--mobile-backdrop .hero__photo--placeholder{bottom:auto;height:var(--hero-view)}
  .hero--mobile-backdrop .hero__photo+.hero__inner{margin-top:0;padding-top:var(--hero-view);justify-content:flex-end;min-height:min(760px,calc(100svh - var(--header-h)))}
  /* "card": the copy first, then the photo as a rounded card that straddles the hero's lower edge, its lower part over the white of the next section */
  .hero--mobile-card{display:flex;flex-direction:column;--bridge:72px}
  .hero--mobile-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--bridge);background:#fff}
  .hero--mobile-card .hero__photo+.hero__inner{order:0;width:100%;margin-top:0;padding-top:64px;padding-bottom:0}
  .hero--mobile-card .hero__photo{order:1;z-index:1;height:auto;aspect-ratio:16/10;max-height:440px;margin:40px 24px 0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-navy);-webkit-mask-image:none;mask-image:none}
  .site-footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .site-footer-grid>:first-child{grid-column:1/-1}
  /* The profile page becomes one column: the portrait sits inside the hero and the side column follows the text */
  .person-hero__media{margin-bottom:0;flex-basis:280px}
  .person-body__grid{grid-template-columns:1fr;gap:48px}
  .person-aside{position:static;margin-top:0}
}
@media (max-width:907px){
  .who__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:782px){
  body.admin-bar .site-header{top:46px}
}
@media (max-width:640px){
  .site-section{padding-block:56px}
  .hero--card .hero__inner{padding-top:60px;padding-bottom:72px;gap:40px}
  .hero--fade .hero__inner{padding-bottom:56px}
  .hero--mobile-card{--bridge:64px}
  .hero--mobile-card .hero__photo+.hero__inner{padding-top:48px;padding-bottom:0}
  .hero--mobile-card .hero__photo{margin-top:32px}
  .svc-row{grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:22px 4px}
  .svc-row__num{font-size:28px}
  .svc-row__title{font-size:20px}
  .svc-card--featured{padding:24px}
  .cta{padding-top:56px;padding-bottom:64px}
  .cta__inner{padding:32px 24px}
  .site-footer-grid{grid-template-columns:1fr}
  .toast-host{inset-inline:16px;bottom:16px}
  .bn-toast{min-width:0;max-width:none}
}
@media (max-width:507px){
  .why__grid{grid-template-columns:1fr}
}
/* Below this width the lockup, the button and the menu button no longer fit side by side: the button becomes an icon (the design's phone header), and the menu has the same link */
.site-header__cta-icon{display:none}
@media (max-width:600px){
  .site-header__cta{display:none}
  .site-header__cta-icon{display:inline-flex}
}
/* On phones the fade hero's buttons stack at full width, and a branch's two navigation buttons share their row (each takes the row where they no longer fit side by side) */
@media (max-width:480px){
  .hero--fade .hero__actions{flex-direction:column;align-items:stretch}
  .hero--fade .hero__actions .bn-btn{width:100%}
  .contact-visit__actions .bn-btn{flex:1 1 auto;padding-inline:16px}
}
/* Below 360px the lockup, the icon button and the menu button do not fit either: the menu keeps the link */
@media (max-width:359px){
  .site-header__cta-icon{display:none}
}
/* Below this width the brand name stands in two lines, "ביטוחים NET" over "פיננסים", with a smaller mark, and the descriptor goes: the lockup, the meeting icon and the menu button fit side by side down to 360px */
@media (max-width:480px){
  .site-brand{gap:10px}
  .site-brand__mark{height:34px}
  .site-brand__name{flex-direction:column;align-items:flex-start;gap:3px;font-size:20px}
  .site-brand__tag{display:none}
}
/* The hub's rows follow the design down to the narrowest phones, where the tags need the room */
@media (max-width:374px){
  .hub-row{grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:22px 4px}
  .hub-row__num{font-size:28px}
  .hub-row__title{font-size:20px}
}
@media (max-width:463px){
  .who__grid{grid-template-columns:1fr}
}

/* 7. BLOCK-THEME CANVAS -------------------------------------------------- */
/* Block templates wrap the page in .wp-site-blocks and each template part in a div.
   Neither adds a box, so the header sticks to the page exactly as in the static design. In the Site Editor the
   part keeps its box: without one its outline and toolbar have nothing to hold on to. */
.wp-site-blocks>*{margin-block:0}
.wp-site-blocks>.wp-block-template-part:not(.block-editor-block-list__block){display:contents}
/* Short pages keep the footer at the bottom of the window */
.wp-site-blocks{display:flex;flex-direction:column;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px));padding:0}
.wp-site-blocks>main{flex:1 0 auto}
/* Below 600px the admin bar scrolls away with the page */
@media (max-width:600px){
  body.admin-bar .site-header{top:0}
}
/* A designed page or service page is its entry's content: the designed sections span the window, stack
   flush and keep the design's own type scale, in the page and in the editor; any other block keeps the
   content column, the block gap and the reading size of editor content (§8) */
.wp-block-post-content>section.alignfull,:is(.is-root-container,.wp-block-post-content)>.alignfull[class*="wp-block-bituchim-"]{margin-block:0;font-size:var(--text-base);line-height:var(--leading-normal)}
/* A page or a service written without a designed hero is laid out as an article under its title
   (the "entry-plain__head" group of the page and service templates) */
.entry-plain main{padding-block:80px}
.entry-plain .wp-block-post-content{min-block-size:30vh}
.entry-plain__head h1{text-wrap:balance}
/* The editor always shows the head: it is where an entry is renamed */
.is-root-container .entry-plain__head{padding-block-start:var(--space-8)}
.entry-plain__head>.wp-block-post-title{margin-block:0 var(--space-7)}
.entry-plain__head>.wp-block-post-featured-image{margin-block:0 var(--space-7)}
@media (max-width:640px){
  .entry-plain main{padding-block:56px}
}

/* Forced colours (Windows High Contrast): the system's colours replace the palette, so states that are drawn
   with a background are drawn with the system's highlight instead. Nothing here applies otherwise. */
@media (forced-colors:active){
  .bn-check input:checked+.bn-check__box{background:Highlight;border-color:Highlight}
  .bn-check--radio .bn-check__box::after{background:HighlightText}
  .bn-tab{border-bottom-color:Canvas}
  .bn-tab--active{border-bottom-color:Highlight}
  .site-nav__list>li>a[aria-current]::after{background:Highlight}
}
/* Print: the page as a document — no sticky header, menus, dialog or toasts; the navy bands keep their colours,
   since their text is white. assets/js/main.js opens the closed answers before printing. */
@media print{
  .site-header,.person-aside{position:static}
  .site-header__actions,.site-menu,.site-skip,.toast-host,dialog{display:none!important}
  .hero,.service-hero--plan,.page-hero--navy,.cta__band,.site-footer,.bn-card--navy,.bn-btn--navy,.bn-btn--primary,.bn-badge--navy,.service-hero__icon,.service-process__num{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* 8. EDITOR CONTENT — inner pages, services and profiles written with core blocks */
.bituchim-content-main{min-block-size:45vh}
.bituchim-content-main,.wp-block-post-content{font-size:var(--text-md);line-height:var(--leading-relaxed)}
.bituchim-content-main :is(h1,h2,h3,h4){text-wrap:balance}
.bituchim-eyebrow+:is(h1,h2,h3,.wp-block-post-title){margin-block-start:0}
/* Links in running text are underlined; the designed sections of a service page keep the design's own link styles */
:is(.bituchim-content-main,.wp-block-post-content) :is(p,li:not(.wp-block-post),td,figcaption) a:not(.wp-element-button,section.alignfull a){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.wp-block-post-featured-image img{border-radius:var(--radius-xl)}
.wp-block-read-more{font-family:var(--font-display);font-weight:600;color:var(--bn-blue-600)}
.wp-block-read-more:hover{color:var(--bn-blue-700)}
/* Buttons — the design system's primary and outline buttons */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.wp-block-button__link:active{transform:translateY(1px)}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{background:var(--bn-blue-50);border-color:var(--bn-blue-500);color:var(--bn-blue-600)}
/* Cards of the services and people listings in pages kept from the first starter site (query loops with these classes) */
.bituchim-card{height:100%;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.bituchim-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.bituchim-card .wp-block-post-title,.bituchim-card .wp-block-post-featured-image{margin-block-start:0}
.bituchim-card .wp-block-post-featured-image img{border-radius:var(--radius-md);object-fit:cover}
.bituchim-card .wp-block-post-excerpt__excerpt{color:var(--text-muted)}
.bituchim-services .wp-block-post-template,.bituchim-people .wp-block-post-template{gap:20px}
.bituchim-person-role{font-family:var(--font-display);font-weight:600;color:var(--bn-blue-700)}
/* Listings — the blog, archives and search results (templates/home, archive, search, index) */
.entry-list{margin-block-start:var(--space-7)}
.entry-list .wp-block-post-template{margin:0;padding:0;list-style:none}
.entry-list .wp-block-post{margin-block:0;padding-block:var(--space-6);border-top:1px solid var(--border-default)}
.entry-list .wp-block-post:last-child{border-bottom:1px solid var(--border-default)}
.entry-list .wp-block-post-date{margin-block:0 6px;font-family:var(--font-display);font-size:13.5px;font-weight:700;line-height:var(--leading-normal);color:var(--bn-gray-500)}
.entry-list .wp-block-post-title{margin-block:0;font-size:var(--text-xl);line-height:var(--leading-snug)}
.entry-list .wp-block-post-excerpt{margin-block:8px 0;font-size:var(--text-base);line-height:1.65;color:var(--text-muted)}
.entry-list .wp-block-post-excerpt__excerpt{margin:0}
.entry-list .wp-block-query-pagination{margin-block-start:var(--space-7);font-family:var(--font-display);font-weight:600}
.wp-block-query-title{text-wrap:balance}
/* Articles — quotes, tables and rules written in the editor */
.wp-block-quote{margin-inline:0;padding:22px 26px;border-radius:var(--radius-lg);background:var(--surface-sky);border:1px solid var(--bn-blue-100);font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.5;color:var(--bn-navy)}
.wp-block-quote>*{margin-block:0}
.wp-block-quote>*+*{margin-block-start:.6em}
/* Text beside an image (Media & Text) has no layout class of its own to space its paragraphs */
.wp-block-media-text__content>*+*{margin-block-start:1em}
.wp-block-quote cite{display:block;font-family:var(--font-body);font-size:14.5px;font-style:normal;font-weight:400;color:var(--text-muted)}
.wp-block-table{overflow-x:auto}
.wp-block-table table{inline-size:100%;border-collapse:collapse;font-size:var(--text-base);line-height:var(--leading-normal)}
.wp-block-table :is(td,th){padding:10px 14px;border:1px solid var(--border-default);text-align:start;vertical-align:top}
.wp-block-table :is(thead th,tfoot td){background:var(--surface-alt);font-family:var(--font-display);font-weight:700;color:var(--text-strong)}
.wp-block-table figcaption{margin-block-start:8px;font-size:var(--text-sm);color:var(--text-muted)}
/* The password form of a protected entry — the design system's field and button */
.post-password-form p{margin-block:0 var(--space-4)}
.post-password-form label{display:block;font-size:var(--text-sm);font-weight:700;line-height:var(--leading-normal);color:var(--text-strong)}
.post-password-form input[type="password"]{display:block;inline-size:100%;max-inline-size:420px;height:42px;margin-block:6px var(--space-4);padding:0 14px;font:inherit;font-size:15px;font-weight:400;color:var(--text-strong);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);direction:ltr;text-align:right}
.post-password-form input[type="password"]:focus{outline:2px solid transparent;border-color:var(--bn-blue-500);box-shadow:var(--focus-ring)}
.post-password-form input[type="submit"]{height:42px;padding:0 20px;border:0;border-radius:var(--radius-md);background:var(--bn-blue-500);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}
.post-password-form input[type="submit"]:hover{background:var(--bn-blue-600)}
/* Search (404, search results) */
.wp-block-search__label{font-size:var(--text-sm);font-weight:700;color:var(--text-strong)}
.wp-block-search__input{height:42px;padding:0 14px;font:inherit;font-size:15px;color:var(--text-strong);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md)}
.wp-block-search__input:focus{outline:2px solid transparent;border-color:var(--bn-blue-500);box-shadow:var(--focus-ring)}
.wp-block-search__button{min-height:42px;padding:0 20px;font-size:15px}
/* Contact Form 7 — the design system's field and button */
.wpcf7{max-inline-size:640px}
.wpcf7 form p{margin:0 0 var(--space-4)}
.wpcf7 label{display:block;font-size:var(--text-sm);font-weight:700;line-height:var(--leading-normal);color:var(--text-strong)}
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),.wpcf7 textarea,.wpcf7 select{display:block;inline-size:100%;height:42px;margin-block-start:6px;padding:0 14px;font:inherit;font-size:15px;font-weight:400;color:var(--text-strong);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.wpcf7 textarea{height:auto;min-block-size:140px;padding:10px 14px;line-height:var(--leading-normal);resize:vertical}
.wpcf7 input:not([type="submit"]):focus,.wpcf7 textarea:focus,.wpcf7 select:focus{outline:2px solid transparent;border-color:var(--bn-blue-500);box-shadow:var(--focus-ring)}
.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr;text-align:right}
.wpcf7 input[type="submit"]{height:42px;padding:0 20px;border:0;border-radius:var(--radius-md);background:var(--bn-blue-500);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}
.wpcf7 input[type="submit"]:hover{background:var(--bn-blue-600)}
.wpcf7 .wpcf7-not-valid-tip{font-size:13px;font-weight:600;color:var(--bn-danger)}
.wpcf7 [aria-invalid="true"]{border-color:var(--bn-danger)!important}
.wpcf7 form .wpcf7-response-output{margin:var(--space-6) 0 0;padding:14px 16px;border-width:1px;border-radius:var(--radius-md)}
@media (max-width:781px){
  .bituchim-services .wp-block-post-template,.bituchim-people .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599px){
  .bituchim-services .wp-block-post-template,.bituchim-people .wp-block-post-template{grid-template-columns:1fr}
}

/* 9. LEGACY PRESETS — slugs of the 0.1 scaffold, so content saved with them stays on-brand. Several are also
   WordPress's own default slugs (small … x-large, spacing 20 … 80): content pasted with those takes these values. */
:root{
  --wp--preset--color--paper:var(--surface-alt);--wp--preset--color--muted:var(--text-muted);--wp--preset--color--teal:var(--bn-blue-600);--wp--preset--color--mist:var(--bn-blue-50);--wp--preset--color--sand:var(--bn-blue-50);--wp--preset--color--line:var(--border-default);
  --wp--preset--spacing--20:var(--space-2);--wp--preset--spacing--30:var(--space-4);--wp--preset--spacing--40:var(--space-6);--wp--preset--spacing--50:var(--space-7);--wp--preset--spacing--60:clamp(40px,5vw,64px);--wp--preset--spacing--70:clamp(56px,7vw,96px);--wp--preset--spacing--80:clamp(64px,8vw,112px);
  --wp--preset--font-size--small:var(--text-sm);--wp--preset--font-size--medium:var(--text-base);--wp--preset--font-size--large:var(--text-lg);--wp--preset--font-size--x-large:clamp(21px,2.2vw,24px);--wp--preset--font-size--xx-large:clamp(26px,3vw,34px);--wp--preset--font-size--hero:clamp(34px,4.4vw,58px);
}
.has-paper-color{color:var(--wp--preset--color--paper)!important}.has-muted-color{color:var(--wp--preset--color--muted)!important}.has-teal-color{color:var(--wp--preset--color--teal)!important}.has-mist-color{color:var(--wp--preset--color--mist)!important}.has-sand-color{color:var(--wp--preset--color--sand)!important}.has-line-color{color:var(--wp--preset--color--line)!important}
.has-paper-background-color{background-color:var(--wp--preset--color--paper)!important}.has-muted-background-color{background-color:var(--wp--preset--color--muted)!important}.has-teal-background-color{background-color:var(--wp--preset--color--teal)!important}.has-mist-background-color{background-color:var(--wp--preset--color--mist)!important}.has-sand-background-color{background-color:var(--wp--preset--color--sand)!important}.has-line-background-color{background-color:var(--wp--preset--color--line)!important}
.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}.has-xx-large-font-size{font-size:var(--wp--preset--font-size--xx-large)!important}.has-hero-font-size{font-size:var(--wp--preset--font-size--hero)!important}