:root { --background: 0 0% 100%; --foreground: 214 52% 16%; --primary: 213 56% 17%; --primary-foreground: 0 0% 100%; --secondary: 210 18% 95%; --secondary-foreground: 214 52% 16%; --muted: 210 18% 95%; --muted-foreground: 213 13% 42%; --accent: 353 70% 43%; --accent-foreground: 0 0% 100%; --border: 212 19% 87%; --input: 212 19% 87%; --ring: 353 70% 43%; --card: 0 0% 100%; --card-foreground: 214 52% 16%; --popover: 0 0% 100%; --popover-foreground: 214 52% 16%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --radius: .25rem; --navy: #102b46; --navy-deep: #0b243c; --red: #bc2946; --ink: #18334d; --soft: #f4f6f7; --line: #dbe1e5; --green: #22c55e; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: 'Manrope', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: #bc2946; color: white; }
.site-app { overflow: clip; }
.site-header { position: relative; z-index: 20; background: #fff; border-bottom: 1px solid #e5e9eb; }
.header-inner { max-width: 1520px; height: 236px; margin: auto; padding: 0 clamp(24px, 5.2vw, 84px); display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.brand { display: flex; align-items: flex-end; flex: none; height: 100%; overflow: hidden; }
.brand img { width: 240px; height: 225px; object-fit: cover; object-position: center 18%; }
.header-main { display: flex; flex-direction: column; justify-content: center; gap: 4px; flex: 1; min-width: 0; margin-left: 12px; }
.brand-word { font-size: 30px; line-height: 1; letter-spacing: .09em; color: #647889; font-weight: 800; white-space: nowrap; }
.header-baseline { display: flex; align-items: center; gap: clamp(16px, 2.4vw, 34px); min-width: 0; }
.brand-tagline { font-size: 18px; line-height: 1; letter-spacing: .1em; font-weight: 700; color: #647889; white-space: nowrap; }
.desktop-nav { display: flex; align-items: center; gap: clamp(16px, 2.4vw, 34px); margin-left: auto; }
.nav-link { font-size: 18px; line-height: 1; font-weight: 700; color: #647889; transition: color .2s; position: relative; white-space: nowrap; }
.nav-link:hover, .nav-link.active { color: var(--navy); }
.nav-link.active:after { content: ''; position: absolute; left: 0; bottom: -8px; width: 100%; height: 3px; background: var(--red); }
.header-cta, .submit-button { display: inline-flex; align-items: center; justify-content: center; gap: 26px; background: var(--navy); color: white; padding: 20px 30px; font-size: 14.5px; font-weight: 700; white-space: nowrap; transition: background .25s, transform .25s; }
.header-cta:hover, .submit-button:hover { background: var(--green); transform: translateY(-2px); }
.site-header .header-cta { font-size: 18px; line-height: 1; margin-top: 0; }
.menu-toggle, .mobile-nav { display: none; }
.eyebrow { display: inline-flex; align-items: center; gap: 16px; margin: 0 0 30px; color: var(--navy); font-size: clamp(24px, 2.1vw, 32px); font-weight: 800; letter-spacing: .05em; line-height: 1.15; }
.eyebrow.light { color: #dce5eb; }
.overview-section .eyebrow, .approach-inner .eyebrow, .closing-section .eyebrow { font-size: clamp(12px, 1.05vw, 16px); }
.red-line { width: 44px; height: 3px; background: var(--red); display: inline-block; flex: none; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-weight: 500; }
em { font-family: 'Newsreader', Georgia, serif; font-weight: 400; }
.text-link { display: inline-flex; gap: 20px; align-items: center; border-bottom: 1px solid var(--red); padding-bottom: 9px; color: var(--navy); font-size: 12px; font-weight: 800; transition: gap .25s, color .25s; }
.text-link:hover { gap: 29px; color: var(--green); }
.section-shell { max-width: 1520px; margin-inline: auto; padding-inline: clamp(24px, 7.5vw, 112px); }
.home-hero { position: relative; min-height: min(860px, calc(100dvh - 150px)); display: flex; align-items: flex-start; overflow: hidden; background: #9ec0dc; margin-top: -1px; }
.home-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 38%; }
.hero-scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.86) 28%, rgba(255,255,255,.42) 46%, rgba(255,255,255,0) 62%); pointer-events: none; }
.hero-copy { position: relative; z-index: 1; width: min(640px, 100%); padding: 64px clamp(24px, 6.5vw, 104px) 72px; }
.hero-brand { margin: 0 0 8px; color: var(--navy); font-size: 13px; font-weight: 800; letter-spacing: .22em; }
.hero-tag { margin: 0 0 22px; color: var(--red); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.hero-copy h1 { color: var(--navy); font-family: 'Newsreader', Georgia, serif; font-size: clamp(34px, 3.2vw, 48px); line-height: 1.14; letter-spacing: -.03em; font-weight: 500; margin: 0 0 22px; max-width: 18ch; }
.hero-copy > p { max-width: 560px; font-size: 18px; line-height: 1.75; color: #22374c; margin: 0 0 16px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px 28px; margin-top: 18px; }
.hero-actions .header-cta { padding: 20px 30px; }
.overview-section { padding-top: 76px; padding-bottom: 140px; }
.section-heading { display: grid; grid-template-columns: 72px minmax(240px, 1.15fr) minmax(220px, .85fr); align-items: baseline; gap: 18px 28px; margin-bottom: 62px; }
.overview-section .section-heading > div { display: contents; }.overview-section .section-heading { align-items: start; }
.overview-section .section-heading .eyebrow { grid-column: 1 / 3; grid-row: 1; margin-bottom: 12px; }
.overview-section .section-heading h2 { grid-column: 1 / 3; grid-row: 2; }
.overview-section .section-heading > p { grid-column: 3; grid-row: 2; margin: 0; align-self: start; }
.section-heading h2, .services-intro h2 { color: var(--navy); font-family: 'Newsreader', Georgia, serif; font-size: clamp(43px, 4.5vw, 68px); line-height: 1.08; letter-spacing: -.035em; margin: 0; }
.section-heading h2 em, .services-intro h2 em { color: #53718a; }
.section-heading > p { max-width: 440px; font-size: 18px; line-height: 1.75; color: #22374c; margin-bottom: 5px; }
.offering-list { border-top: 1px solid var(--line); }
.offering-row { min-height: 118px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 72px minmax(240px, 1.15fr) minmax(220px, .85fr); align-items: baseline; gap: 18px 28px; padding: 22px 0; }
.offering-row h3 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(22px, 1.85vw, 29px); letter-spacing: -.02em; line-height: 1.15; margin: 0; }
.offering-row p { font-size: 18px; line-height: 1.75; color: #22374c; margin: 0; }
.approach-section { background: var(--soft); }
.approach-inner { padding-top: 76px; padding-bottom: 120px; }
.approach-inner h2 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(42px, 4.6vw, 68px); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 36px; max-width: 14ch; }
.approach-inner h2 em { color: #53718a; }
.approach-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 48px; }
.approach-columns p { margin: 0; color: #22374c; font-size: 18px; line-height: 1.75; }
.closing-content p { max-width: 560px; margin: 18px 0 0; color: #22374c; font-size: 18px; line-height: 1.75; }
.closing-content h2 { max-width: 12ch; }
.service-row { min-height: 134px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 12% 39% 1fr 30px; align-items: center; gap: 20px; transition: padding .25s, background .25s; }
.service-row:hover { background: #f6f8f9; padding-inline: 16px; }
.service-number, .detail-index { color: var(--red); font-size: 11px; letter-spacing: .08em; font-weight: 800; }
.service-row h3 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(26px, 2.45vw, 37px); letter-spacing: -.02em; margin: 0; }
.service-row p { font-size: 12px; line-height: 1.75; max-width: 320px; color: #6b7d8c; margin: 0; }
.service-arrow { color: var(--navy); }
.perspective-section { display: grid; grid-template-columns: 49% 51%; min-height: 650px; background: var(--soft); }
.perspective-image { position: relative; min-height: 650px; overflow: hidden; }
.perspective-image img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.image-caption { position: absolute; bottom: 0; left: 0; background: white; padding: 20px 32px; font-size: 9px; letter-spacing: .13em; font-weight: 800; color: var(--navy); }
.perspective-copy { padding: 70px clamp(32px, 8vw, 125px) 80px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.large-index { font-family: 'Newsreader', Georgia, serif; color: #d7dfe4; font-size: 110px; line-height: 1; letter-spacing: -.08em; display: block; margin-bottom: 24px; }
.perspective-copy h2, .contact-aside h2, .form-wrap > h2 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(46px, 4vw, 65px); line-height: 1.08; letter-spacing: -.04em; color: var(--navy); margin: 0 0 30px; }
.perspective-copy h2 em { color: var(--red); }
.contact-aside h2 em { color: var(--green); }
.perspective-copy > p:not(.eyebrow) { color: #637587; font-size: 13px; line-height: 1.9; max-width: 470px; margin-bottom: 17px; }
.perspective-copy .text-link { margin-top: 22px; }
.closing-section { padding-top: 76px; padding-bottom: 116px; border-top: 1px solid var(--line); margin-top: 76px; }
.closing-content { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.closing-content .text-link { margin-top: 32px; }
.closing-content h2 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(50px, 6vw, 88px); line-height: 1; letter-spacing: -.045em; margin: 0; }
.closing-content h2 em { color: #53718a; }
.circle-link { width: 95px; height: 95px; background: var(--red); color: white; display: grid; place-items: center; border-radius: 50%; flex: none; transition: transform .25s, background .25s; }
.circle-link:hover { transform: rotate(45deg); background: var(--navy); }
.closing-rule { height: 1px; background: var(--line); margin-top: 64px; }
.site-footer { background: var(--navy-deep); color: white; padding: 88px 0 28px; }
.footer-top, .footer-bottom { max-width: 1520px; margin: auto; padding-inline: clamp(24px, 5.2vw, 84px); }
.footer-top { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-bottom: 85px; }
.footer-top h2 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(42px, 4.2vw, 68px); letter-spacing: -.035em; line-height: 1.07; margin: 0; }
.footer-top h2 em { color: #afc1cd; }
.footer-contact, .outline-light-link { display: inline-flex; gap: 30px; align-items: center; border: 1px solid #7890a1; padding: 17px 22px; font-size: 12px; font-weight: 700; white-space: nowrap; transition: background .2s; }
.footer-contact:hover, .outline-light-link:hover { background: var(--green); border-color: var(--green); }
.footer-contact { padding: 20px 30px; font-size: 14.5px; gap: 26px; }
.footer-bottom { border-top: 1px solid #3b5164; padding-top: 33px; display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; column-gap: clamp(16px, 2.4vw, 34px); row-gap: 4px; align-items: baseline; }
.footer-brand { display: contents; }.footer-brand strong { grid-column: 1; grid-row: 1; letter-spacing: .09em; font-size: 30px; line-height: 1; color: #9aabb9; }.footer-brand span { grid-column: 1; grid-row: 2; color: #9aabb9; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }
.footer-bottom nav { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 12px 22px; }.footer-bottom nav a { font-size: 18px; line-height: 1; font-weight: 700; color: #c2ced7; }.footer-bottom nav a:hover { color: white; }
.footer-bottom p { grid-column: 3; grid-row: 2; color: #91a3b1; font-size: 12px; line-height: 1; text-align: right; margin: 0; align-self: baseline; }
.page-intro { background: #f5f7f8; border-bottom: 1px solid #e2e7ea; }.page-intro-inner { max-width: 1520px; margin: auto; padding: 70px clamp(24px, 7.5vw, 112px) 100px; display: grid; grid-template-columns: 22% 1fr; gap: 25px; }.intro-index { color: #8a9aa8; font-size: 10px; letter-spacing: .14em; font-weight: 800; padding-top: 6px; }.page-intro h1 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(64px, 7vw, 108px); line-height: .98; letter-spacing: -.045em; color: var(--navy); margin: 0 0 27px; }.page-intro h1 em { color: #53718a; }.page-intro-description { max-width: 530px; color: #67798a; font-size: 14px; line-height: 1.85; margin: 0; }
/* ===== Services page intro (scoped to .services-page-intro): "OUR SERVICES" eyebrow matches About "Our Approach" size; "International Commerce Services" h1 matches the Home section heading size; intro index removed; bottom grey line sits a few mm below the last sentence ===== */
.services-page-intro .page-intro-inner { grid-template-columns: 1fr; padding-top: 10px; padding-bottom: 16px; }
.services-page-intro .eyebrow { font-size: clamp(12px, 1.05vw, 16px); }
.services-page-intro h1 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(34px, 3.2vw, 48px); line-height: 1.14; letter-spacing: -.03em; font-weight: 500; }
/* ===== About page only (/about) — every rule here is scoped to .about-* classes used solely on the About page; keep About changes inside this block and out of shared selectors ===== */
.about-hero { display: flex; flex-direction: column; padding-top: calc(3cm + 24px); padding-bottom: 0; }
.about-hero-top { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; align-items: start; }
.about-portrait { display: block; width: auto; height: calc(clamp(36px, 3.4vw, 52px) * 1.92 + 3cm); margin-top: -3cm; object-fit: contain; object-position: top center; background: #f4f6f7; }
.about-hero h1 { margin: 0; color: var(--navy); font-family: 'Newsreader', Georgia, serif; font-size: clamp(36px, 3.4vw, 52px); line-height: 1.12; letter-spacing: -.03em; font-weight: 500; }
.about-title-line { display: block; }
.about-title-line + .about-title-line { margin-top: 0; }
.about-hero-text { display: flex; flex-direction: column; gap: 22px; margin-top: 12px; }
.about-separator { height: 1px; background: var(--line); margin-top: 36px; }
.about-hero-text p, .about-approach p:not(.eyebrow) { margin: 0; color: #22374c; font-size: 18px; line-height: 1.85; }
.about-principle-copy { margin-top: 10px; }
.about-approach { padding-top: 18px; padding-bottom: 130px; max-width: 1520px; }
.about-approach .eyebrow { font-size: clamp(12px, 1.05vw, 16px); }
.about-approach p:not(.eyebrow) { max-width: 920px; }
.about-approach h2 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(42px, 4.6vw, 68px); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 28px; max-width: 14ch; }
.about-approach p:not(.eyebrow) + p:not(.about-objective) { margin-top: 22px; }
.about-objective { margin-top: 44px; }
.about-approach .text-link { margin-top: 36px; }
.services-intro { padding-top: 110px; padding-bottom: 75px; display: grid; grid-template-columns: 22% 1fr; gap: 25px; }.services-intro h2 { margin-bottom: 25px; }.services-intro p:not(.eyebrow) { color: #637587; max-width: 640px; font-size: 14px; line-height: 1.9; }.services-hero-subtitle { font-family: 'Newsreader', Georgia, serif; font-weight: 400; color: #53718a; font-size: clamp(20px, 1.9vw, 28px); line-height: 1.3; margin: 0 0 26px; }.services-hero-text { color: #67798a; font-size: 14px; line-height: 1.85; max-width: 530px; margin: 0; }.services-hero-text + .services-hero-text { margin-top: 16px; }.services-detail { padding-top: 0; padding-bottom: 120px; }.detail-row { border-top: 1px solid var(--line); padding: 6px 0 58px; display: flex; flex-direction: column; gap: 0; }.detail-row:last-child { border-bottom: 1px solid var(--line); }
.services-detail .detail-row:first-child { border-top: 1px solid var(--line); }.detail-index { padding-top: 0; transform: none; margin-bottom: 1.15em; }.detail-body { min-width: 0; }.detail-row h2 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(30px, 2.8vw, 44px); line-height: 1.1; letter-spacing: -.025em; margin: 0 0 18px; max-width: none; }.service-subtitle { font-family: 'Newsreader', Georgia, serif; font-weight: 400; color: #53718a; font-size: clamp(20px, 1.7vw, 26px); line-height: 1.3; margin: 0 0 24px; max-width: none; white-space: nowrap; }.detail-text { color: #41526a; max-width: 680px; font-size: 15.5px; line-height: 1.85; margin: 0 0 18px; }.detail-text[dir="rtl"] { text-align: right; }.detail-body .text-link { margin-top: 10px; }.service-feature { display: grid; grid-template-columns: 50% 50%; min-height: 520px; background: var(--navy); color: #fff; }.service-feature-image { position: relative; min-height: 520px; }.service-feature-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; }.service-feature-copy { padding: 70px clamp(35px, 8vw, 120px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }.service-feature-copy h2 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(43px, 4vw, 64px); line-height: 1.08; letter-spacing: -.04em; margin-bottom: 25px; }.service-feature-copy > p:not(.eyebrow) { color: #bbccd8; font-size: 13px; line-height: 1.9; }.service-feature-copy .outline-light-link { margin-top: 15px; }
/* ============================================================================
   VISION & VALUES — DESKTOP REFERENCE (LOCKED)
   The rules below are the approved, protected desktop presentation for the
   /vision-values page. Do NOT alter values, spacing, typography, colors,
   separators, image treatment or CTA behavior here. Mobile-view optimization
   must happen ONLY inside the `@media (max-width: 650px)` block marked
   "VISION & VALUES — MOBILE OVERRIDES" further below, so desktop stays intact.
   Protected alongside: Home 1, About 1, Contact desktop, Contact mobile
   optimization, and Services page.
   ========================================================================== */
.vision-statement { background: var(--navy); color: white; }.vision-statement-inner { max-width: 1520px; margin: auto; padding: 28px clamp(24px, 7.5vw, 112px) 120px; }.vision-statement .large-index { color: #38516a; }.vision-statement h2 { max-width: 1050px; font-family: 'Newsreader', Georgia, serif; font-size: clamp(42px, 5vw, 76px); line-height: 1.13; letter-spacing: -.035em; font-weight: 400; margin: 0 0 30px; }.vision-statement p { color: #bbccd8; font-size: 15.5px; line-height: 1.85; max-width: 860px; margin: 0 0 18px; }.vision-statement p:last-child { margin-bottom: 0; }
/* ===== Vision & Values page — purpose / mission blocks ===== */
.vision-block { padding-top: 28px; padding-bottom: 75px; }
.vision-block .eyebrow { font-size: clamp(12px, 1.05vw, 16px); }
.vision-block h2 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: clamp(30px, 2.8vw, 44px); line-height: 1.1; letter-spacing: -.025em; margin: 0 0 24px; max-width: 20ch; }
.vision-block h2 em { color: #53718a; }
.vision-block h2.vision-subtitle { font-family: 'Newsreader', Georgia, serif; font-weight: 400; color: #53718a; font-size: clamp(20px, 1.9vw, 28px); line-height: 1.3; letter-spacing: 0; max-width: none; margin: 0 0 24px; }
.vision-block p { color: #41526a; max-width: 680px; font-size: 15.5px; line-height: 1.85; margin: 0 0 18px; }
.vision-block p:last-child { margin-bottom: 0; }.values-section { padding-top: 120px; padding-bottom: 130px; }.values-grid { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; }.value-item { padding: 45px 7% 48px 0; border-bottom: 1px solid var(--line); }.value-item:nth-child(even) { padding-left: 10%; border-left: 1px solid var(--line); }.value-item > span { font-size: 10px; letter-spacing: .12em; color: var(--red); font-weight: 800; }.value-item h3 { font-family: 'Newsreader', Georgia, serif; color: var(--navy); font-size: 41px; margin: 23px 0 14px; }.value-item p { color: #647687; font-size: 13px; line-height: 1.85; max-width: 450px; margin: 0; }.vision-image-cta { position: relative; display: flex; align-items: center; color: white; background: var(--navy); }.vision-image-cta:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,30,50,.94), rgba(6,30,50,.46)); }.vision-image-cta img { width: 100%; height: 100%; position: absolute; object-fit: cover; }.vision-image-cta > div { position: relative; z-index: 1; padding: 28px clamp(24px, 7.5vw, 112px) 75px; }.vision-image-cta h2 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(20px, 1.9vw, 28px); line-height: 1.3; max-width: 630px; letter-spacing: -.04em; }.vision-image-cta h2 em { color: #d2dfe8; }
/* ============================================================================
   CONTACT — DESKTOP REFERENCE (LOCKED)
   The rules below are the approved, protected desktop presentation for the
   /contact page, including the Business Hours layout, email separators and
   response note, address spacing, and LinkedIn logo placement with green
   hover. Do NOT alter values, spacing, typography, colors, separators, links,
   image treatment or CTA behavior here. Mobile-view optimization must happen
   ONLY inside the `@media (max-width: 650px)` block marked
   "CONTACT — MOBILE OVERRIDES" further below, so desktop stays intact.
   Protected alongside: Home 1, About 1, Services, and Vision & Values pages.
   ========================================================================== */
.contact-top { padding-top: 20px; }
.contact-top .eyebrow { font-size: clamp(12px, 1.05vw, 16px); margin-bottom: 0; }
.contact-section { padding-top: 26px; padding-bottom: 14px; display: grid; grid-template-columns: 37% 1fr; gap: 12%; }.contact-aside .large-index { margin-bottom: 15px; }.contact-aside > p:not(.eyebrow) { color: #637587; font-size: 13px; line-height: 1.9; max-width: 370px; }.contact-aside-rule { height: 1px; background: var(--line); margin: 40px 0 3px; width: 85%; }.contact-details { display: flex; flex-direction: column; gap: 0; }.whatsapp-link { display: inline-flex; align-items: center; gap: 6px; }.whatsapp-link svg { flex: none; color: var(--green); width: 14px; height: 14px; }.contact-detail > span { display: block; font-size: 10px; letter-spacing: .15em; font-weight: 800; color: var(--red); margin-bottom: 0; line-height: 1.2; }.contact-detail p { margin: 0; color: #22374c; font-size: 14px; line-height: 1.35; }.contact-detail span.business-hours-label { margin-top: 14px; }
.contact-detail p.business-hours { margin-top: 4px; color: #637587; font-size: 12px; line-height: 1.6; }.contact-detail-rule { width: 100%; height: 1px; margin: 9px 0 10px; background: var(--line); }.contact-detail p.email-response-note { color: #637587; font-size: 12px; line-height: 1.65; }.address-line { border-bottom: 1px solid var(--line); padding-bottom: 14px; }.contact-detail a { border-bottom: 1px solid var(--line); transition: color .2s, border-color .2s; }.contact-detail a:hover { color: var(--green); border-color: var(--green); }.linkedin-link { display: flex; align-items: center; justify-content: flex-start; width: auto; height: 54px; margin-top: 0; margin-bottom: 32px; overflow: hidden; background: #fff; }.linkedin-link img { display: block; height: 54px; width: auto; object-fit: contain; object-position: left center; transition: filter .2s; }.linkedin-link:hover img { filter: hue-rotate(-68deg) saturate(1.2); }.contact-aside .contact-note { margin-top: 44px; display: block; }.contact-aside .linkedin-link { margin-top: 8px; }.contact-note { color: #8597a6; font-size: 10px; line-height: 2; letter-spacing: .15em; font-weight: 700; }.form-wrap { padding-top: 0; }.form-wrap > h2 { margin-bottom: 26px; }.form-wrap > p { color: #66798a; font-size: 13px; margin-bottom: 38px; }.contact-form { display: flex; flex-direction: column; gap: 26px; }.form-two { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.contact-form label { display: flex; flex-direction: column; gap: 10px; color: var(--navy); font-size: 11px; font-weight: 800; }.contact-form label span { color: var(--red); }.contact-form input, .contact-form select, .contact-form textarea { border: 1px solid #cbd5dc; background: white; padding: 16px 16px; color: var(--navy); width: 100%; border-radius: 0; outline: none; font-size: 12px; font-weight: 500; transition: border-color .2s; }.contact-form input::placeholder, .contact-form textarea::placeholder { color: #9faeb8; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--navy); }.contact-form textarea { resize: vertical; min-height: 150px; }.submit-button { align-self: flex-start; border: 0; padding: 19px 27px; margin-top: 3px; }.submit-button:disabled { opacity: .6; cursor: wait; transform: none; }.form-footnote { font-size: 11px; color: #8495a2; margin: -12px 0 0; }.form-error { font-size: 12px; color: var(--red); margin: 0; }.success-box { border: 1px solid #cbd5dc; padding: 45px; color: var(--navy); }.success-box > svg { color: var(--red); }.success-box h3 { font-family: 'Newsreader', Georgia, serif; font-size: 30px; margin: 18px 0 9px; }.success-box p { font-size: 13px; color: #607386; }.success-box button { border-top: 0; border-left: 0; border-right: 0; background: none; margin-top: 15px; }
.contact-map { border-top: 1px solid var(--line); padding-top: 12px; padding-bottom: 110px; }
.contact-map .eyebrow { font-size: clamp(12px, 1.05vw, 16px); }
.map-frame { margin-top: 26px; border: 1px solid var(--line); }
.map-frame iframe { display: block; width: 100%; height: clamp(320px, 42vw, 460px); border: 0; }
/* ===== Home desktop vertical rhythm (client-approved tightening): hero picture, What We Do, service list, Our Approach, grey separator and Let's Begin each sit a few millimetres apart. Desktop only — tablet/mobile keep the approved spacing. ===== */
@media(min-width: 901px) {
  .header-inner { gap: 12px; }
  .header-main { margin-left: 0; }
  .header-baseline, .desktop-nav { gap: 20px; }
  .desktop-nav { margin-left: 0; }
  .site-header .header-cta { display: inline-flex; }
  .home-hero > img { object-position: 62% 30%; }
  .hero-copy { padding-top: 44px; }
  .overview-section { padding-top: 40px; padding-bottom: 24px; }
  .overview-section .section-heading { margin-bottom: 36px; }
  .approach-inner { padding-top: 24px; padding-bottom: 24px; }
  .closing-section { margin-top: 24px; padding-top: 40px; }
}
@media(max-width: 1150px) { .header-inner { padding-inline: 30px; }.desktop-nav { gap: 17px; }.brand img { width: 204px; height: 192px; }.brand-word { font-size: 27px; }.brand-tagline { font-size: 18px; }.offering-row { grid-template-columns: 56px 1fr; }.offering-row p { grid-column: 2; } }
/* ===== Desktop header fluid fit (1151px+): keeps the approved sizes at 1520px and above, and gently tightens the tagline, nav, gaps and Contact button between 1151px and 1520px so the full Contact button stays visible at 100% browser zoom. Tablet (<=1150px) and mobile are unchanged. ===== */
@media(min-width: 1151px) {
  .header-inner { gap: clamp(8px, .85vw, 12px); }
  .header-baseline, .desktop-nav { gap: clamp(12px, 1.32vw, 20px); }
  .brand-tagline, .nav-link { font-size: clamp(15px, 1.18vw, 18px); }
  .site-header .header-cta { display: inline-flex; flex: none; font-size: clamp(15px, 1.18vw, 18px); padding: 20px clamp(18px, 2vw, 30px); gap: clamp(16px, 1.7vw, 26px); }
}
@media(max-width: 900px) { .header-inner { height: auto; min-height: 64px; padding: 12px 20px; align-items: center; gap: 12px; }.brand { align-items: center; }.brand img { width: 48px; height: 48px; object-fit: cover; object-position: center 18%; }.header-main { margin-left: 0; gap: 2px; }.brand-word { font-size: 21px; letter-spacing: .06em; }.brand-tagline { display: none; }.desktop-nav, .site-header .header-cta { display: none; }.menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; padding: 0; background: transparent; border: 0; color: var(--navy); }.menu-toggle:hover { color: var(--red); }.mobile-nav { display: none; }.mobile-nav.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; z-index: 30; background: white; border-bottom: 1px solid var(--line); box-shadow: 0 18px 30px -18px rgba(16,43,70,.28); padding: 6px 20px 14px; }.mobile-link { display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 12px 4px; margin: 0; border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.25; color: var(--navy); white-space: normal; }.mobile-link:last-child { border-bottom: 0; }.mobile-link span { flex: none; font-size: 11px; color: var(--red); }.mobile-link svg { flex: none; margin-left: auto; }.mobile-link.current { color: var(--red); }.home-hero > img { object-position: 50% 28%; }.home-hero { min-height: 560px; }.hero-scrim { background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 50%, rgba(255,255,255,.78) 78%, rgba(255,255,255,.5) 100%); }.hero-copy { padding: 40px 7vw 48px; width: min(680px, 100%); }.approach-columns { grid-template-columns: 1fr; gap: 18px; }.perspective-copy { padding: 60px 45px; }.perspective-image { min-height: 540px; }.footer-bottom { grid-template-columns: auto 1fr; }.footer-bottom nav { justify-content: flex-end; }.footer-bottom p { grid-column: 1/-1; grid-row: 3; text-align: left; }.contact-section { gap: 7%; }.about-hero { padding-top: 48px; padding-bottom: 56px; }.about-hero-top { display: flex; flex-direction: column; gap: 16px; }.about-hero h1 { max-width: none; align-self: flex-start; }.about-portrait { width: min(100%, 420px); height: auto; margin-top: 0; }.about-hero-text { margin-top: 32px; }.about-separator { margin-top: 28px; }.about-approach { padding-top: 40px; } }
@media(max-width: 650px) { .header-inner { padding: 10px 16px; min-height: 58px; }.brand img { width: 42px; height: 42px; }.header-main { margin-left: 0; gap: 2px; }.brand-word { font-size: 19px; letter-spacing: .05em; }.brand-tagline { display: none; }.home-hero { min-height: 520px; }.hero-copy { padding: 26px 20px 36px; }.hero-copy h1 { font-size: 30px; max-width: none; }.hero-actions { align-items: flex-start; }.section-shell { padding-inline: 24px; }.overview-section { padding-top: 78px; padding-bottom: 90px; }.section-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 37px; }.overview-section .section-heading > div { display: block; }.overview-section .section-heading .eyebrow, .overview-section .section-heading h2, .overview-section .section-heading > p { grid-column: 1; grid-row: auto; }.section-heading h2, .services-intro h2 { font-size: 38px; }.section-heading > p { margin: 0; }.service-row { min-height: 112px; grid-template-columns: 28px 1fr 23px; gap: 12px; }.service-row h3 { font-size: 29px; }.service-row p { display: none; }.perspective-section { grid-template-columns: 1fr; }.perspective-image { min-height: 370px; }.perspective-copy { padding: 65px 24px 80px; }.perspective-copy h2 { font-size: 36px; }.large-index { font-size: 60px; margin-bottom: 15px; }.closing-section { padding-top: 85px; padding-bottom: 80px; }.closing-content { align-items: flex-start; flex-direction: column; }.closing-content h2 { font-size: clamp(32px, 9vw, 44px); max-width: none; }.offering-row { grid-template-columns: 36px 1fr; min-height: 0; padding: 22px 0; }.offering-row h3 { font-size: 22px; }.offering-row p { grid-column: 2; }.circle-link { width: 58px; height: 58px; }.circle-link svg { width: 24px; }.closing-rule { margin-top: 45px; }.site-footer { padding: 70px 0 28px; }.footer-top, .footer-bottom { padding-inline: 20px; }.footer-top { display: block; padding-bottom: 65px; }.footer-top h2 { font-size: 43px; margin-bottom: 34px; }.footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }.footer-brand { display: flex; flex-direction: column; gap: 4px; }.footer-brand span { white-space: normal; font-size: 15px; line-height: 1.45; letter-spacing: .08em; }.footer-bottom nav { justify-content: flex-start; }.footer-bottom p { grid-column: auto; grid-row: auto; }.page-intro-inner { padding: 42px 24px 75px; display: block; }.intro-index { margin-bottom: 58px; }.page-intro h1 { font-size: clamp(40px, 10vw, 54px); }.services-page-intro h1 { font-size: 34px; }.page-intro-description { font-size: 13px; }.about-hero { padding-top: 36px; padding-bottom: 56px; }.about-hero-top { gap: 14px; }.about-hero h1 { font-size: 34px; }.about-portrait { width: min(100%, 420px); height: auto; }.about-hero-text { margin-top: 28px; }.about-separator { margin-top: 24px; }.about-approach { padding-bottom: 96px; }.about-approach h2 { font-size: 32px; max-width: none; }.services-intro { display: block; padding-top: 80px; padding-bottom: 45px; }.services-intro .eyebrow { margin-bottom: 36px; }.detail-row { display: block; padding: 6px 0 44px; }.detail-index { display: block; margin-bottom: 1.15em; transform: none; }.detail-row h2 { font-size: 28px; max-width: none; }.service-subtitle { font-size: 20px; white-space: normal; }.services-detail { padding-bottom: 85px; }.service-feature { display: block; }.service-feature-image { min-height: 280px; }.service-feature-copy { padding: 56px 22px; }.service-feature-copy h2 { font-size: 32px; } /* === VISION & VALUES — MOBILE OVERRIDES (<=650px) === Mobile-only adjustments for /vision-values live here. Desktop rules above are locked; edit only these mobile-scoped rules. === */ .vision-statement-inner { padding: 48px 22px 70px; }.vision-statement h2 { font-size: 32px; }.vision-block { padding-top: 22px; padding-bottom: 48px; }.vision-block h2 { font-size: 28px; max-width: none; }.values-section { padding-top: 85px; padding-bottom: 95px; }.values-grid { grid-template-columns: 1fr; }.value-item, .value-item:nth-child(even) { border-left: 0; padding: 36px 0; }.vision-image-cta > div { padding: 24px 24px 55px; }/* === CONTACT — MOBILE OVERRIDES (<=650px) === Mobile-only adjustments for /contact live here. Desktop rules above are locked; edit only these mobile-scoped rules. === */
  .contact-section { display: block; padding-top: 24px; padding-bottom: 14px; }.contact-aside h2, .form-wrap > h2 { font-size: 36px; }.contact-aside-rule { margin: 35px 0 20px; }.form-wrap { padding-top: 56px; }.form-two { grid-template-columns: 1fr; gap: 26px; }.contact-map { padding-top: 14px; padding-bottom: 80px; }.map-frame iframe { height: 300px; } }
@media(prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Vision & Values refinements */
.vision-statement .eyebrow, .vision-image-cta .eyebrow { font-size: clamp(12px, 1.05vw, 16px); margin-bottom: 30px; }
.vision-statement h2 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(20px, 1.9vw, 28px); line-height: 1.3; letter-spacing: 0; font-weight: 400; }
.values-section { border-top: 1px solid var(--line); padding-top: 14px; }
.values-section .section-heading { grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); align-items: start; gap: 28px; }
.values-section .section-heading > div { display: block; }
.values-section .section-heading .eyebrow { font-size: clamp(12px, 1.05vw, 16px); margin-bottom: 12px; }
.values-section .section-heading h2 { color: #53718a; font-family: 'Newsreader', Georgia, serif; font-size: clamp(20px, 1.9vw, 28px); font-weight: 400; letter-spacing: 0; line-height: 1.3; margin: 0; }
.values-section .section-heading > p { color: #53718a; font-family: 'Newsreader', Georgia, serif; font-size: clamp(20px, 1.9vw, 28px); font-weight: 400; line-height: 1.3; margin: 0; }
.value-item h3 { font-family: 'Newsreader', Georgia, serif; font-size: clamp(20px, 1.9vw, 28px); font-weight: 400; line-height: 1.3; }
.value-item p { font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.85; }
@media(max-width: 650px) {
  .values-section .section-heading { grid-template-columns: 1fr; gap: 20px; }
}

/* ===== Mobile-only polish (<=650px): touch-friendly form controls, tighter rhythm.
     Desktop (>=901px) and the 1150px tablet rules are untouched. ===== */
@media (max-width: 650px) {
  .hero-copy > p { font-size: 16px; line-height: 1.7; }
  .hero-actions { gap: 16px 20px; }
  .overview-section { padding-top: 56px; padding-bottom: 64px; }
  .offering-row { padding: 18px 0; }
  .offering-row h3 { font-size: 20px; }
  .offering-row p { font-size: 16px; line-height: 1.7; }
  .approach-inner { padding-top: 48px; padding-bottom: 48px; }
  .approach-columns p { font-size: 16px; line-height: 1.7; }
  .perspective-copy { padding: 52px 22px 60px; }
  .perspective-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; }
  .closing-section { padding-top: 64px; padding-bottom: 64px; }
  .closing-content p { font-size: 16px; line-height: 1.7; }
  .footer-top h2 { font-size: 34px; margin-bottom: 28px; }
  .services-intro { padding-top: 64px; padding-bottom: 36px; }
  .detail-text { font-size: 15px; line-height: 1.8; }
  .vision-statement p { font-size: 14px; line-height: 1.8; }
  .vision-block p { font-size: 14px; line-height: 1.8; }
  .value-item { padding: 30px 0; }
  .value-item p { font-size: 14px; line-height: 1.8; }
  .vision-image-cta h2 { font-size: 22px; }
  .contact-aside > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; }
  .contact-detail p { font-size: 14px; }
  .form-wrap > p { font-size: 14px; margin-bottom: 28px; }
  .contact-form { gap: 22px; }
  .contact-form input, .contact-form select, .contact-form textarea { padding: 14px; font-size: 16px; }
  .contact-form label { font-size: 12px; }
  .submit-button { align-self: stretch; width: 100%; padding: 16px 22px; }
  .map-frame iframe { height: 280px; }
  .about-hero-text p, .about-approach p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
  .about-approach { padding-top: 36px; }
}
/* WordPress adaptation */
body.admin-bar .site-header{ }
.wp-site-blocks{padding:0}
.site-main{min-height:40vh}
.leguimatt-notice{max-width:1520px;margin:auto;padding:12px 5.2vw;background:#fff7e6;color:#664d03;font-size:13px}
@media(max-width:900px){.header-inner{height:auto;min-height:76px;align-items:center}.brand{height:auto}.brand img{object-fit:contain;object-position:center}.header-main{justify-content:center}}


/* v0.3 production-readiness additions */
.hp-field{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.form-notice{margin:0 0 24px;padding:14px 16px;border-left:3px solid #102B46;background:#F4F6F7;color:#18334D;font:600 14px/1.5 Manrope,Arial,sans-serif}
.form-notice.success{border-left-color:#102B46}
.form-notice.error{border-left-color:#BC2946}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #102B46;outline-offset:2px}
/* v0.4 contact feedback */
.form-notice.success{border-left:4px solid #102B46;background:#eef4f7;padding:18px 20px;font-size:15px;line-height:1.65}
.form-notice.success strong{display:inline-block;margin-bottom:2px;font-size:16px;color:#102B46}
.form-notice:focus{outline:2px solid #102B46;outline-offset:3px}

/* v0.5: production-candidate readiness */
.whatsapp-link{font-weight:700;text-decoration:none}.whatsapp-link:hover{text-decoration:underline}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .header-inner,html[dir="rtl"] .header-baseline,html[dir="rtl"] .contact-section{direction:rtl}
html[dir="rtl"] .desktop-nav,html[dir="rtl"] .contact-details{direction:rtl}

/* v0.6 — Hebrew / RTL and landing-page foundation */
.lang-switch{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--red);white-space:nowrap;margin-left:10px}.lang-switch:hover{color:var(--navy)}
.he-page{direction:rtl;text-align:right}.he-page .eyebrow{letter-spacing:0}.he-page .red-line{margin-right:0;margin-left:12px}.he-shell{max-width:1180px;margin:0 auto;padding:70px 36px}.he-hero{background:var(--navy);color:#fff}.he-hero-inner{max-width:1180px;margin:0 auto;padding:90px 36px}.he-hero h1{font-family:'Newsreader',Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:1.03;margin:0 0 24px}.he-hero p{max-width:850px;font-size:19px;line-height:1.8;color:#eef3f6}.he-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.he-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid var(--red);background:var(--red);color:#fff;font-weight:700}.he-btn.secondary{background:transparent;border-color:#fff}.he-section-title{font-family:'Newsreader',Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400;color:var(--navy);margin:0 0 22px}.he-lead{font-size:18px;line-height:1.9;max-width:900px}.he-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}.he-card{background:#fff;padding:34px}.he-card h3{font-family:'Newsreader',Georgia,serif;color:var(--navy);font-size:27px;font-weight:400;margin:0 0 12px}.he-card p{line-height:1.8;margin:0;color:var(--text)}
.digital-card-page{direction:rtl;text-align:right;background:#f4f6f7;min-height:70vh;padding:54px 20px}.digital-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px rgba(16,43,70,.09);padding:46px}.digital-card-head{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:28px}.digital-card-logo{width:86px;height:86px;object-fit:contain}.digital-card h1{font-family:'Newsreader',Georgia,serif;font-size:42px;font-weight:400;color:var(--navy);margin:0}.digital-card .role{margin:6px 0 0;color:#53718a}.digital-card-copy{font-size:17px;line-height:1.85;margin:30px 0}.digital-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.digital-links a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px;border:1px solid var(--navy);color:var(--navy);font-weight:700}.digital-links a.primary{background:var(--red);border-color:var(--red);color:#fff}.landing-note{margin-top:28px;padding:18px 20px;border-right:3px solid var(--red);background:#f4f6f7;line-height:1.7}
@media(max-width:900px){.lang-switch{margin-left:auto;margin-right:8px}.he-grid{grid-template-columns:1fr}.digital-links{grid-template-columns:1fr}}
@media(max-width:650px){.he-shell,.he-hero-inner{padding:52px 22px}.he-hero h1{font-size:42px}.digital-card{padding:28px 20px}.digital-card-head{align-items:flex-start}.digital-card-logo{width:66px;height:66px}.digital-card h1{font-size:34px}}

/* v0.7 — full Hebrew mirror, same visual system as English */
.site-he{direction:rtl;text-align:right}.site-he .header-inner,.site-he .header-baseline,.site-he .desktop-nav,.site-he .footer-top,.site-he .footer-bottom{direction:rtl}.site-he .brand-tagline{letter-spacing:0}.site-he .lang-switch{color:var(--text);letter-spacing:0;margin:0 10px}.site-he .header-cta{white-space:nowrap}.he-mirror .eyebrow{letter-spacing:0}.he-mirror .red-line{margin-right:0;margin-left:12px}.he-mirror .section-heading,.he-mirror .offering-row,.he-mirror .approach-columns,.he-mirror .closing-content,.he-mirror .about-hero-top,.he-mirror .contact-section,.he-mirror .detail-row{direction:rtl}.he-mirror .hero-copy{direction:rtl;text-align:right}.he-brand-kicker{font-size:14px!important;font-weight:800;letter-spacing:.08em;text-transform:none}.he-brand-kicker span{font-weight:500;letter-spacing:0}.he-mirror .text-link{direction:rtl}.he-services-link{display:inline-block;margin-top:28px}.he-mirror .detail-index{direction:ltr;text-align:right}.he-mirror .contact-form input,.he-mirror .contact-form textarea,.he-mirror .contact-form select{text-align:right;direction:rtl}.he-mirror .form-notice{border-left:0;border-right:4px solid #102B46}.he-mirror .form-notice.error{border-right-color:#BC2946}.footer-he{text-align:right;direction:rtl}.footer-he-copy{max-width:560px;line-height:1.8}.footer-contact-lines,.footer-legal{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-contact-lines a,.footer-legal a{color:inherit;text-decoration:none}.footer-legal a[aria-disabled="true"]{opacity:.65;cursor:default}.footer-he .footer-nav{direction:rtl}
@media(max-width:900px){.site-he .lang-switch{margin-left:8px;margin-right:auto}.site-he .mobile-nav{direction:rtl;text-align:right}}

/* v0.7.1 — Hebrew visual/RTL correction pass */
.site-he{font-family:'Heebo','Arial Hebrew',Arial,sans-serif}
.site-he h1,.site-he h2,.site-he h3,.site-he em,.site-he .hero-copy h1,.site-he .section-heading h2,.site-he .offering-row h3,.site-he .about-hero h1,.site-he .about-approach h2,.site-he .services-page-intro h1,.site-he .detail-row h2,.site-he .vision-statement h2,.site-he .vision-block h2,.site-he .contact-title,.site-he .footer-top h2{font-family:'Frank Ruhl Libre','Noto Serif Hebrew',Georgia,serif;letter-spacing:0}
.site-he p,.site-he a,.site-he label,.site-he input,.site-he textarea,.site-he select,.site-he button{letter-spacing:0}
.site-he .brand-word{direction:ltr;text-align:left;font-family:'Manrope',sans-serif}
.site-he .brand-tagline{font-family:'Heebo',sans-serif;font-size:18px;line-height:1.25;white-space:nowrap;cursor:default}
.lang-switch{display:inline-flex;align-items:center;gap:7px;margin-left:10px;white-space:nowrap;color:#647889;font-size:13px;font-weight:700;letter-spacing:0}
.lang-switch .lang-option{color:#647889;border-bottom:1px solid transparent;padding:3px 0}
.lang-switch .lang-option:hover{color:var(--navy)}
.lang-switch .lang-option.is-current{color:var(--navy);border-bottom-color:var(--red);pointer-events:none;cursor:default}
.site-he .lang-switch{direction:ltr;margin:0 10px}
.site-he .hero-copy h1{font-size:clamp(36px,3.45vw,52px);line-height:1.13;max-width:20ch}
.site-he .hero-copy>p,.site-he .section-heading>p,.site-he .offering-row p,.site-he .about-hero-text p,.site-he .about-approach p:not(.eyebrow){font-size:17px;line-height:1.85}
.site-he .section-heading h2{font-size:clamp(42px,4.25vw,64px);line-height:1.08}
.site-he .offering-row h3{font-size:clamp(23px,1.9vw,30px);line-height:1.22}
.site-he .eyebrow{font-family:'Heebo',sans-serif}
.site-he .header-cta,.site-he .submit-button,.site-he .text-link{font-family:'Heebo',sans-serif}
.site-he .footer-bottom{direction:rtl;grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto;column-gap:28px;row-gap:16px;align-items:start}
.site-he .footer-brand{display:flex;flex-direction:column;gap:5px;grid-column:1;grid-row:1/3;min-width:220px}
.site-he .footer-brand strong{font-family:'Manrope',sans-serif;font-size:24px;letter-spacing:.07em;color:#9aabb9;direction:ltr;text-align:right}
.site-he .footer-brand span{font-size:15px;line-height:1.4;letter-spacing:0;white-space:normal;color:#9aabb9}
.site-he .footer-bottom .footer-nav{grid-column:2;grid-row:1;justify-content:center;gap:10px 18px}
.site-he .footer-bottom .footer-nav a{font-size:14px;line-height:1.4}
.site-he .footer-contact-lines{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;gap:18px;direction:ltr;white-space:nowrap;align-items:center}
.site-he .footer-contact-lines a{font-family:'Manrope',sans-serif;font-size:13px;unicode-bidi:isolate;direction:ltr}
.site-he .footer-bottom .footer-legal{grid-column:2;grid-row:2;justify-content:center;gap:10px 18px}
.site-he .footer-bottom .footer-legal a{font-size:12px;line-height:1.4}
.site-he .footer-bottom>p{grid-column:3;grid-row:2;font-size:11px;line-height:1.4;text-align:left;direction:rtl;white-space:nowrap}
.site-he a[href^="tel:"],.site-he a[href^="mailto:"]{unicode-bidi:isolate}
.site-he a[href^="tel:"]{direction:ltr}
.site-he a[href^="mailto:"]{direction:ltr}
@media(max-width:1100px){
 .site-he .brand-tagline{font-size:15px}.site-he .nav-link{font-size:15px}.site-he .header-baseline{gap:14px}.site-he .desktop-nav{gap:14px}
 .site-he .footer-bottom{grid-template-columns:1fr 1fr}.site-he .footer-brand{grid-column:1;grid-row:1}.site-he .footer-bottom .footer-nav{grid-column:2;grid-row:1;justify-content:flex-start}.site-he .footer-contact-lines{grid-column:1;grid-row:2}.site-he .footer-bottom .footer-legal{grid-column:2;grid-row:2;justify-content:flex-start}.site-he .footer-bottom>p{grid-column:1/3;grid-row:3;text-align:right}
}
@media(max-width:900px){.site-he .lang-switch{margin-left:8px;margin-right:auto}}
@media(max-width:650px){
 .site-he .hero-copy h1{font-size:34px}.site-he .section-heading h2{font-size:38px}.site-he .offering-row h3{font-size:27px}
 .site-he .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.site-he .footer-brand{min-width:0}.site-he .footer-contact-lines{flex-wrap:wrap}.site-he .footer-bottom .footer-nav,.site-he .footer-bottom .footer-legal{justify-content:flex-start}.site-he .footer-bottom>p{white-space:normal;text-align:right}
}


/* v0.7.2 — Hebrew visual refinement from review */
.site-he .he-mirror .home-hero .hero-scrim{background:linear-gradient(260deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.91) 31%,rgba(255,255,255,.54) 49%,rgba(255,255,255,0) 66%)}
.site-he .he-mirror .home-hero .hero-copy{width:min(690px,100%)}
.site-he .he-mirror .home-hero .hero-copy h1{font-size:clamp(34px,3.15vw,48px);line-height:1.16;margin-bottom:24px}
.site-he .he-mirror .home-hero .hero-copy>p{font-size:16px;line-height:1.8;max-width:650px}
.site-he .he-mirror .home-hero .he-primary-cta{font-size:18px;font-weight:700}
.site-he .overview-section .eyebrow,.site-he .approach-inner .eyebrow,.site-he .closing-section .eyebrow,.site-he .about-approach .eyebrow,.site-he .services-page-intro .eyebrow,.site-he .vision-block .eyebrow,.site-he .vision-statement .eyebrow,.site-he .values-section .eyebrow,.site-he .contact-top .eyebrow{font-size:clamp(14px,1.2vw,18px)}
.site-he .section-heading h2,.site-he .about-approach h2,.site-he .vision-subtitle,.site-he .closing-content h2{font-size:clamp(34px,3.2vw,48px);line-height:1.12}
.site-he .section-heading h2 em{font-size:.92em}
.site-he .closing-content .text-link,.site-he .about-approach .text-link,.site-he .he-services-link{font-size:18px;font-weight:700}
.site-he .he-about-title{font-size:clamp(34px,3.5vw,50px);white-space:nowrap;max-width:none}
.site-he .services-page-intro .eyebrow{font-size:clamp(14px,1.2vw,18px)}
.site-he .services-detail{padding-bottom:80px}
.site-he .detail-row{padding-bottom:40px}
.site-he .detail-row h2{font-size:clamp(28px,2.5vw,40px)}
.site-he .service-subtitle{font-size:clamp(19px,1.55vw,24px)}
.site-he .contact-aside h2,.site-he .form-wrap>h2{font-size:clamp(36px,3.2vw,50px)}
.site-he .he-contact-ltr{direction:ltr!important;text-align:left!important;unicode-bidi:isolate;display:block;width:max-content;max-width:100%}
.site-he .he-contact-ltr a{direction:ltr!important;unicode-bidi:isolate;text-align:left!important}
.site-he .linkedin-link{display:inline-flex;align-items:center;gap:8px;direction:ltr;font-family:'Manrope',sans-serif;font-weight:700;color:#0A66C2}
.site-he .linkedin-link svg{width:25px;height:25px;flex:none}
.site-he .footer-top h2{font-size:clamp(34px,3.2vw,48px)}
.site-he .footer-bottom{grid-template-columns:minmax(220px,auto) minmax(0,1fr);column-gap:28px;row-gap:16px}
.site-he .footer-bottom .footer-nav{grid-column:2;grid-row:1}
.site-he .footer-bottom .footer-legal{grid-column:2;grid-row:2}
.site-he .footer-bottom>p{grid-column:2;grid-row:3;text-align:right;white-space:normal}
@media(max-width:900px){.site-he .he-mirror .home-hero .hero-scrim{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 55%,rgba(255,255,255,.72) 82%,rgba(255,255,255,.48) 100%)}.site-he .he-about-title{white-space:normal}}
@media(max-width:650px){.site-he .he-mirror .home-hero .hero-copy h1{font-size:32px}.site-he .he-mirror .home-hero .he-primary-cta,.site-he .closing-content .text-link,.site-he .about-approach .text-link,.site-he .he-services-link{font-size:17px}.site-he .section-heading h2,.site-he .about-approach h2,.site-he .vision-subtitle,.site-he .closing-content h2{font-size:34px}.site-he .contact-aside h2,.site-he .form-wrap>h2{font-size:34px}}


/* v0.7.3 — Hebrew hierarchy, spacing and footer refinement */
/* Review reference size: two typographic steps above Hebrew body copy (16px -> 22px). */
.site-he .he-mirror .home-hero .hero-copy h1,
.site-he .overview-section .section-heading h2,
.site-he .approach-section .approach-inner h2,
.site-he .closing-section .closing-content h2,
.site-he .he-about-title,
.site-he .about-approach h2,
.site-he .services-page-intro h1,
.site-he .he-mirror .vision-subtitle,
.site-he .he-mirror .vision-statement h2 {font-size:22px;line-height:1.32;font-weight:500;letter-spacing:0}
.site-he .overview-section .section-heading h2 em{font-size:1em}
.site-he .he-mirror .home-hero .hero-copy>p{font-size:16px;line-height:1.8}
.site-he .he-mirror .home-hero .he-primary-cta{font-size:18px}
.site-he .about-hero-top{align-items:end}
.site-he .he-about-title{align-self:end;margin-bottom:0;white-space:nowrap}
/* Services: remove inherited vertical air between intro, rows and final CTA. */
.site-he .services-page-intro .page-intro-inner{padding-top:10px;padding-bottom:16px}
.site-he .services-detail{padding-top:0;padding-bottom:24px}
.site-he .services-detail .detail-row{padding-top:6px;padding-bottom:34px}
.site-he .services-detail + .closing-section{margin-top:0;padding-top:42px}
/* Vision & Values: title sits close to list; list keeps its own bottom rule; no duplicate rule/gap before CTA. */
.site-he .values-section{padding-top:14px;padding-bottom:0}
.site-he .values-section .section-heading{margin-bottom:12px}
.site-he .values-grid{border-top:0}
.site-he .values-section + .closing-section{border-top:0;margin-top:0;padding-top:30px}
.site-he .values-section + .closing-section .closing-rule{display:none}
/* Hebrew footer mirrors the strip logic: brand on right, navigation/legal centre, copyright on far left. */
.site-he .footer-top .eyebrow{font-size:clamp(14px,1.2vw,18px)}
.site-he .footer-top h2{font-size:22px;line-height:1.32;font-weight:500}
.site-he .footer-bottom{grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);column-gap:28px;row-gap:16px;align-items:start}
.site-he .footer-brand{grid-column:3;grid-row:1/3;min-width:220px}
.site-he .footer-bottom .footer-nav{grid-column:2;grid-row:1;justify-content:center}
.site-he .footer-bottom .footer-legal{grid-column:2;grid-row:2;justify-content:center}
.site-he .footer-bottom>p{grid-column:1;grid-row:1/3;align-self:end;text-align:left;direction:rtl;white-space:nowrap}
@media(max-width:900px){
 .site-he .he-about-title{white-space:normal}
 .site-he .footer-bottom{grid-template-columns:1fr 1fr}
 .site-he .footer-brand{grid-column:2;grid-row:1}.site-he .footer-bottom .footer-nav{grid-column:1;grid-row:1;justify-content:flex-start}
 .site-he .footer-bottom .footer-legal{grid-column:1;grid-row:2;justify-content:flex-start}.site-he .footer-bottom>p{grid-column:2;grid-row:2;text-align:left}
}
@media(max-width:650px){
 .site-he .he-mirror .home-hero .hero-copy h1,.site-he .overview-section .section-heading h2,.site-he .approach-section .approach-inner h2,.site-he .closing-section .closing-content h2,.site-he .he-about-title,.site-he .about-approach h2,.site-he .services-page-intro h1,.site-he .he-mirror .vision-subtitle,.site-he .he-mirror .vision-statement h2{font-size:22px}
 .site-he .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.site-he .footer-bottom>p{white-space:normal;text-align:left}
}

/* v0.7.6 — consolidated Hebrew production typography + layout refinements
   Two type families only: Frank Ruhl Libre for editorial/marketing statements;
   Heebo for UI, body copy, service/value titles, forms and footer. */
.site-he{
  --he-font-heading:'Frank Ruhl Libre','Noto Serif Hebrew',Georgia,serif;
  --he-font-ui:'Heebo','Arial Hebrew',Arial,sans-serif;
  --he-size-body:16px;
  --he-size-marketing:18px;
  --he-size-service:18px;
  --he-size-subtitle:19px;
  --he-size-cta:15px;
  --he-lh-body:1.8;
  --he-lh-heading:1.45;
  font-family:var(--he-font-ui);
  font-size:var(--he-size-body);
}
/* 34 — Hebrew desktop header: compact 88px strip. */
@media(min-width:901px){
 .site-he .header-inner{height:88px;align-items:center}
 .site-he .brand{height:88px;align-items:center;overflow:hidden}
 .site-he .brand img{width:84px;height:84px;object-fit:cover;object-position:center 18%}
 .site-he .header-main{justify-content:center}
 .site-he .header-baseline{align-items:center}
 .site-he .header-cta{padding:15px 22px;font-size:15px}
}
.site-he .brand-word{display:none}

/* 35 — one typography system across all Hebrew pages. */
.site-he .he-mirror p,
.site-he .he-mirror li,
.site-he .contact-form label,
.site-he .contact-form input,
.site-he .contact-form textarea,
.site-he .footer-bottom{font-family:var(--he-font-ui);font-size:var(--he-size-body);line-height:var(--he-lh-body)}
.site-he .he-mirror .home-hero .hero-copy h1,
.site-he .overview-section .section-heading h2,
.site-he .approach-section .approach-inner h2,
.site-he .closing-section .closing-content h2,
.site-he .he-about-title,
.site-he .about-approach h2,
.site-he .he-values-closing,
.site-he .contact-aside h2,
.site-he .form-wrap>h2{
  font-family:var(--he-font-heading);font-size:var(--he-size-marketing);line-height:var(--he-lh-heading);font-weight:600;letter-spacing:0
}
.site-he .offering-row h3,
.site-he .detail-row h2,
.site-he .services-page-intro .eyebrow,
.site-he .values-grid .value-item h3{
  font-family:var(--he-font-ui);font-size:var(--he-size-service);line-height:1.45;font-weight:600;letter-spacing:0
}
.site-he .service-subtitle,
.site-he .he-service-subtitle-ref,
.site-he .he-vision-lead,
.site-he .vision-block .vision-subtitle{
  font-family:var(--he-font-heading);font-size:var(--he-size-subtitle);line-height:1.45;font-weight:500;letter-spacing:0
}
.site-he .eyebrow,.site-he .desktop-nav,.site-he .mobile-nav,.site-he .lang-switch,.site-he .header-cta,
.site-he .text-link,.site-he .submit-button,.site-he .footer-nav,.site-he .footer-legal{font-family:var(--he-font-ui)}
.site-he .he-mirror .home-hero .he-primary-cta,.site-he .he-services-link,.site-he .about-approach .text-link,
.site-he .services-detail .text-link,.site-he .closing-section .text-link{font-size:var(--he-size-cta);font-weight:700;line-height:1.5}

/* Home 1–2 — align editorial lead with service-title column and keep final lead on one desktop line. */
@media(min-width:901px){
 .site-he .overview-section .section-heading h2{grid-column:2;grid-row:2;white-space:nowrap}
 .site-he .closing-section .closing-content h2{white-space:nowrap}
}
.site-he .overview-section .section-heading h2 em{font-size:1em}
.site-he .he-mirror .home-hero .hero-copy h1{font-size:var(--he-size-marketing);line-height:var(--he-lh-heading);font-weight:600}
.site-he .he-mirror .home-hero .hero-copy>p{font-size:var(--he-size-body);line-height:var(--he-lh-body)}
.site-he .he-one-line{white-space:nowrap}

/* About alignment retained from review. */
.site-he .about-hero-top{align-items:end}
.site-he .he-about-title{align-self:end;margin-bottom:0;white-space:nowrap;transform:translateY(5px)}

/* Services spacing retained, with typography now governed above. */
.site-he .services-page-intro .page-intro-inner{padding-top:10px;padding-bottom:12px}
.site-he .services-page-intro h1{display:none}
.site-he .services-detail{padding-top:0;padding-bottom:24px}
.site-he .services-detail .detail-row{padding-top:6px;padding-bottom:34px}
.site-he .services-detail + .closing-section{margin-top:0;padding-top:42px}

/* 35 — Vision & Values: four explicit roles, no one-off type overrides. */
.site-he .values-section{padding-top:14px;padding-bottom:0}
.site-he .values-section .section-heading{margin-bottom:12px}
.site-he .values-grid{border-top:0}
.site-he .values-section + .closing-section{border-top:0;margin-top:0;padding-top:30px}
.site-he .values-section + .closing-section .closing-rule{display:none}
.site-he .values-grid .value-item h3{font-family:var(--he-font-ui);font-size:var(--he-size-service);line-height:1.45;font-weight:600}
.site-he .he-values-closing{font-family:var(--he-font-heading);font-size:var(--he-size-marketing);line-height:var(--he-lh-heading);font-weight:600}

/* Active Hebrew page marker. */
.site-he .desktop-nav .nav-link{position:relative}
.site-he .desktop-nav .nav-link.is-active:after{content:"";position:absolute;right:0;left:0;margin:auto;bottom:-9px;width:24px;height:2px;background:#BC2946}

/* 33 — compact quote zone: ~155px from footer start to lower strip on desktop. */
@media(min-width:901px){
 .site-he.site-he .site-footer{padding-top:40px}
 .site-he .footer-top{padding-bottom:55px;min-height:115px;align-items:center}
}
.site-he .footer-top h2{font-family:var(--he-font-heading);font-size:18px;line-height:1.5;font-weight:500;letter-spacing:0}
.site-he .footer-top .quote-source{font-family:var(--he-font-ui);font-size:11px;line-height:1.5;text-align:left;margin:8px 0 0;color:#9aabb9}
.site-he .footer-bottom{grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);column-gap:28px;row-gap:16px;align-items:start}
.site-he .footer-brand{grid-column:3;grid-row:1/3;min-width:220px}
.site-he .footer-bottom .footer-nav{grid-column:2;grid-row:1;justify-content:center}
.site-he .footer-bottom .footer-legal{grid-column:2;grid-row:2;justify-content:center}
.site-he .footer-bottom>p{grid-column:1;grid-row:1/3;align-self:end;text-align:left;direction:rtl;white-space:nowrap}

/* 36–40 — Contact details: address first, one separator per block, clean LTR islands. */
.site-he .contact-details{gap:0}
.site-he .contact-detail{padding:14px 0;border-bottom:1px solid #DBE1E5}
.site-he .contact-detail:first-child{padding-top:0}
.site-he .contact-detail>span{margin-bottom:7px}
.site-he .contact-detail p{font-family:var(--he-font-ui);font-size:var(--he-size-body);line-height:1.55}
.site-he .address-detail .he-address{margin:0;line-height:1.55}
.site-he .phone-detail{border-top:0!important}
.site-he .phone-detail .whatsapp-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;border-bottom:0!important;padding-bottom:0;font-weight:600;direction:ltr}
.site-he .phone-detail .whatsapp-icon{display:inline-flex;font-size:18px;line-height:1;color:#25D366}
.site-he .whatsapp-icon svg{display:block;width:20px;height:20px}
.site-he .email-detail{padding-top:14px}
.site-he .email-detail a{border-bottom:0!important}
.site-he .linkedin-detail{padding:8px 0 6px}
.site-he .linkedin-detail>p{margin:0;padding:0}
.site-he .linkedin-link{display:block;width:100%;height:auto;margin:0;padding:0;border:0!important;overflow:visible;background:transparent}
.site-he .linkedin-link img{display:block;width:82px;height:auto;object-fit:contain;direction:ltr;transform:none;margin:0 0 0 auto}

@media(max-width:900px){
 .site-he .he-one-line,.site-he .he-mirror .home-hero .hero-copy h1{white-space:normal}
 .site-he .he-about-title{white-space:normal;transform:none}
 .site-he .footer-bottom{grid-template-columns:1fr 1fr}
 .site-he .footer-brand{grid-column:2;grid-row:1}.site-he .footer-bottom .footer-nav{grid-column:1;grid-row:1;justify-content:flex-start}
 .site-he .footer-bottom .footer-legal{grid-column:1;grid-row:2;justify-content:flex-start}.site-he .footer-bottom>p{grid-column:2;grid-row:2;text-align:left}
}
@media(max-width:650px){
 .site-he .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.site-he .footer-bottom>p{white-space:normal;text-align:left}
 .site-he .site-footer{padding-top:42px}
 .site-he .footer-top{display:block;padding-bottom:42px;min-height:0}
}

/* v0.7.7 — 41: final Hebrew typography normalization for Services + Vision & Values.
   These two pages now use the same four-role system as the rest of the Hebrew site. */
.site-he .services-page-intro .eyebrow,
.site-he .services-detail .detail-row h2,
.site-he .values-section .eyebrow,
.site-he .values-grid .value-item h3,
.site-he .vision-block .eyebrow,
.site-he .vision-statement .eyebrow,
.site-he .closing-section .eyebrow{
  font-family:var(--he-font-ui);font-size:var(--he-size-service);font-weight:600;line-height:1.45;letter-spacing:0
}
.site-he .services-page-intro .he-service-subtitle-ref,
.site-he .services-detail .service-subtitle,
.site-he .services-page-intro .he-vision-lead,
.site-he .vision-block .vision-subtitle,
.site-he .vision-statement .he-vision-lead{
  font-family:var(--he-font-heading);font-size:var(--he-size-subtitle);font-weight:500;line-height:1.45;letter-spacing:0
}
.site-he .services-page-intro .services-hero-text,
.site-he .services-detail .detail-text,
.site-he .vision-block>p:not(.eyebrow),
.site-he .vision-statement-inner>p:not(.eyebrow),
.site-he .values-grid .value-item p{
  font-family:var(--he-font-ui);font-size:var(--he-size-body);font-weight:400;line-height:var(--he-lh-body);letter-spacing:0
}
.site-he .services-detail .text-link,
.site-he .closing-section .text-link{
  font-family:var(--he-font-ui);font-size:var(--he-size-cta);font-weight:700;line-height:1.5;letter-spacing:0
}

/* v0.7.7 — 42: Hebrew-specific high-resolution logo, kept inside the approved 88px header. */
@media(min-width:901px){
 .site-he .brand img{width:82px;height:78px;object-fit:contain;object-position:center}
}
@media(max-width:900px){
 .site-he .brand img{object-fit:contain;object-position:center}
}

/* === v0.7.8 Hebrew visual refinement === */
/* 1–2: keep Hebrew page separators consistent and avoid duplicate short rules. */
.site-he .services-detail .detail-row:last-child{border-bottom:0!important}
.site-he .linkedin-detail{border-bottom:0!important}

/* Section-level separators are the canonical full-width rules. */
.site-he .services-detail + .closing-section,
.site-he .values-section + .closing-section{position:relative;border-top:0!important}
.site-he .services-detail + .closing-section::before,
.site-he .values-section + .closing-section::before{
  content:"";position:absolute;top:0;left:50%;width:100vw;height:1px;
  background:var(--line);transform:translateX(-50%);pointer-events:none
}
/* Vision & Values intentionally keeps only the rule below the values list, not an extra rule below the heading. */
.site-he .values-section{border-top:0!important}

/* 3: no grey rule beneath LinkedIn on Hebrew contact page. */
.site-he .contact-detail.linkedin-detail{border-bottom:0!important;padding-bottom:0}

/* Updated Hebrew logo: slightly larger while keeping the approved 88px header. */
@media(min-width:901px){
  .site-he .brand{height:88px;overflow:visible}
  .site-he .brand img{width:auto!important;height:86px!important;max-width:112px;object-fit:contain!important;object-position:center!important}
}
@media(max-width:900px){
  .site-he .brand img{width:auto!important;height:52px!important;max-width:68px;object-fit:contain!important;object-position:center!important}
}

/* === v0.7.9 ENGLISH SYSTEM PASS ===
   Mirrors the disciplined Hebrew typography/header/footer system while
   preserving the approved English Horizons visual language. */
.site-en{
  --en-font-heading:'Newsreader',Georgia,serif;
  --en-font-ui:'Manrope',Arial,sans-serif;
  --en-body:16px;
  --en-label:12px;
  --en-cta:15px;
  --en-section:18px;
  --en-message:20px;
}
.site-en, .site-en p, .site-en a, .site-en button, .site-en input, .site-en textarea, .site-en select, .site-en label, .site-en span{font-family:var(--en-font-ui)}
.site-en h1,.site-en h2,.site-en h3,.site-en .hero-copy h1,.site-en .section-heading h2,.site-en .approach-inner h2,.site-en .closing-content h2,.site-en .about-hero h1,.site-en .about-approach h2,.site-en .detail-row h2,.site-en .vision-statement h2,.site-en .vision-block h2,.site-en .values-section h2,.site-en .contact-aside h2,.site-en .form-wrap h2,.site-en .footer-top h2{font-family:var(--en-font-heading);letter-spacing:0}
.site-en .eyebrow,.site-en .nav-link,.site-en .lang-switch,.site-en .header-cta,.site-en .text-link,.site-en .footer-nav,.site-en .footer-legal,.site-en .contact-detail>span,.site-en .contact-form label{font-family:var(--en-font-ui)}
.site-en .offering-row h3,.site-en .value-item h3{font-family:var(--en-font-ui);font-weight:700}

/* Header: same approved 88px desktop rhythm as Hebrew. */
@media(min-width:901px){
 .site-en .header-inner{height:88px;min-height:88px;padding-top:0;padding-bottom:0;align-items:center}
 .site-en .brand{height:78px;display:flex;align-items:center;overflow:visible}
 .site-en .brand img{display:block;width:auto;height:76px;max-width:118px;object-fit:contain;object-position:center}
 .site-en .header-main{align-self:center}
}

/* Active page marker. */
.site-en .desktop-nav .nav-link{position:relative}
.site-en .desktop-nav .nav-link.is-active::after{content:"";position:absolute;left:50%;bottom:-9px;width:26px;height:2px;background:var(--red);transform:translateX(-50%)}

/* English footer upper panel: compact to match the Hebrew approved proportion. */
.site-en .footer-top{min-height:155px;padding-top:34px;padding-bottom:34px;align-items:center}
.site-en .footer-top h2{font-size:clamp(28px,2.4vw,38px);line-height:1.12;margin:0}
.site-en .footer-top .eyebrow{margin-bottom:10px}
.site-en .footer-legal{display:flex;flex-wrap:wrap;gap:10px 22px}
.site-en .footer-legal a{color:inherit;text-decoration:none}
.site-en .footer-legal a[aria-disabled="true"]{opacity:.65;cursor:default}

/* English contact LinkedIn — exact supplied artwork, no transforms. */
.site-en .linkedin-detail{border-bottom:0!important;padding:12px 0 0}
.site-en .linkedin-detail>p{margin:0;padding:0}
.site-en .linkedin-link{display:block;width:max-content;height:auto;margin:0;padding:0;border:0!important;overflow:visible;background:transparent}
.site-en .linkedin-link img{display:block;width:94px;height:auto;object-fit:contain;object-position:left center;transform:none;filter:none}
.site-en .linkedin-link:hover img{filter:none}

@media(max-width:900px){
 .site-en .brand img{object-fit:contain;object-position:center;width:52px;height:52px}
 .site-en .footer-top{min-height:0;padding-top:38px;padding-bottom:42px}
}
@media(max-width:650px){
 .site-en .brand img{width:46px;height:46px;object-fit:contain}
 .site-en .footer-top h2{font-size:30px}
 .site-en .linkedin-link img{width:82px}
}

/* === v0.7.10 ENGLISH TYPOGRAPHY CONSOLIDATION ===
   English-only. Mirrors the approved Hebrew method: two families and a small,
   fixed hierarchy. No Hebrew selectors are changed here. */
.site-en{
  --en-font-heading:'Newsreader',Georgia,serif;
  --en-font-ui:'Manrope',Arial,sans-serif;
  --en-size-body:16px;
  --en-size-marketing:18px;
  --en-size-service:18px;
  --en-size-subtitle:19px;
  --en-size-cta:15px;
  --en-lh-body:1.75;
  --en-lh-heading:1.42;
  font-family:var(--en-font-ui);
  font-size:var(--en-size-body);
}
.site-en .brand-word{display:none}
.site-en p,.site-en li,.site-en label,.site-en input,.site-en textarea,.site-en select{font-family:var(--en-font-ui);font-size:var(--en-size-body);line-height:var(--en-lh-body)}
.site-en .hero-copy h1,
.site-en .section-heading h2,
.site-en .approach-inner h2,
.site-en .closing-content h2,
.site-en .about-hero h1,
.site-en .about-approach h2,
.site-en .contact-aside h2,
.site-en .form-wrap>h2{
  font-family:var(--en-font-heading);font-size:var(--en-size-marketing);line-height:var(--en-lh-heading);font-weight:600;letter-spacing:0
}
.site-en .offering-row h3,
.site-en .detail-row h2,
.site-en .values-grid .value-item h3{
  font-family:var(--en-font-ui);font-size:var(--en-size-service);line-height:1.45;font-weight:600;letter-spacing:0
}
.site-en .service-subtitle,
.site-en .services-hero-subtitle,
.site-en .vision-block .vision-subtitle,
.site-en .vision-statement h2{
  font-family:var(--en-font-heading);font-size:var(--en-size-subtitle);line-height:1.45;font-weight:500;letter-spacing:0
}
.site-en .eyebrow,.site-en .desktop-nav,.site-en .mobile-nav,.site-en .lang-switch,.site-en .header-cta,
.site-en .text-link,.site-en .submit-button,.site-en .footer-nav,.site-en .footer-legal{font-family:var(--en-font-ui)}
.site-en .text-link,.site-en .header-cta,.site-en .footer-contact,.site-en .submit-button{font-size:var(--en-size-cta);line-height:1.5;font-weight:700}
.site-en .hero-copy>p,.site-en .section-heading>p,.site-en .offering-row p,.site-en .approach-columns p,
.site-en .about-hero-text p,.site-en .about-approach p:not(.eyebrow),.site-en .detail-text,.site-en .services-hero-text,
.site-en .vision-block>p,.site-en .vision-statement p,.site-en .value-item p,.site-en .contact-aside>p,.site-en .form-wrap>p{
  font-size:var(--en-size-body);line-height:var(--en-lh-body)
}
/* Keep editorial emphasis in the heading family without allowing inherited legacy sizes. */
.site-en h1 em,.site-en h2 em,.site-en h3 em{font-family:var(--en-font-heading);font-size:1em}

/* English header — same 88px approved strip, clearer supplied logo. */
@media(min-width:901px){
 .site-en .header-inner{height:88px;min-height:88px;align-items:center}
 .site-en .brand{height:88px;align-items:center;overflow:visible}
 .site-en .brand img{width:auto!important;height:86px!important;max-width:112px;object-fit:contain!important;object-position:center!important}
 .site-en .header-main{justify-content:center}
 .site-en .header-baseline{align-items:center}
 .site-en .header-cta{padding:15px 22px}
}
@media(max-width:900px){.site-en .brand img{width:auto!important;height:52px!important;max-width:68px;object-fit:contain!important;object-position:center!important}}

/* English footer bottom — dedicated rows prevent nav/legal/copyright collisions. */
@media(min-width:901px){
 .site-en .footer-bottom{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;row-gap:12px;align-items:center}
 .site-en .footer-brand{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;gap:4px;align-self:center}
 .site-en .footer-brand strong{display:none}
 .site-en .footer-brand span{font-size:14px;line-height:1.35;letter-spacing:.06em;white-space:nowrap}
 .site-en .footer-bottom .footer-nav{grid-column:2;grid-row:1;justify-content:flex-end;gap:10px 20px}
 .site-en .footer-bottom .footer-legal{grid-column:2;grid-row:2;justify-content:flex-end;gap:8px 18px}
 .site-en .footer-bottom .footer-nav a{font-size:14px;line-height:1.25}
 .site-en .footer-bottom .footer-legal a{font-size:12px;line-height:1.25}
 .site-en .footer-bottom>p{grid-column:3;grid-row:2;text-align:right;white-space:nowrap;font-size:11px;line-height:1.25}
}
/* Contact LinkedIn — smaller and proportional to contact details. */
.site-en .linkedin-link img{width:62px!important;height:auto!important;max-width:62px!important;transform:none!important;filter:none!important}

@media(max-width:650px){
 .site-en .hero-copy h1,.site-en .section-heading h2,.site-en .approach-inner h2,.site-en .closing-content h2,
 .site-en .about-hero h1,.site-en .about-approach h2,.site-en .contact-aside h2,.site-en .form-wrap>h2{font-size:22px}
 .site-en .linkedin-link img{width:58px!important;max-width:58px!important}
}

/* === v0.7.11 ENGLISH REVIEW REFINEMENT — English only; Hebrew locked === */
/* 1/3/6 — complete the same fixed typography hierarchy used on Hebrew. */
.site-en .services-page-intro h1,
.site-en .values-section .section-heading h2{
  font-family:var(--en-font-heading)!important;
  font-size:var(--en-size-marketing)!important;
  line-height:var(--en-lh-heading)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  margin-bottom:16px;
}
.site-en .values-section .section-heading h2{font-size:var(--en-size-subtitle)!important;font-weight:500!important}
.site-en .services-page-intro .services-hero-subtitle,
.site-en .vision-block .vision-subtitle,
.site-en .vision-statement h2,
.site-en .service-subtitle{
  font-family:var(--en-font-heading)!important;
  font-size:var(--en-size-subtitle)!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
/* 4 — About image and title share a true bottom baseline; image starts on body text left edge. */
.site-en .about-hero-top{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:28px}
.site-en .about-portrait{margin-left:0;align-self:end}
.site-en .about-hero h1{align-self:end;margin:0 0 2px!important}
.site-en .about-hero-text{margin-left:0}
/* 5 — LET'S CONNECT panel reduced by at least a quarter from the previous 155px target. */
.site-en .footer-top{min-height:116px!important;padding-top:22px!important;padding-bottom:22px!important}
.site-en .footer-top h2{font-size:22px!important;line-height:1.32!important;font-weight:500!important;letter-spacing:0!important}
.site-en .footer-top .eyebrow{font-size:14px!important;margin-bottom:7px!important}
/* 1 — footer bottom mirrors the approved Hebrew structure, in English reading direction. */
@media(min-width:901px){
 .site-en .footer-bottom{grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:28px!important;row-gap:16px!important;align-items:start!important}
 .site-en .footer-brand{grid-column:1!important;grid-row:1 / 3!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-width:220px!important;align-self:start!important}
 .site-en .footer-brand strong{display:block!important;letter-spacing:.09em!important;font-size:22px!important;line-height:1.1!important;color:#9aabb9!important}
 .site-en .footer-brand span{display:block!important;color:#9aabb9!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:.08em!important;white-space:nowrap!important}
 .site-en .footer-bottom .footer-nav{grid-column:2!important;grid-row:1!important;justify-content:center!important;gap:12px 22px!important}
 .site-en .footer-bottom .footer-legal{grid-column:2!important;grid-row:2!important;justify-content:center!important;gap:10px 22px!important}
 .site-en .footer-bottom .footer-nav a{font-size:14px!important;line-height:1.25!important}
 .site-en .footer-bottom .footer-legal a{font-size:12px!important;line-height:1.25!important}
 .site-en .footer-bottom>p{grid-column:3!important;grid-row:1 / 3!important;align-self:end!important;text-align:right!important;white-space:nowrap!important;font-size:11px!important;line-height:1.25!important}
}
/* 2 — logo gets breathing room inside the approved 88px header; no clipping/stretching. */
@media(min-width:901px){
 .site-en .brand{height:88px!important;min-width:100px;display:flex!important;align-items:center!important;overflow:visible!important;padding-block:5px}
 .site-en .brand img{display:block!important;width:auto!important;height:76px!important;max-width:104px!important;object-fit:contain!important;object-position:center!important;margin:0!important}
}
/* 7 — Contact details use body scale; LinkedIn stays subordinate to the contact information. */
.site-en .contact-details .whatsapp-link{font-family:var(--en-font-ui)!important;font-size:16px!important;line-height:1.5!important;font-weight:600!important}
.site-en .contact-details p,.site-en .contact-details p a{font-size:16px;line-height:1.55}
.site-en .linkedin-link img{width:52px!important;max-width:52px!important;height:auto!important}
@media(max-width:900px){
 .site-en .footer-top{min-height:0!important;padding-top:28px!important;padding-bottom:30px!important}
 .site-en .brand img{height:50px!important;max-width:66px!important}
}
@media(max-width:650px){
 .site-en .services-page-intro h1,.site-en .values-section .section-heading h2{font-size:18px!important}
 .site-en .linkedin-link img{width:48px!important;max-width:48px!important}
}

/* === v0.7.12 ENGLISH FINAL VISUAL CORRECTIONS — English only; Hebrew locked === */
/* 1 — English logo: high-resolution source, centered inside the approved 88px header with safe breathing room. */
@media(min-width:901px){
  .site-en .brand{height:88px!important;min-width:104px!important;padding:4px 0!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
  .site-en .brand img{width:auto!important;height:80px!important;max-width:100px!important;max-height:80px!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
}
/* 2 — LET'S CONNECT: keep approved compact height and vertically center both columns. */
.site-en .footer-top{min-height:116px!important;padding-top:18px!important;padding-bottom:18px!important;align-items:center!important}
.site-en .footer-top>div{align-self:center!important}
.site-en .footer-contact{align-self:center!important;margin:0!important}
.site-en .footer-top .eyebrow{margin-top:0!important}
/* 3 — About: mirror the approved Hebrew geometry. Image and title share the bottom line; image starts on body-copy left edge. */
@media(min-width:901px){
  .site-en .about-hero{padding-top:58px!important}
  .site-en .about-hero-top{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;column-gap:34px!important;align-items:end!important}
  .site-en .about-portrait{display:block!important;width:240px!important;height:auto!important;margin:0!important;align-self:end!important;object-fit:contain!important;object-position:left bottom!important}
  .site-en .about-hero h1{align-self:end!important;margin:0 0 0!important;padding:0!important;line-height:1.16!important}
  .site-en .about-hero-text{margin-left:0!important;margin-top:24px!important}
}
/* 4 — OUR VISION: content-led height instead of the old oversized dark band. */
.site-en .vision-statement-inner{padding-top:34px!important;padding-bottom:48px!important}
.site-en .vision-statement h2{margin-bottom:20px!important}
/* 5 — Remove the large white gap after the values grid before LET'S CONNECT. */
.site-en .values-section{padding-bottom:36px!important}
.site-en .values-grid{margin-bottom:0!important}
/* 6 — English contact details now use the same approved visual system as Hebrew. */
.site-en .contact-details{gap:0!important}
.site-en .contact-detail{padding:14px 0!important;border-bottom:1px solid #DBE1E5!important}
.site-en .contact-detail:first-child{padding-top:0!important}
.site-en .contact-detail>span{margin-bottom:7px!important}
.site-en .contact-detail p,.site-en .contact-detail p a{font-family:var(--en-font-ui)!important;font-size:14px!important;line-height:1.55!important;font-weight:400!important}
.site-en .address-detail p{font-size:14px!important;line-height:1.55!important}
.site-en .phone-detail .whatsapp-link{display:inline-flex!important;align-items:center!important;gap:6px!important;border-bottom:0!important;padding:0!important;font-size:15px!important;font-weight:600!important;direction:ltr!important}
.site-en .phone-detail .whatsapp-icon{display:inline-flex!important;color:#25D366!important;line-height:1!important;flex:none!important}
.site-en .phone-detail .whatsapp-icon svg{display:block!important;width:20px!important;height:20px!important}
.site-en .contact-detail p.business-hours{font-size:13px!important;line-height:1.55!important;color:#637587!important}
.site-en .email-detail a{border-bottom:0!important}
.site-en .linkedin-detail{padding:9px 0 0!important;border-bottom:0!important}
.site-en .linkedin-detail>p{margin:0!important;padding:0!important}
.site-en .linkedin-link{display:block!important;width:max-content!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important}
.site-en .linkedin-link img{display:block!important;width:82px!important;max-width:82px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;transform:none!important;filter:none!important}
@media(max-width:900px){
  .site-en .footer-top{min-height:0!important;padding-top:28px!important;padding-bottom:30px!important;align-items:flex-start!important}
  .site-en .about-portrait{margin:0!important}
  .site-en .linkedin-link img{width:76px!important;max-width:76px!important}
}

/* === v0.7.13 ENGLISH ABOUT + HEADER FINAL ADJUSTMENTS — Hebrew remains locked === */
@media(min-width:901px){
  /* About: return portrait to the compact approved Hebrew-scale geometry and align its left edge with body copy. */
  .site-en .about-hero{padding-top:58px!important}
  .site-en .about-hero-top{display:grid!important;grid-template-columns:176px minmax(0,1fr)!important;column-gap:34px!important;align-items:end!important}
  .site-en .about-portrait{display:block!important;width:176px!important;height:auto!important;margin:0!important;align-self:end!important;justify-self:start!important;object-fit:contain!important;object-position:left bottom!important}
  .site-en .about-hero h1{align-self:end!important;margin:0!important;padding:0!important;line-height:1.16!important}
  .site-en .about-hero-text{margin-left:0!important;margin-top:24px!important}

  /* Header: only a slight height increase, used entirely to give the English logo more readable display area. */
  .site-en .header-inner{height:94px!important}
  .site-en .brand{height:94px!important;min-width:116px!important;padding:2px 0!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
  .site-en .brand img{display:block!important;width:auto!important;height:90px!important;max-width:116px!important;max-height:90px!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
}

/* === v0.7.14 ENGLISH ABOUT PORTRAIT FINAL ALIGNMENT — Hebrew remains locked === */
@media(min-width:901px){
  /* Match the compact Hebrew portrait scale. The source portrait contains a small
     pale left gutter, so the image is shifted left until the visible blue jacket
     begins on the same vertical line as the body copy below. */
  .site-en .about-hero-top{
    grid-template-columns:148px minmax(0,1fr)!important;
    column-gap:34px!important;
    align-items:end!important;
  }
  .site-en .about-portrait{
    width:148px!important;
    height:auto!important;
    margin:0 0 0 -22px!important;
    align-self:end!important;
    justify-self:start!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
  .site-en .about-hero h1{
    align-self:end!important;
    margin:0!important;
  }
  .site-en .about-hero-text{
    margin-left:0!important;
  }
}

/* Production candidate — keyboard accessibility only; no normal-state visual change. */
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:9999;
  transform:translateY(-160%);
  padding:10px 14px;
  background:#fff;
  color:#102B46;
  border:2px solid #102B46;
  border-radius:3px;
  font:600 14px/1.2 'Manrope',sans-serif;
  text-decoration:none;
}
.skip-link:focus{transform:translateY(0)}
.site-he .skip-link{left:auto;right:16px;font-family:'Heebo',sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #BC2946;
  outline-offset:3px;
}


/* === v0.9.2 MOBILE REVIEW FIXES — approved Hebrew mobile corrections only === */
@media(max-width:650px){
  /* Home / EN + HE mobile only: Option 2 approved Hermon crop + readability scrim. */
  .site-en .home-hero > img,
  .site-he .he-mirror .home-hero > img{
    inset:auto 0 0 0!important;
    height:148%!important;
    object-position:47% 0!important;
  }
  .site-en .home-hero .hero-scrim,
  .site-he .he-mirror .home-hero .hero-scrim{
    background:linear-gradient(180deg,
      rgba(255,255,255,.30) 0,
      rgba(255,255,255,.40) 100px,
      rgba(255,255,255,.90) 175px,
      rgba(255,255,255,.93) 100%)!important;
  }

  /* About / Hebrew: compact portrait and explicit right-aligned statement. */
  .site-he .he-mirror .about-hero-top{
    align-items:stretch!important;
  }
  .site-he .he-mirror .about-portrait{
    display:block!important;
    width:235px!important;
    max-width:70vw!important;
    height:auto!important;
    margin:0 0 0 auto!important;
    object-fit:contain!important;
    object-position:right top!important;
  }
  .site-he .he-mirror .he-about-title{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
    align-self:stretch!important;
  }

  /* Hebrew Contact: mirror the proven English mobile flow and prevent RTL overflow/off-screen rendering. */
  .site-he .he-contact-page{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .site-he .he-contact-page .contact-top,
  .site-he .he-contact-page .contact-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .site-he .he-contact-page .contact-section{
    display:block!important;
    direction:rtl!important;
  }
  .site-he .he-contact-page .contact-aside,
  .site-he .he-contact-page .form-wrap,
  .site-he .he-contact-page .contact-details,
  .site-he .he-contact-page .contact-detail,
  .site-he .he-contact-page .contact-form,
  .site-he .he-contact-page .form-two{
    min-width:0!important;
    max-width:100%!important;
  }
  .site-he .he-contact-page .contact-detail p,
  .site-he .he-contact-page .contact-detail a,
  .site-he .he-contact-page .form-wrap p,
  .site-he .he-contact-page .contact-form label{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .site-he .he-contact-page .whatsapp-link{
    display:inline-flex!important;
    align-items:center!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
  }
  .site-he .he-contact-page .he-inline-ltr{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    display:inline-block!important;
  }
}

/* === v0.9.6 ABOUT LAYOUT TUNING — approved, About only (mobile block refined in v0.9.8) ===
   Desktop: English portrait slightly smaller and title closer.
   Mobile <=650px: EN + HE portrait/title stay side-by-side.
   No Home/Hermon, Contact, LinkedIn, navigation, form or SEO changes. */
@media(min-width:901px){
  .site-en .about-hero-top{
    grid-template-columns:138px minmax(0,1fr)!important;
    column-gap:20px!important;
    align-items:end!important;
  }
  .site-en .about-portrait{
    width:138px!important;
    height:auto!important;
    margin:0 0 0 -19px!important;
    align-self:end!important;
    justify-self:start!important;
  }
  .site-en .about-hero h1{
    align-self:end!important;
    margin:0!important;
  }
}

@media(max-width:650px){
  .site-en .about-hero-top,
  .site-he .he-mirror .about-hero-top{
    --about-p:clamp(120px,36vw,145px);
    display:grid!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:end!important;
  }
  .site-en .about-hero-top{
    grid-template-columns:calc(var(--about-p) * .863) minmax(0,1fr)!important;
  }
  .site-he .he-mirror .about-hero-top{
    grid-template-columns:var(--about-p) minmax(0,1fr)!important;
    column-gap:0!important;
  }
  .site-en .about-portrait,
  .site-he .he-mirror .about-portrait{
    display:block!important;
    width:var(--about-p)!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    align-self:end!important;
    justify-self:start!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .site-en .about-portrait{
    margin-left:calc(var(--about-p) * -.137)!important;
  }
  .site-en .about-hero h1{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:end!important;
    text-align:left!important;
    line-height:1.15!important;
    font-size:clamp(15px,calc((100vw - 62px - var(--about-p) * .863) / 12.4),22px)!important;
  }
  .site-he .he-mirror .he-about-title{
    display:block!important;
    width:auto!important;
    max-width:6.6em!important;
    margin:0!important;
    padding:0!important;
    align-self:end!important;
    justify-self:start!important;
    text-align:right!important;
  }
}

/* v1.0 — legal pages (Privacy Policy / Terms of Use), rendered by the generic page template */
.legal-page{max-width:860px;margin-inline:auto}
.legal-page h1{color:var(--navy);font-family:var(--en-font-heading);font-size:clamp(34px,3.2vw,48px);line-height:1.14;letter-spacing:-.03em;font-weight:500;margin:0 0 10px}
.legal-page .legal-updated{color:#8495a2;font-size:14px;margin:0 0 32px}
.legal-page h2{color:var(--navy);font-family:var(--en-font-heading);font-size:24px;line-height:1.3;font-weight:500;margin:36px 0 12px}
.legal-page p,.legal-page li{color:var(--ink);font-size:16px;line-height:1.75}
.legal-page p{margin:0 0 14px}
.legal-page ul{margin:0 0 14px;padding-inline-start:22px}
.legal-page a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.site-he .legal-page h1,.site-he .legal-page h2{font-family:var(--he-font-heading);letter-spacing:0}
.site-he .legal-page p,.site-he .legal-page li{font-family:var(--he-font-ui)}
.form-footnote a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* v1.0.1 — Hebrew contact form: align Company and Phone fields (phone label has a 2nd line) */
.he-contact-page .form-two{align-items:end}